Side Menü V1.1

phil-web

Update V1. 1 vom 05. 08. 2024

Versionshinweise

Neu: Als "Einfahrrichtung" (Einstellung "Slide von") kann nun neben "rechts" und "links" auch "oben" / "unten" ausgewählt werden
Neu: Der Hintergrund des Menü-Buttons sowie die Rundung der Ecken kann festgelegt werden
Verbessert: JS-Code verbessert
Das Widget funktioniert jetzt in allen Layouts

Update installieren

Bitte befolgen Sie die https: //www. widget-zp. de/installation-update. php#a3163">Anleitung, um Widgets zu aktualisieren.

Link zum Widget: https: //www. widget-zp. de/2022/side-menue. html">Side Menü

Link zum Download: https: //widget-zp. de/downloads. php? do=download& file=wzp-side-menu. zip">https: //widget-zp. de/downloads. php? do=download& file=wzp-side-menu. zip>

Michael

https: //www. zella. de/forum/forum/index. php? thread/480-side-men%C3%BC-v1-1/& postID=2791#post2791">

Update V1. 1 vom 05. 08. 2024

Versionshinweise

Neu: Als "Einfahrrichtung" (Einstellung "Slide von") kann nun neben "rechts" und "links" auch "oben" / "unten" ausgewählt werden Neu: Der Hintergrund des Menü-Buttons sowie die Rundung der Ecken kann festgelegt werden Verbessert: JS-Code verbessert Das Widget funktioniert jetzt in allen Layouts

Update installieren

Bitte beflogen Sie die https: //www. widget-zp. de/installation-update. php#a3163">Anleitung, um Widgets zu aktualisieren.

Link zum Widget: https: //www. widget-zp. de/2022/side-menue. html">Side Menü

Link zum Download: https: //widget-zp. de/downloads. php? do=download& file=wzp-side-menue. zip">https: //widget-zp. de/downloads. php? do=download& file=wzp-side-menue. zip

Hallo Phil, der Ordner ist leider leer. vg michael

phil-web

Michael Sorry, mein Fehler! Probier's bitte nochmal, das Problem tritt immer auf, wenn das Widget anders als der Ordner heißt ("wzp-side-menu" vs "WZP Side Menü"). Damit hat mein Skript, das die Update-Hinweise erstellt, offensichtlich noch Probleme. . .

Michael

https: //www. zella. de/forum/forum/index. php? thread/480-side-men%C3%BC-v1-1/& postID=2794#post2794">

data-name="user" data-attributes="WyI1MCJd">Michael Sorry, mein Fehler! Probier's bitte nochmal, das Problem tritt immer auf, wenn das Widget anders als der Ordner heißt ("wzp-side-menu" vs "WZP Side Menü"). Damit hat mein Skript, das die Update-Hinweise erstellt, offensichtlich noch Probleme

Jetzt hat der Download geklappt. Ich probiers gleich aus und gib Info. Dankeschön

Michael

https: //www. zella. de/forum/forum/index. php? thread/480-side-men%C3%BC-v1-1/& postID=2791#post2791">

Update V1. 1 vom 05. 08. 2024

Versionshinweise

Update installieren

Bitte beflogen Sie die https: //www. widget-zp. de/installation-update. php#a3163">Anleitung, um Widgets zu aktualisieren.

Link zum Widget: https: //www. widget-zp. de/2022/side-menue. html">Side Menü

Link zum Download: https: //widget-zp. de/downloads. php? do=download& file=wzp-side-menu. zip">https: //widget-zp. de/downloads. php? do=download& file=wzp-side-menu. zip

Hallo Philipp, jetzt ist das MEGA. Tausend Dank

phil-web

Super, freut mich!

Ted

Hallo Philipp,

ich teile die große Begeisterung von Michael zum Update des WZP Slide Menü V1. 1 unbedingt. ?

https: //www. zella. de/forum/forum/index. php? thread%2F467-wzp-fullscreen-men%C3%BC%2F=">Im Thread zum Fullscreen Menü hattest Du erwähnt, dass es die Möglichkeit gibt, das (Ab Werk-)Hamburger-Menü von ZP auszublenden bzw. zu entfernen.

? Dann zeige ich dir auch gerne, wie du das Menü von ZP ausblenden / entfernen kannst. Das bedeutet im Umkehrschluss, dass ich jenes Standard-Hamburger-Menü von ZP auch durch das WZP Slide Menü ersetzen kann, oder? Dann wäre ich wirklich happy. ? Beste AbendgrüßeTed

Ted

Hallo Philipp,

https: //www. zella. de/forum/forum/index. php? thread/480-side-men%C3%BC-v1-1/& postID=2800#post2800">

Das bedeutet im Umkehrschluss, dass ich jenes Standard-Hamburger-Menü von ZP auch durch das WZP Slide Menü ersetzen kann, oder?

es wäre sehr hilfreich, wenn Du mir auch dazu - bei Gelegenheit - etwas sagen/schreiben könntest. Falls das komplette Ersetzen nicht möglich sein sollte, wäre mir auch bereits mit einem Tipp geholfen, wie ich die - IMHO - 'blasse' Darstellung des Standard-Hamburger-Menüs von ZP im (von mir verwendeten) Producer Responsive Layout verbessern kann bzw. in meine 'Corporate-Farbe' #A50111 ändern könnte. Danke vorab. Beste Grüße, Ted

drcymbal

Hallo Ted,

das Menü sollte sich auf diesem Wege farblich anpassen lassen:

< style>

button. btn. btn-navbar {

background: #A50111;

}

< /style>

< style>

button. btn. btn-navbar: hover {

background: yellow;

}

< /style>

Das Gelb habe ich nur zur Verdeutlichung gesetzt. Das kannst Du natürlich noch anpassen.

Viele Grüße

Tom

phil-web

https: //www. zella. de/forum/forum/index. php? thread/480-side-men%C3%BC-v1-1/& postID=2800#post2800">

Dann zeige ich dir auch gerne, wie du das Menü von ZP ausblenden / entfernen kannst.

Das geht am einfachsten mit folgendem CSS:

< style>
/* ZP Menü-Button und Menü ausblenden, Logo wird weiterhin angezeigt /
. nav-collapse, . btn-navbar{
display: none;
}
< /style>
Wenn du auch das Logo ausblenden möchtest, kannst du folgenden Code nutzen:
< style>
/ ZP Menü vollständig ausblenden /
. navbar {
display: none;
}
< /style>
Oder du kannst den Button auch nur auf mobilen Geräten ausblenden:
< style>
/ ZP Menü-Button auf mobile ausblenden */
@media (max-width: 979px){
. btn-navbar {
display: none;
}
}
< /style>

Ted

https: //www. zella. de/forum/forum/index. php? thread/480-side-men%C3%BC-v1-1/& postID=2857#post2857">

< style>

button. btn. btn-navbar {

background: #A50111;

}

< /style>

< style>

button. btn. btn-navbar: hover {

background: yellow;

}

< /style>

Hallo Tom, hab' herzlichen Dank ? für Deine Hilfestellung. Jetzt ist der ZP-Menü-Button auf mobile - wie von mir gewünscht - deutlich sichtbarer und überdies im 'richtigen' Farbdesign. Perfekt! ?

https: //www. zella. de/forum/forum/index. php? thread/480-side-men%C3%BC-v1-1/& postID=2857#post2857">>. . . als ich das erste Mal im Forum auf eine meiner Anfragen las, dass ich da etwas eigenes CSS einsetzen müsste, bin ich bald vom Glauben abgefallen.

Mit erging es nicht anders, wobei (auch? ) bei mir die Anwendung von CSS das Problem war/ist.

Umso dankbarer ? bin ich für Deinen Buchtipp (https: //www. rheinwerk-verlag. de/einstieg-in-html-und-css/">Peter Müller: Einstieg in HTML und CSS), welches am 3. September 2024 in der nunmehr 3. Auflage erscheinen soll und von mir heute vorbestellt wurde. Denn: Man lernt bekanntlich nie aus. . . und ich möchte bei - ggf. 'einfachen' - Fragen nicht ständig Philipp (oder Mario) oder das Forum bemühen müssen. Beste Grüße vom 'Kieler Hafen' zum. . . ich vermute. . . 'Westhafen'. ? Ted

Ted

Hallo Philipp,

auch Dir herzlichen Dank ? für die drei CSS-Codes. Ich werde diese jeweils ausprobieren. Beste Grüße, TedPS: Das (langweilige) Standard-Hamburger-Menü von ZP kann ich damit aber nicht durch das (gute) WZP Slide Menü ersetzen. Sehe ich das richtig?

phil-web

https: //www. zella. de/forum/forum/index. php? thread/480-side-men%C3%BC-v1-1/& postID=2863#post2863">

Das (langweilige) Standard-Hamburger-Menü von ZP kann ich damit aber nicht durch das (gute) WZP Slide Menü ersetzen. Sehe ich das richtig?

Doch! Wenn du das Menü von ZP mit dem 1. oder 2. Code komplett ausblendet, kannst du eines der WZP Menüs als Hauptmenü nutzen.

Ted

https: //www. zella. de/forum/forum/index. php? thread/480-side-men%C3%BC-v1-1/& postID=2864#post2864">

Doch! Wenn du das Menü von ZP mit dem 1. oder 2. Code komplett ausblendet, kannst du eines der WZP Menüs als Hauptmenü nutzen.

Wow! ? Auch das wird in den nächsten Tagen ausprobiert. Was würden (kreative) ZP-Anwender nur ohne das WZP-Forum machen? In meinem Falle weiß ich es: ? Sich (in den letzten zehn Jahren) schon längst von ZP verabschiedet haben. Das Statement vom https: //community. zeta-producer. com/thread/18786-widget-zp-de/">Zetaproducer-Support (#24) vom 16. Oktober 2023 mit der lapidaren Aussage ("Wir haben leider keinerlei Kapazität, das Projekt oder auch dessen Forum zu übernehmen"), habe ich daher nur mit großem Erstaunen zur Kenntnis nehmen können. Aber wie pflegte bereits der spanische Regisseur Luis Buñuel (1900-1983) sehr richtig festzustellen: „Mancher lehnt eine gute Idee bloß deshalb ab, weil sie nicht von ihm ist. “ Umso mehr: Danke, Philipp. . . für die schnelle Antwort.

phil-web

Hallo Ted,

https: //www. zella. de/forum/forum/index. php? thread/480-side-men%C3%BC-v1-1/& postID=2868#post2868">

„Mancher lehnt eine gute Idee bloß deshalb ab, weil sie nicht von ihm ist. “

Das ist ein schönes Zitat, das bestimmt auch oft zutreffend ist. Die Beziehung zwischen uns und dem ZP-Team ist zum Glück ziemlich offen und ich bekommen immer sofort Hilfe, wenn ich mal eine Frage habe oder etwas nicht so funktioniert, wie es sollte. In diesem Fall denke ich, dass sich andere Gründe dahinter verbergen. Hinter ZP steckt ein kleines Entwickler-Team, das (verständlicherweise) nicht ein riesiges, fremdes Projekt ohne Aussicht auf finanziellen Gewinn betreuen möchte. Die Entwickler müssen immerhin auch abends was zum Essen auf dem Tisch haben https: //www. zella. de/forum/images/smilies/emojione/1f609. png" class="smiley" alt="; )" height="23" width="23" srcset="https: //www. zella. de/forum/images/smilies/emojione/1f609@2x. png 2x">

Man kann so ein Projekt auch nicht einfach übernehmen und dann nicht weiter pflegen. Diese aktive Pflege kann sich ZP nicht leisten, zu mal das mit über 230 Widgets nicht gerade wenig Arbeitsaufwand ist. Wir wollen ja auch, dass es in den nächsten Jahren neue Funktionen in ZP gibt https: //www. zella. de/forum/images/smilies/emojione/263a. png" class="smiley" alt=": )" height="23" width="23" srcset="https: //www. zella. de/forum/images/smilies/emojione/263a@2x. png 2x">

drcymbal

Hallo Ted,

ich denke, dass Du mit dem Buch eine gute Wahl getroffen hast. Du wirst vieles besser verstehen. Die Krux an der Sache ist aber, dass wir ja keine Seite von Grund auf neu erstellen wollen, sondern dass wir Anpassungen an einem nicht von uns verantworteten Design vornehmen wollen. Das bedeutet, dass man mit den Entwicklertools eines Browsers arbeiten muss. Dies wird leider, wenn überhaupt, nur kurz in meiner 2. Auflage angerissen. Hier muss man sich definitiv selber fortbilden. Vielleicht erlauben hier aber auch die der dritten Auflage hinzugefügten neuen 21 Seiten tieferen Einblick.

Ich denke, dass die Entwicklertools für die meisten von uns die größere Hürde darstellen. Dass „background-color“ vermutlich etwas mit der Hintergrundfarbe zu tun hat, dürfte auf der Hand liegen. Aber wen oder was muss ich mit meinem Style adressieren, wenn ich die Hintergrundfarbe beim Hover im Dropdown meine? Na völlig selbsterklärend #navigation> div> ul> li: hover> a: after. ? Nein, das habe ich damals natürlich nicht selber herausgefunden. Das war Mario.

Ich lerne täglich Neues im Umgang mit den Entwicklertools. Interessant ist auch immer ein Blick in die bundle. css selber mit einem der im Buch erwähnten Editoren. Damit die Datei strukturiert dargestellt wird, muss in ZP unter „Website > Erweitert > Erweiterte Einstellung > Kodierung“ die Komprimierung der CSS-Dateien deaktiviert sein. Ansonsten reiht sich Buchstabe an Buchstabe.

„Gruß an Kiel“ war einer der ersten Märsche, die ich getrommelt habe. In diesem Sinne viele Grüße vom Westhafen

Tom

Ted

Hallo Tom, sorry. . . aber meine 'häuslichen Renovierungsarbeiten' erforderten in den letzten Tagen 'gesteigerte Aufmerksamkeit'. . . sodass ich erst heute dazu komme, Dir für Deine hilfreichen Gedanken, gespickt mit dem von mir geschätzten 'Berliner Witz', zu danken. ?

https: //www. zella. de/forum/forum/index. php? thread/480-side-men%C3%BC-v1-1/& postID=2885#post2885">

Die Krux an der Sache ist aber, dass wir ja keine Seite von Grund auf neu erstellen wollen, sondern dass wir Anpassungen an einem nicht von uns verantworteten Design vornehmen wollen.

Du bringst es auf den Punkt. ?

https: //www. zella. de/forum/forum/index. php? thread/480-side-men%C3%BC-v1-1/& postID=2885#post2885">

Vielleicht erlauben hier aber auch die der dritten Auflage hinzugefügten neuen 21 Seiten tieferen Einblick.

Insoweit für mich in der dritten Auflage von https: //www. rheinwerk-verlag. de/einstieg-in-html-und-css/">Peter Müller: Einstieg in HTML und CSS erkennbar, werde ich dazu 'berichten'.

https: //www. zella. de/forum/forum/index. php? thread/480-side-men%C3%BC-v1-1/& postID=2885#post2885">

Damit die Datei strukturiert dargestellt wird, muss in ZP unter „Website > Erweitert > Erweiterte Einstellung > Kodierung“ die Komprimierung der CSS-Dateien deaktiviert sein. Ansonsten reiht sich Buchstabe an Buchstabe.

Deine Empfehlung Ist 'gespeichert' und wird berücksichtigt. Mit einem ? Gruß aus Kiel ? , der immer noch (nicht nur an der Kieler Förde) erstaunlich oft gespielt wird bzw. zu hören ist, Ted