Menüleiste fixieren

Antworten
#1
16.02.2009 09:54
avatar  jpsonics
#1 Menüleiste fixieren
jp
jpsonics
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
#2
16.02.2009 12:28 (zuletzt bearbeitet: 16.02.2009 12:30)
avatar  Vitalis
#2 RE: Menüleiste fixieren
avatar
Vitalis
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
#3
16.02.2009 13:04
avatar  jpsonics
#3 RE: Menüleiste fixieren
jp
jpsonics
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
#4
16.02.2009 14:01
avatar  Vitalis
#4 RE: Menüleiste fixieren
avatar
Vitalis
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
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!