Beiträge von Mario

Oh wo kommt das denn her. Wahrscheinlich die Finger zu dick.

Update ist raus: https://www.widget-zp.de/downl…d&file=wzp-trennlinie.zip

- Entpacke die heruntergeladene *.zip Datei

- Im Verzeichnis "C:\Users\Benutzername\Documents\Zeta Producer xx\widgets" den alten Widget-Ordner beliebig umbenennen (zb.:"wzp-css-fenster-alt").

- Kopiere den kompletten entpackten Ordner in das Verseichnis "C:\Users\Benutzername\Documents\Zeta Producer xx\widgets".

- Starte Zeta Producer

- Anschließend "Extras > Entwickler > Änderungen übernehmen"

https://www.widget-zp.de/nach-oben-type2.html

Oder liegts vielleicht an den Überschriften der Quelltext-Widgets ganz unten auf den Seiten

Nein das spielt keine Rolle.

Kurz vor diesem Fehler hatte ich den Nach-oben-Code V2, den ich ja so sehr mag, eingefügt. Kanns sein, das der Banner sich irgendwie an dessen Code stört?

So etwas kann vorkommen. Ich habe das mal getestet, gab aber keinerlei Probleme. Du kannst ja testhalber einfach mal das CSS und den Quelltext von Nach-oben-Code V2 löschen, anschließend Erweitert > Erstellen > alleSeiten erstellen.

Ich denke das liegt an dem vielen Text. Dafür ist der eigentlich nicht gedacht.

Da wurde sicher die Einstellung "Inhaltsbereich" gewählt.

Dann wird das Widget dort dargestellt wo es eingebunden wurde. Steht so auch im Infotext.

Das ist gut

Zum Infobanner:

• https://islamverstehen.de.cool…020/wozu-diese-seite.html wird bei mir der Banner angezeigt. Nur einmal danach nicht mehr so soll es sein. Wenn er wieder angezeigt werden soll musst du Cache (Cookies) löschen.
• https://islamverstehen.de.cool…kade-wissens-luecken.html genau das gleiche.
• Allerdings haben sie scheinbar die gleiche ID? Das wird dann zusammen gefasst. Wenn du also einmal https://islamverstehen.de.cool…020/wozu-diese-seite.html aufgerufen hast wird auch bei https://islamverstehen.de.cool…kade-wissens-luecken.html das Banner nicht mehr angezeigt.
• Du musst also beiden Bannern eine andere ID geben.

Bei https://islamverstehen.de.cool/test2020/index.html und https://islamverstehen.de.cool/test2020/haeufige-fragen.html wird bei mir oben Rechts ein Schließen X angezeigt.

Kannst du normalerweise löschen. Zur Sicherheit würde ich den Ordner vorher irgendwo abspeichern.

Läuft dein Projekt jetzt?

Pojekt in ZP geöffnet. Sieht so aus wie von dir beschrieben.

• Layout-Designer geöffnet, auf "Clean Style R.", alles gut. Auf speichern, alles bestens.
• Anschl. Layout-Designer geöffnet, auf "Campfire R.", alles gut. Auf speichern, alles bestens.

Projekt konnte ich runter laden. Mal sehen was ich machen kann.

Zuerst mal sind meine Widgets falsch installiert. Du hast diese im Projekt platziert.

Im Verzeichnis "C:\Users\Benutzername\Documents\Zeta Producer xx" einen Ordner "widgets" anlegen.

Das heisst im Ordner "Zeta Producer15" den Ordner anlegen. Nicht im Projektordner.

Da kann ich leider auch nichts genaues dazu sagen. Ist aber kein kopiertes Layout?

Ich kann keinen Fehler feststellen.

Hier ein Test mit deinem Layout. https://hosting.zeta-producer.com/6516012064/index.html

Am besten mal die Einstellungen unter Desktop und Mobile 1 bis 4 hier posten. Dann kann ich ddas Problem sicher schon sehen.

Bis das repariert ist einfach den Download-Link nehmen, den Namen der Zip-Datei austauschen und direkt aufrufen.

Also zum Beispiel:

• https://www.widget-zp.de/extern/download/wzp-trennlinie.zip
• https://www.widget-zp.de/exter…load/wzp-text-im-bild.zip
• https://www.widget-zp.de/extern/download/wzp-star-rating.zip

und so weiter....

Da scheint etwas nicht mit dem ZP-Dateibrowser zu stimmen.

Die ZIP-Dateien sind eigentlich in Ordnung. Ganz unten auf der Download-Seite habe einen Download-Button für die Trennlinie eingefügt.

Ich habe die HIER geantwortet.

Ich habe das ganze nochmal verfeinert. Damit der Logobereich nicht so groß ausfallen muss habe ich diesen mit CSS nach unten gerutscht. Dieser wird beim Scrollen wieder nach oben korrigiert und wenn zurück gescrollt wird wieder hergestellt.

https://hosting.zeta-producer.com/6510327388/topbar2.html

Der Scroll-Effekt sieht auch sehr viel besser aus als bei Vodafone.

Hier nochmal der gesamte Code:

CSS:

<style>
header {
padding-top: 30px;
transition: all 0.25s;
}
.topbarzp {
position:absolute;
left:58px;
top:0;
z-index:30000;
}
.spaltentopbarzp{
float: left;
font-size: 14px;
background:blue;
padding: 4px 20px 4px 20px;
text-align: center;
text-decoration: none;
transition: all 0.4s ease;
}
a.spaltentopbarzp {
color: #fff !important;
text-decoration: none;
transition: all 0.4s ease;
}

.spaltentopbarzp:hover {
background:#fff !important;
}
a.spaltentopbarzp:hover {
color: #000 !important;
}
.spaltentopbarzp:active {
background:#fff !important;
}
a.spaltentopbarzp:active {
color: #000 !important;
width: 33%;
}

@media (max-width: 500px) {
.spaltentopbarzp {padding: 4px 6px 4px 6px;}
.topbarzp {left:0;}
}
@media (max-width: 319px) {
.spaltentopbarzp {font-size: 10px; text-transform: uppercase;}
}
</style>

HTML:
<div class="topbarzp">
<a class="spaltentopbarzp" href="#"><span>Privatkunden</span></a>
<a class="spaltentopbarzp" href="#"><span>Gewerbekunden</span></a>
<a class="spaltentopbarzp" href="#"><span>Kundenportal</span></a>
</div>

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery(window).scroll(function(){
if(jQuery(this).scrollTop()>=50){
jQuery('header').attr('style','padding-top: 0px !important;');
}
else if (jQuery(this).scrollTop()<50) {
jQuery('header').attr('style','padding-top: 30px !important')
}
})
})
</script>

Das Ganze ist so ausgelegt damit es ohne weiteres zutun Resposive ist. Bei 3 Spalten müsste der Wert für die Spalten auf 33% angegeben werden. Das würde dann so aussehen: https://hosting.zeta-producer.com/6510327388/index.html

Mit deinen Wünschen müsste man den Code ganz anders gestalten. Das würde dann so aussehen: https://hosting.zeta-producer.com/6510327388/topbar.html

CSS:

<style>
.topbarzp {
position:absolute;
left:58px;
top:0;
z-index:30000;
}
.spaltentopbarzp{
float: left;
font-size: 14px;
background:blue;
padding: 4px 20px 4px 20px;
text-align: center;
text-decoration: none;
transition: all 0.4s ease;
}
a.spaltentopbarzp {
color: #fff !important;
text-decoration: none;
transition: all 0.4s ease;
}

.spaltentopbarzp:hover {
background:#fff !important;
}
a.spaltentopbarzp:hover {
color: #000 !important;
}
.spaltentopbarzp:active {
background:#fff !important;
}
a.spaltentopbarzp:active {
color: #000 !important;
width: 33%;
}

@media (max-width: 500px) {
.spaltentopbarzp {padding: 4px 6px 4px 6px;}
.topbarzp {left:0;}
}
@media (max-width: 319px) {
.spaltentopbarzp {font-size: 10px; text-transform: uppercase;}
}
</style>

HTML:

<div class="topbarzp">
<a class="spaltentopbarzp" href="#"><span>Privatkunden</span></a>
<a class="spaltentopbarzp" href="#"><span>Gewerbekunden</span></a>
<a class="spaltentopbarzp" href="#"><span>Kundenportal</span></a>
</div>

Du kannst die Seite auch einfach als Testseite auf deinem Server hochladen.

• Einfach in den FTP-Einstellungen unter Webadresse ein /test2020 und Zielordner ein /test2020/ anhängen.
• Nach dem Veröffentlichen hat ZP einen Ordner test2020 angelegt und die Seite ist unter https://islamverstehen.de.cool/test2020 erreichbar.
• Später kannst du mit einem FTP-Programm den Ordner test2020 wieder löschen.

Bei mir sieht das z.B. so aus:

• Webadresse: https://www.zella.de/v19-2
• Zielordner: /htdocs/v19-2/

Dann einfach nochmal probieren zurück zu Clean Style zu wechseln.

Teste mal ob dieser Code für dich der richtige wäre. https://www.zella.de/code/topbar.html

Wenn das passt kann ich mal schauen ob da was geht Scrollt man hinunter, verschwindet das obere Menü 

Eventuell werde ich mal probieren DIESES auch als Top-Bar umzusetzen.