Button in Kopfzeile
Autor: Michael G.
Besucht 1766,
Followers 2,
Geteilt 0
Hallo ich habe einen Hover Button in die Kopfzeile gemacht.
Wenn ich jetzt einstelle das das Menü immer sichtbar bleibt beim Scrollen, dannist der Button weg beim Scrollen aber das restliche Menü ist noch da.
Wie kann man das einstellen das der Hover Button auch beim Scrollen sichtbar bleibt?
Gepostet am
Da die Kopfzeile verschwindet beim Scrollen, könnten Sie einen Menupunkt für die Buttonfunktion erstellen, der dann sichtbar bleibt, oder sie finden den Code, damit die Kopfzeile immer sichbtar bleibt, sollte im Forum schon vorhanden sein.
JJ.
Autor
Habe noch keine Lösung gefunden.
Das Menü bleibt beim Scrollen ja hängen. Und da möchte ich einen Button oder Grafik (Brief) einfügen, damit man z.B. auf die Kontaktseite kommt?
Das Menü ist aufgeteilt zwischen Hauptmenü (was im Header ist) und dem Scroll-Menü (was dann auftaucht wenn man scrollt). Der Header verschwindet beim Scrollen (wo auch das Hauptmenü enthalten ist) und wird ersetzt vom Scroll Menü. Wenn du etwas in den Header getan hast wird es auch verschwinden. Das gilt für alle Objekte.
Autor
Und kann man es in das Scrollmenü setzen?
Du kannst nur ein Logo bzw. Grafik in das Scrollmenü setzen! Da gibt es nichts wo man ein Objekt einfügen könnte. Wie gesagt von JUAG ist die einfachste Lösung einen Menüpunkt zu nehmen und diesen mit der Hintergrundgrafik versehen.
Autor
Aber den sehe ich dann doch auch im richtigen Hauptmenü oder?
Ja, natürlich! Das ist ja auch der Sinn der Sache. Nur im Scrollmenü geht nicht! Möglicherweise per CSS code, aber der ist individuell.
Autor
Na im Hauptmenü habe ich ja einen Button.
Aber eben nicht im Scrollmenü.
Leider kann man das wenig bearbeiten
Wen der Button im Hauptmenu ist, (bitte nicht mit im Header (Kopf) verwechseln), dann ist dieser auch im Scrollmenu, dass den gleichen Inhalt zeigt wie das Hauptmenu, solange nicht das Hamburgermenu aktiv wird, wo dann auch wieder der HauptmenuInhalt angezeigt wird. Sie können im Menu auch ein Logo pro Menupunkt hinterlegen.
Bitte unbedingt darauf achten, Header (Kopfzeile ist ncht das Menu) sondern ein eigenständiges Feld.
JJ.
Wir verwenden viele Verlinkungen an verschiedenen Orten um gute Navigationseigenschaften zu erreichen (z. Bsp. https://www.plocher-produkte.ch ) Warenkorb im Kopf, im Menu, im Fuss oder Kontakt im Menu unter Weiteres und auf der Seite Uebersicht Weiteres.
Autor
Und wie setzte ich den Button ins Hauptmenü?
z.B. mit einer Ebene und dort ein Bild als Icon einfügen und dann verlinken wohin auch immer.
Autor
Irgendwie verstehe ich was falsch.
Ich soll nichts in den Header setzen aber das Hauptmenü wo ich das Logo einfügen kan finde ich auch nicht.
Das Hauptmenp unter 2-Anpassen dort sind doch nur die Wörter aus der Sitemap drin.
Gehen Sie zu 3 Sitemap - Eigenschaften (rechts) - Grafik - Icon das im Menu angezeigt werden Soll und fügen Sie das Bild ein. dieses sollte vorher in der gewünschten Grösse bereit sein.
JJ.
Autor
Naja so richtig gefällt mir das nicht. Da ist jetzt unter dem Menünamen die Grafik.
Ich möchte es so haben das da ein Brief ist und wenn ich den anklicke kommt man auf die Kontaktseite.
Und wenn du nur ein Leerzeichen oder Punkt als Text machst?
Autor
Da muss ich doch aber extra eine leere Seite erstellen oder?
Autor
SO das Logo hat geklappt. Habe eine leere Seite erstellet und ohne Template.
Aber leider linkt das nicht auf meine Kontaktseit, sondern nur auf eine leere Seite page....
Ich denke du musst die leere Seite als Ebene erstellen, dann kannst du sie auf deine Kontaktseite verlinken.
Autor
Hat funktioniert Danke.
Wie kan man denn die Hintergrundfarbe des Menüs über die ganze Seite breit machen?
Das geht (noch) nicht mit der V13. Wenn dann musst du schummeln und die Hintergrundfarbe auf Transparent setzen und dafür den HEaderhintergrund gleich hoch machen und diesen mit der FArbe einfärben. Oder per CSS Code natürlich.
Autor
Hättest du einen CSS Code?
<style>
#imHeader {
width: 100%!important;
}
</style>
Autor
Irgendwie funktioniert das nicht kannst du bitte mal schauen?
www.zeltsysteme-goebel.de
Sorry, ich habe überlesen, dass du das Menü meinst!
der Code wäre folgender
<style>
#imMnMnContainer, #imMnMn {
width: 100%!important;
}
</style>
Autor
Super hat geklappt danke