Seite 1 von 1
Oberes Menü: Hintergrundfarbe wechseln
Verfasst: 30.12.2012 13:26
von Cafe
Ich suche wie verrückt die olle Codezeile, wo ich die Hintergrundfarbe des oberen Menüs (FAQ, Suche, Das Team, Mitglieder, Anmelden) verändern kann. Ich finde die Farbangabe nicht. Habt Ihr einen Tipp für mich?
Testinstallation:
http://cafe.carvice.de/forum/
Downloadlink des Templates: Hier der Link:
http://demo.phpbb3styles.net/we_universal
Danke und Gruß
René
Re: Oberes Menü: Hintergrundfarbe wechseln
Verfasst: 30.12.2012 13:52
von Crizzo
Hi,
such mal nach diesem hier:
Code: Alles auswählen
#dashboard li a {
background: url("./styles/we_universal/theme/images/primary_navigation.png") repeat-x scroll 0 0 transparent;
color: #EAEAEA;
display: inline-block;
padding: 7px 10px;
}
background vergibt die Hinterfarbe und das Hintergrundbild. (der Pfad kann in deiner CSS-Datei abweichen; die Datei findest du im Ordner "theme" deines Styles)
http://www.thestyleworks.de/ref/background.shtml
Grüße
Re: Oberes Menü: Hintergrundfarbe wechseln
Verfasst: 30.12.2012 16:08
von HabNurNeFrage
Ersetze einfach die Grafik
Code: Alles auswählen
http://cafe.carvice.de/forum/styles/we_universal/theme/images/primary_navigation.png
durch eine mit den Farben Deiner Wahl. Die Höhe der Grafik würde ich dabei übernehmen und die maximale Breite sollte die Breite der Menüpunkte nicht überschreiten.
Die verantwortliche Stelle in der CSS-Datei http ://cafe.carvice.de/forum/styles/we_universal/theme/common.css ist diese hier:
Code: Alles auswählen
/* Dashboard ---------------------------------------- */
#dashboard ul { list-style: none; }
#dashboard #navigation-top { float: right; }
#dashboard #navigation-bottom { padding-top: 190px; padding-right: 250px; margin-bottom: 30px; }
#dashboard li { display: inline; font-size: 11px; }
#dashboard li a { background: url("{T_THEME_PATH}/images/primary_navigation.png") repeat-x; padding: 7px 10px; display: inline-block; color: #eaeaea; }
#dashboard li a:hover, #dashboard li a:focus { background: url("{T_THEME_PATH}/images/primary_navigation.png") repeat-x 0 100%; text-decoration: none; }
Du könntest auch die beiden Stellen, wo die Grafik aufgerufen wird, auf Farbcodes umstellen: Dazu die Stellen
Code: Alles auswählen
background: url("{T_THEME_PATH}/images/primary_navigation.png") repeat-x; padding: 7px 10px; display: inline-block;
und
Code: Alles auswählen
background: url("{T_THEME_PATH}/images/primary_navigation.png") repeat-x 0 100%;
jeweils durch
ersetzen. (xxxxxx ist dabei jeweils ein Farbcode Deiner Wahl)
Spaß machen könnten bei der zuletzt genannten Anpassung bestimmt auch noch zusätzliche border-radius Angaben... Viel Erfolg
Re: Oberes Menü: Hintergrundfarbe wechseln
Verfasst: 04.01.2013 12:03
von Cafe
Vielen Dank Euch beiden! Ich versuche das mal.
Gruß
René