Ich habe auf der linken Seite die senkrechte Navigation. Die jeweils aktive Kategorie(Überschrift) hat einen dunkelbraunen Hintergrund. Die inaktiven Kategorien haben einen weißen Hintergrund. Wenn eine Kategorie geöffnet ist, werden die Unterkategorien mit weissem Hintergrund angezeigt. Sie unterscheiden sich optisch nicht von den anderen Hauptkategorien. Das möchte ich gern ändern. Alle zur jeweils geöffneten Hauptkategorie gehörigen Unterkategorien sollen einen z.B. hellgrauen Hintergrund bekommen. Auch finde ich es nicht optimal, dass der Dunkelbraune Hintergrund dann bei geöffnenten Unterkategorien erscheint, statt als Blickpunkt bei der Hauptkategorie zu bleiben. Die geöffnete Unterkategorie könnte dann besser z.B. einen dunkelgrauen Hintergrund haben. Ich hoffe, ich konnte mich ausreichend verständlich machen. Im StyleEdit kann ich nichts finden, wo ich diese Hintergründe ändern kann. Was muss ich tun? Habe das vorübergehend mitttels "box-shadow" gelöst, was auch nicht nicht optimal ist, mal erkennt aber schon mal besser, was Haupt- und was Unterkategorien sind. Sollte jemand einen Vorschlag haben, wie man das besser lösen kann, gerne
WOW, das sieht ja schick aus Sind die Buttons Grafiken/Hintergrundgrafiken? Wie funktioniert das, dass die bei Größenänderung des Bildschirm mitwachsen bzw. schrumpfen?
Nein, das sind ganz normale Button. Ich habe nur die Ecken abgerundet und die Unterkategorien kleiner gemacht. Hier mal die css-Codes für die Größen: Unter-Unterkategorien: Code: .panel > .navbar-categories-left > ul > li > ul > li > ul > li > a { padding-left: 15px; max-width: 190px; margin-left: auto; } Unterkategorien: Code: .panel > .navbar-categories-left > ul li .dropdown-menu { margin-left: auto; max-width: 270px; }
Mittels Deines CSS habe ich inzwischen ein wenig herumgebastelt. Genauso wie bei Dir, ist es nicht geworden, es wurden einfach keine Buttons drauss, die auch unten abgerundet waren. Es ist nach kleiner Modifikation aber schon so, wie ich es mir vorgestellt hatte und die jeweiligen Kategoriebereiche sind jetzt gut voneinander unterscheidbar. Nochmals Danke für Deine Hilfe, die hat mir sehr viel Kopfzerbrechen erspart.
Wenn die Ecken rund sein sollen, versuche es mal damit: Code: .panel > .navbar-categories-left > ul li a{ border-radius: 20px; }