Page 1 of 1

CSS Menu - mehr Einstellungen

Posted: Sat Mar 11, 2006 3:33 pm
by julia
Ich nutze das horizontale CSS-Menu und würde gerne die Einstellungen für die Hauptnavigationsleiste von den Submenus unterschiedlich machen können. 
Sprich: Ich möchte die Hauptnavi transparent schalten, damit ein Backgroundbild sichtbar wird, gleichzeitig möchte ich aber den Background der Submenüs nicht transparent haben, sondern mit einer Farbe belegen, weil durch sie hindurch ja sonst der Content scheint. Ich habe schon einiges porbiert, aber spätestens wenn ein Submenu-Punkt noch weitere childs in der 3. ebene hat, wirds wieder transparent. Ich nehme an, dass ich die Datei cssmenu.tpl entsprechend ändern muss, aber wie?!?  ???

Re: CSS Menu - mehr Einstellungen

Posted: Sat Mar 11, 2006 7:48 pm
by julia
vielen dank! wie ich einzelne bestandteile des menus auf transparent schalte, ist mir eigentlich klar:

background-color: transparent;

zumindest in firefox und ie klappt das wunderbar. meine frage zielte vielmehr darauf ab, wie ich den hauptmenupunkten andere atrribute geben kann als den untermenupunkten. weil es gibt beispiesweise die css-angabe für active menupunkte, und wenn ich den auf transarent stelle, sind auch die activen menupunkt im submenu transparent.

Re: CSS Menu - mehr Einstellungen

Posted: Sat Mar 11, 2006 9:39 pm
by hauki
hi,
mach mal folgendes:
für die untermenupunkte, die keine weiteren unterpunkte haben kannst du hier die farbe angeben:

#primary-nav li li {
float: left;
clear: both;
background-color: #gewünschte farbe;
}

für untermenupunkte, die weitere untermenupunkte haben folgende zeilen einfügen:

#primary-nav ul li.menuparent {
background-color: #gewünschte farbe;
}

#primary-nav ul li.menuparent:hover {
background-color: #gewünschte farbe;
}

;)

Re: CSS Menu - mehr Einstellungen

Posted: Mon Mar 20, 2006 8:39 pm
by julia
Vielen Dank, das hat mir nun ein wenig weiter geholfen!

Was immer noch nicht geht, ist die gezielte Einstellung von Hauptmenüpunkten, die keine Untermenupunkte (Childs) haben. Hab jetzt behelfsmäßig für diese Hauptemüpunkte Unterseiten angelegt, und bei denen aber eingestellt, dass sie nicht im Menu angezeigt werden. Dies führt aber dazu, dass der nun alleinstehende Hauptmenüpunkt dennoch als "Parent" deklariert und entsprechend wie die anderen Parents auch auf die entsprechende CSS-Klasse zurückgreift.

Lieber wäre mir dennoch eine "saubere" Lösung, bei der ich kinderlose Hauptmenüpunkte CSS-mäßig deklarieren kann. Und am besten auch einen Unterschied zischen aktiven Menüpunkten im Hauptmenü und in den Subs machen kann. Hat da jemand eine Idee? Ich bin z.B. immer noch über der cssmenu.tpl am grübeln ;-)