Doppelmenü

Allgemeine Fragen
whippet
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 108
Registriert: Sa 10. Apr 2021, 10:56
Wohnort: Berlin

Doppelmenü

Ungelesener Beitrag von whippet »

Hallo, hat jemand Idee, wie man solches Doppelmenü hinbekommt? Womöglich ohne es manuell codieren zu müssen?

Danke!
Dateianhänge
Bildschirmfoto 2022-09-29 um 13.50.14.png
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Doppelmenü

Ungelesener Beitrag von Tommy Herrmann »

Moin,

die Menüleiste von Mobirise ist ja auch in erster Linie mit CSS-Anweisungen aus dem Framework "Bootstrap" erstellt und ungefähr das Komplizierteste, was man selbst erstellen kann. Die Menüleiste muss ja nicht nur am Desktop passen sondern an jeder Bildschirmgröße - bis hin zum Handy.

Das haben die freien Version von Mobirise so nicht, da müsstest Du mal in den kostenpflichtigen Themen suchen, die ja alle im Gesamt-Paket der Lizenz mit dabei sind. Auf dieser Seite von mir habe ich einige Beispiele erstellt:

https://www.mobirise-tutorials.com/Tuto ... hemen.html

Hier findest Du z.B. so etwas:

https://www.mobirise-tutorials.com/AgencyM4/

https://www.mobirise-tutorials.com/LuxuryM4/

https://www.mobirise-tutorials.com/MedicalM4/

https://www.mobirise-tutorials.com/TravelM4/


... das sind nur einige wenige. Mobirise hat ca. 175 unterschiedliche Themen-Pakete mit sehr viel mehr Menüleisten. Beispiele findest Du auch auf deren Seite:

https://mobirise.com/extensions/kit/
whippet
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 108
Registriert: Sa 10. Apr 2021, 10:56
Wohnort: Berlin

Re: Doppelmenü

Ungelesener Beitrag von whippet »

Hallo Tommy,

vielen Dank für weiter Tipps. Ich habe jetzt so gut wie alle Templates durchgeschaut, aber das was ich suche habe ich nicht gefunden. Wäre es theoretisch möglich den Code vom Menü von der Seite was ich vorhin screenshot gemacht habe zu kopieren und in Mobirise zu verwenden?

Beste Grüße Peter
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Doppelmenü

Ungelesener Beitrag von Tommy Herrmann »

Moin,

... was ist das denn überhaupt für ein Menü von Deinem Screenshot oben - wo stammt das her?

Nein - das ist sicherlich nicht möglich, schon gar nicht, wenn das nicht von Mobirise ist. So ein Menü besteht ja nicht nur aus dem HTML-Code sondern da gehört noch jede Menge CSS-Style und auch JavaScripts dazu, was dann obendrein auf das Thema abgestimmt sein muss. Weiterhin sind diese Menüleisten "global", werden also auf allen Unterseiten gleich immer mit angepasst und geändert.

Ich hatte auch geschrieben, dass die Menüleisten sehr kompliziert im Aufbau sind. Ich würde Dir raten da nichts selbst zu versuchen. Ich werde das auch nicht tun.

... aber das Menü vom Thema "MedicalM4" (mein dritter Link oben) ist doch fast identisch mit dem Beispiel von Dir :confused:


Menü MedicalM4.jpg


Wenn man dort noch einige Anpassungen vornimmt, sieht man zu Deinem Beispiel keinen Unterschied mehr.

Einige Einstellungen kann man ja auch immer noch am Menü selbst vornehmen, wie z.B. die Anzahl der Links oder Icons, ob mit oder ohne Button, mit oder ohne Logo, Farbe und Schrift usw.
whippet
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 108
Registriert: Sa 10. Apr 2021, 10:56
Wohnort: Berlin

Re: Doppelmenü

Ungelesener Beitrag von whippet »

Hallo Tommy, danke!

Hier das (die) Template: https://bootstrapmade.com/demo/Green/

Aber da hast du Recht, es ist mit dem MEDICALM4 sehr ähnlich. Ich muss mir noch Gedanken machen! Aber momentan sieht es so aus, ich werde es wieder mit mobirise machen.

Beste Grüße Peter
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Doppelmenü

Ungelesener Beitrag von Tommy Herrmann »

Moin,

Du könntest das sicher bei Mobirise einbauen - das habe ich aber auch noch nie gemacht. Einfach einlesen geht nicht, da das ja alles nur "Bootstrap" Dateien sind und man die erst Mobirise "beibringen" müsste. Es wäre sicherlich viel einfacher ein Thema aus Mobirise zu verwenden.

Ich bin jetzt mal für einige Stunden hier weg ...
whippet
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 108
Registriert: Sa 10. Apr 2021, 10:56
Wohnort: Berlin

Re: Doppelmenü

Ungelesener Beitrag von whippet »

Hallo Tommy, ich habe es jetzt mit dem medical probiert und habe gleich ein Problem, die obere Zeile erscheint auf dem Handy nicht. Habe wie auch immer alle mögliche Einstellungen probiert, aber ohne Erfolg. Gruß Peter
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Doppelmenü

Ungelesener Beitrag von Tommy Herrmann »

Moin,

... das ist kein "Problem" - das soll so sein und ist so entwickelt worden.

Am Handy sind immer bestimmte Bereiche anders als am Desktop - eigentlich auch sehr logisch, denn der zur Verfügung stehende Platz ist doch sehr viel geringer.

Informationen, die dann an dieser Stelle am Handy nicht angezeigt werden, müssen dann eben nochmals an anderer Stelle wiederholt werden, wie z.B. in der Fußzeile (Footer).
whippet
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 108
Registriert: Sa 10. Apr 2021, 10:56
Wohnort: Berlin

Re: Doppelmenü

Ungelesener Beitrag von whippet »

Nun, bei der https://bootstrapmade.com/demo/Green/ Template sieht man diese Zeile mit Email und Telefon auch auf dem Handy und gerade das finde ich sehr wichtig, denn ich bekomme Anrufe, wo die Leute nach Email fragen und auch die Möglichkeit die Nummer gleich zu wählen, ohne es irgendwo suchen zu müssen, ist sehr praktisch.

Gruß Peter
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Doppelmenü

Ungelesener Beitrag von Tommy Herrmann »

Moin,

ja - das ist eben mit diesen Menüleisten sehr kompliziert und es kommt auch in jedem Einzelfall auf andere Kriterien an. Keine Ahnung wo und wie das in Deinem Beispiel dieser Bootstrap-Navi gemacht wurde. Das müsste man jetzt umständlich suchen.

Man kann auch umgekehrt vorgehen und die class="menu-content-top" der Menüleiste vom Thema "MedicalM4" anpassen - das sieht dann aber ziemlich furchtbar aus, siehe unten:


top.jpg


... man müsste dann also diese ganze Menüleiste neu konstruieren und das ist sehr schwierig und aufwendig und ich werde das auch nicht machen.

Z.B. müsste diese obere Zeile dann auch mit in das Hamburger Menü - sonst würde man am Handy fast keinen Inhalt außer der Menüleiste mehr sehen und das geht natürlich gar nicht. Man muss am Handy ja immer solche Sachen möglichst klein halten und den Fokus auf einen gut lesbaren Inhalt der Webseite legen.

... aber nochmals - wichtige Dinge wie die Telefonnummer sollten auch nicht als Design-Element missbraucht werden sondern klar und für jeden sichtbar im Footer stehen und/oder auch auf einer extra Seite "Kontakt".
whippet
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 108
Registriert: Sa 10. Apr 2021, 10:56
Wohnort: Berlin

Re: Doppelmenü

Ungelesener Beitrag von whippet »

Hallo Tommy, danke, ich habe da jetzt eine Template gefunden, die sich einigermassen nach meiner Vorstellung anpassen lässt. Ich habe eine Testseite http://applewine.de/ online gestellt. Diese bleibt so lange aktiv, bis die website komplett fertig wird. Ich kann nur nicht ununterbrochen daran arbeiten und es kann passieren, dass mehrere Tage oder gar Wochen vergehen, bis ich dann wieder was weiter gemacht habe.

Zu dem Menü habe ich gleich eine Frage. Im Browser (großer Bildschirm) ist das Menü rechtsbündig eingestellt, ist es möglich es das Menü mittig zu platzieren?

Ich habe auch den Formular neu gestaltet, es ist jetzt so gut wie perfekt. Nur wenn man antwortet ist da die Systemadresse und nicht von dem der das Formular ausgefüllt hat. Du hast mir schon einmal einen Tipp gegeben, diesen finde ich aber nicht wieder. Was müsste man da machen?

Danke! Beste Grüße Peter
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Doppelmenü

Ungelesener Beitrag von Tommy Herrmann »

Moin Peter,

Du - da hatte ich ja oben bereits geschrieben, dass ich das nicht machen will - schon gar nicht ohne diese Navi direkt vor mir zu haben. Die CSS der Menüleisten ist sehr kompliziert.

Normalerweise sollte das diese Bootstrap-Class bewirken:

class="justify-content-center"

https://www.w3schools.com/bootstrap5/tr ... &stacked=h





Du kannst mit dem Mobirise-Formular so keine Antwort-Adresse erstellen, da die E-Mail erst beim Drittanbieter "Formoid" erstellt und verarbeitet wird. Dann müsstest Du ein eigenes Formular einbauen, z.B. mit diesem Skript von unserem Werner-Zenk.de:

https://www.mobirise-tutorials.com/Kontakt-Formular.php

Du könntest mit diesem Skript also das vorhandene Formular weiter verwenden, aber anstelle Deiner E-Mail Adresse dann den Skript-Namen "mailscript.php" im "Forms Builder" eintragen und sämtliche Skripte dazu auf den Server kopieren - wie in meinem Tutorial beschrieben.
whippet
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 108
Registriert: Sa 10. Apr 2021, 10:56
Wohnort: Berlin

Re: Doppelmenü

Ungelesener Beitrag von whippet »

Das mit dem Menü mittig, habe ich irgendwie geschafft. Es ist zwar nicht ganz mittig, vermutlich wegen dem Logo links, aber erstmal ganz gut so. Für den Formular muss ich erst Zeit finden;) Gruß Peter
whippet
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 108
Registriert: Sa 10. Apr 2021, 10:56
Wohnort: Berlin

Re: Doppelmenü

Ungelesener Beitrag von whippet »

Hallo Tommy, eine Frage zwischendurch. Wie kann man es einstellen, wenn man mit der Maus über Aufklappmenü kommt, dass das Menü von alleine aufklappt und nicht erst dann, wenn man auf das Menü klickt? Grüße Peter
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Doppelmenü

Ungelesener Beitrag von Tommy Herrmann »

Moin,

das ist in Mobirise so nicht vorgesehen, schon weil man am Handy ja zwingend klicken muss (mit dem Finger tippen).
whippet
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 108
Registriert: Sa 10. Apr 2021, 10:56
Wohnort: Berlin

Re: Doppelmenü

Ungelesener Beitrag von whippet »

Hallo Tommy,

vorgesehen ist es vielleicht nicht, aber möglich trotzdem. Einfach anstatt:

.navbar .dropdown.open > .dropdown-menu {

umändern auf

.navbar .dropdown:hover > .dropdown-menu {

Das ist alles, funktioniert einwandfrei! Gruß Peter
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Doppelmenü

Ungelesener Beitrag von Tommy Herrmann »

Moin,

hast Du das am Handy getestet?
whippet
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 108
Registriert: Sa 10. Apr 2021, 10:56
Wohnort: Berlin

Re: Doppelmenü

Ungelesener Beitrag von whippet »

Natürlich, funktioniert einwandfrei! Beste Grüße Peter

https://applewine.de/
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 20 Gäste