Einfärben von Reitern

sturmkind

Hallo,

bei der Mozilla Firefox Help wird ausgesagt das folgender Code in der ../crome/userChrome.css erlaubt die Vorder- und Hintergrundfarbe der Reiter zu verändern:

CSS

/* Das Aussehen des aktiven Tabs verändern */
tab[selected="true"] {
   background-color: rgb(255,248,144)  !important;
   color: black !important;
}


/* Das Aussehen von normalen Tabs verändern */
tab:not([selected="true"]) {
   background-color: rgb(200,196,188) !important;
   color: gray !important;
}

Alles anzeigen

Das habe ich dann auch probiert und es gab auch kein Problem die Vordergrundfarbe (Schrift) der Reiter anzupassen. Jedoch die Hintergrundfarbe (in meinen Fall soll der aktive Reiter ein blasses Gelb als Hintergrund bekommen) will nicht.

Woran könnte das liegen?

Grüße
Sturmkind

Chico's Fox

hi sturmkind,

ich dachte, ich bin der einzige mit dem Problem ...

Hier mein Link: http://firefox.uni-duisburg.de/forum/viewtopi…ight=userchrome

Ich hab' drei Möglichkeiten in meiner "userChrome.css" definiert, zwei davon funktionieren - nur mit dem einfärben des Hintergrunds klappt es nicht.

Mit Gruß
Chico

sturmkind

Gut machen wir in Deinen Tread weiter.

Grüße
Sturmkind

Chico's Fox

hi sturmkind,

mein Hinweis war nicht (ober)lehrerhaft gemeint. Ich wollte Dir nur zeigen, was ich alles "angestellt" habe - leider ohne den gewünschten Erfolg.

Im übrigen finde ich Deine Überschrift viel aussagekräftiger.

Mit Gruß
Chico

sturmkind

*g* war ja auch nicht so aufgenommen worden von meiner Seite. Ich habe nur gehofft das auf Deinen Tread inzwischen mehr Leute aufmerksam geworden sind und sich darunter evtl. jemand befindet der das Problem auch schon mal hatte und es hinbekomen hat.

Grüße
Sturmkind

Chico's Fox

O.K.

Dann laß' uns gemeinsam auf :idea: hoffen.

Mit Gruß
Chico

sturmkind

LOL ich glaube ich schau mich nachher mal im englischprachigen Bereich um ob ich da ne Lösung finde.

Grüße
Sturmkind

Chico's Fox

Gute Idee.

Meldest Du Dich, wenn Du etwas gefunden hast?

Ich muß mich jetzt um meinen Job kümmern und bin deshalb ein paar Stunden außer Haus.

Good Luck!

Mit Gruß
Chico

caveman

Füge mal vor den oben angeführten Befehlen dies hier ein:

CSS

#content tab{-moz-appearance: none !important;}

Dann sollte es auch mit dem Hintergrund funktionieren.

bejot

moin,

Zitat von MartinH

Bei meinem Charameleon würde ich mir keine Hoffnung machen, mit background-color was an der Tabfarbe ändern zu können, weil dort Hintergrundbilder benutzt werden.
Vielleicht ist es bei deinem Theme ja auch so.

das ist in der tat so.
wenn als hintergrund für die tabs eine grafik benutzt wird kann man einfärben bis zum umfallen, da das bild dann die hintergrundfarbe einfach überlagert.
ist bei mir genau so
man müsste dann schon das bild austauschen, was aber nicht immer so einfach ist weil in meinem fall das hgrundbild aus 3 teilen besteht.
1. linke ecke
2. mitte
3. rechte ecke
ich habs inzwischen aufgegeben!

ulle

caveman:arrow: TOP

CSS

#content tab{-moz-appearance: none !important;}




/* aktiven Tabreiter anpassen */ 


#content tab[selected="true"] { 
	font-weight: bold!important;
	color: #000000!important;
	background-color: #FFFBF0!important;
	border-bottom: 2px solid #000000!important;
}




/* Hintergrund und Schriftfarbe von Tabreitern anpassen */


#content tab { 
	color: #555555!important;
	background-color: #BFBBB1!important;
}

Alles anzeigen

sturmkind

Jup das hat jetzt super funktionert und schaut auch toll aus! Danke Euch allen!

Grüße
Sturmkind

Chico's Fox

In der Tat, der Tipp von :idea: caveman :idea: bringt die Lösung.

Bei mir klappt's.

Mit Dank und Gruß
Chico