Menüleiste fixieren

16.02.2009 09:54
#1 Menüleiste fixieren
jp
Mitglied

Hi zusammen!

Auch diesmal gehe ich davon aus, dass mir hier jmd schnell und zuverlässig helfen kann.
In einem meiner Foren kam die Frage auf, ob man die Menüleiste fixieren könnte, so dass sie nicht mitscrollt.

Hab nur momentan leider keinen Schimmer wo ich da anfangen muss zu suchen und/oder zu ändern.

Vielen Dank schon mal im Voraus.

Grüße. Chris.


 Antworten

 Beitrag melden
16.02.2009 12:28 (zuletzt bearbeitet: 16.02.2009 12:30)
avatar  Vitalis
#2 RE: Menüleiste fixieren
avatar
Profi
CSS-Code:
.navigation {
background:#ffffff; // Hintergrund
margin-left:-300px; // Außenabstand nach Links (Die Hälfte von der Breite (width)
padding:5px; // Innenabstand
width:600px; // Breite
position:absolute; // Setzt dieses Element absolut über alle anderen Elemente
z-index:100; // Reihenfolge der Absoluten Elemente
top:20px; // Oberer Anfang des Elements
left:50%; // Linker Anfang des Elements
}

left:50%;
margin-left:-300px;
deswegen, damit die Box mittig steht

HTML-Code:
<div class="navigation">

hier den ganzen Navigationsbaum einbauen...

</div>

 Antworten

 Beitrag melden
16.02.2009 13:04
#3 RE: Menüleiste fixieren
jp
Mitglied

Erstmal Dankeschön.

Den CSS-Code habe ich nun unter Admin -> Layout -> CSS eingesetzt.
Der Hintergrund sollte aber transparent und nicht weiss sein. Aber das kann ich mir zur Not noch selber ergooglen.

Nur wohin mit dem Html-Code? Unter Header funktioniert es nicht wirklich.

Grüße. Chris.


 Antworten

 Beitrag melden
16.02.2009 14:01
avatar  Vitalis
#4 RE: Menüleiste fixieren
avatar
Profi

Dafür benötigen Sie ein eigenes Template: Admin -> Template (-> Kopie anlegen -> Formular ausfüllen -> Aktiv setzten -> Speichern) -> [edit] -> Obere Leiste
Falls ein eigenes Template schon eingesetzt wird, einfach nur dieses benutzen.

Wenn Sie die Weiße Hintergrundfarbe entfernen möchten, einfach im CSS-Code die Zeile

	background:#ffffff;		// Hintergrund
entfernen


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!