Tab-Farbe im Standardtheme

petrik75

Ich benutze den Firefox 1.5.0.7 mit dem Standardtheme. Mein Betriebssystem ist XP-Home, an welchem ich eines von den "Luna-Themes" eingestellt habe. Bei mir sieht die Tabdarstellung so aus:

[Blockierte Grafik: http://www.250kb.de/u/061002/j/t/3e9a1e64.jpg]

Bei einem Bekannten, der auch das Standardtheme verwendet, aber Windows 2000 als Betriebssystem einsetzt, sieht die Tabdarstellung so aus (er hat nichts an den Einstellungen verändert):

[Blockierte Grafik: http://www.250kb.de/u/061002/j/t/4e8393e8.jpg]

Nun zu meinen diesbezüglichen Fragen:

1.) Wie kann ich trotz Luna-Theme und Windows XP die Tabs so darstellen, wie Sie bei Windows 2000 angezeigt werden (in grau und OHNE diesen gelben Rand der oben bei dem aktiven Tab angezeigt wird)?

2.) Kann man auch die Farbe der Tableiste anders einstellen (z. B. ein anderer Grauton, der sich dann von der Farbe der Tabs ein wenig abhebt)?

3.) Kann man für aktive und inaktive Tabs unterschiedliche Farben einstellen?

4.) da ich gerade dabei bin: Ist es auch möglich, die Hintergrundfarbe der Menü- und Navigationsleiste anders einzustellen?

Vielen Dank fürs Lesen!

ReVox

Hi,

Versuch es mal mit diesen Code in der userChrome.css

CSS

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


/* Das Aussehen des aktiven Tabs verändern */
tab[selected="true"] {
   background-color: rgb(222,218,210) !important;
   color: black !important;
}
#
/* Das Aussehen des aktiven Tabs verändern */ 
tab[selected="true"] {
   background-color: rgb(255,104,51) !important;
   color: blue !important;
}


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


/* Keinen fetten Text für das aktive Tab verwenden: */
tab[selected="true"] {
font-weight: normal !important;
}

Alles anzeigen

Die ersten beiden sind doppelt brauchst nur einen!!! (Nur als Farbbeispiel eingefügt.)

Mit setzen der Raute in der Leerzeile zwischen den einzelnen Code kannst Du den jeweiligen abschalten.
FF Neustart nicht nach ändern der userchrome.css vergessen da sonst die Änderungen nicht übernommen werden.

Zu 4.) Der Code muß direkt unter dieser Zeile stehen!!
@namespace url("http://www.mozilla.org/keymaster/gate…ere.is.only.xul");

CSS

/* Benutze ein Hintergrundbild für die Symbolleisten: */
menubar, toolbox, toolbar, statusbarpanel, .tabbrowser-tabs {
   background-image: url("background.gif") !important;
   background-color: #D1DCEB !important;
}

Kann aber sein , daß das Theme die Änderung nicht zulässt!
Dann das Theme wechseln. ':wink:'

Miccovin

guck Dir mal in meiner userChrome.css Kapitel 3 genauer an, da findeste bestimmt noch ein paar Anregungen, zB Transparenz für inaktive Tabs, Tabladeleiste transparent, andere Farbe, abrunden der Ecken etc.

Pumbaa80

Zitat von ReVox

Versuch es mal mit diesen Code in der userchrome:css

Ähem, userChrome.css

Zitat von ReVox

Mit setzen der Raute in der Leerzeile zwischen den einzelnen Code kannst Du den jeweiligen abschalten.

Igitt. Lieber sauber auskommentieren, anstatt absichtliche Syntaxfehler einzubauen.

Zitat von ReVox

Zu 4.) Der Code muß direkt unter dieser Zeile stehen!!
@namespace url("http://www.mozilla.org/keymaster/gate…ere.is.only.xul");

Wieso?

Zitat von ReVox

Kann aber sein , daß das Theme die Änderung nicht zulässt!

Glaub ich nicht.

Übrigens gibt es für solche Fragen den userChrome.css-Sammelthread

Shop1

Erstmal Guten Tag an alle!

Bei folgenden Problem bitte ich um Hilfe:
Ich benutze das Thema <a href="https://addons.mozilla.org/firefox/1830/history/">iFox Smooth 2.3.8</a> und möchte die Hintergrundfarbe des aktiven Tab ändern.
Als erstes versuchte ich es mit TMP, aber ohne Erfolg, denn bei "Aussehen anpassen - Aktiver Tab" lässt sich keine Einstellung vornehmen - die Einstellmöglichkeiten bleiben inaktiv.
Mein nächster Versuch galt der UserChrome.css unter anderem mit diesen Code:
tab{
-moz-appearance: none !important;
}
tab[selected="true"] {
background-color: rgb(222,218,210) !important;
color: black !important;
}
Leider auch ohne Ergebnis. Kann es sein, dass ich bei diesem Thema etwas spezielles Berücksichtigen muss?

Nette Grüße und vielen Dank für die Hilfe!

Amsterdammer

Pumbaa80 hat 1000 Beiträge

Herzlichen Glückwunsch [Blockierte Grafik: http://www.cosgan.de/images/midi/musik/n025.gif]

loshombre

Auch von der dunklen Seite die besten Glückwünsche!

Shop1,
Irgendwas stimmt da nicht, wenn TMP keine Wirkung auf die Tabs zeigt. Versuch mal folgendes:

CSS

tab.tabbrowser-tab[selected="true"] {
-moz-appearance: none !important; 
background: #FE803E !important;
}

Die Farbe ist natürlich nur ein Beispiel.

Shop1

Hallo loshombre und alle weiteren,

keinerlei Reaktionen auf deinen Code.
Kann es sein, dass die Farbe des aktiven Tab vom Flyakite-Style übernommen wird, der Tab besitzt nämlich die Farbe des Scrollbalkens?

Danke

PS. Die Schriftfarbe der Tabs lässt sich mit TMP anpassen.

loshombre

Zitat

Flyakite-Style

Und was ist das ?
Einen hab ich noch, ansonsten muss ich leider passen und empfehle einen Besuch im Schrauberthread (Link)

CSS

tab[selected="true"]>hbox{background-color: #FE803E !important;} 
tab.tabbrowser-tab[selected="true"] 
{background: #FE803E !important;}

Coce

Zitat von loshombre

Und was ist das ?

Flyakite OS X [Blockierte Grafik: http://tinypic.com/2n9lyc7.png], nehm' ich an.

loshombre

Davon hab ich keine Ahnung. Der Fuchs nimmt defaultmäßig immer die Systemfarben an. Nimmt man ein Theme, so wird alles was das Theme hergibt, farblich verändert. In wieweit es da Komplikationen zwischen Win-Style und nem Theme entstehen können, weiß ich nicht.

Shop1

Danke loshombre, mit diesen Code hat es funktioniert!

@ Coke, ja es ist dieser Style.

Bitte helft mir nochmals weiter:
Wie und wo bekomme ich den Schließen-Button im Tab, vom unteren Rand weg in die Mitte gesetzt? Und wie kann ich event. dessen Farbe ändern?

[Blockierte Grafik: http://img93.imageshack.us/img93/8002/tabschliessenlu1.th.jpg]

loshombre

Zitat

Wie und wo bekomme ich den Schließen-Button im Tab, vom unteren Rand weg in die Mitte gesetzt?

CSS

.tab-close-button {
  -moz-image-region:rect(0px 16px 16px 0px) !important;
    margin: -4px 0px -5px 0px !important;
}

Mit den Werten spielen! Der erste ist für oben, 2-rechts, 3-unten, 4-links.

Zitat

Und wie kann ich event. dessen Farbe ändern?

Entweder neuen Schließbutton einbauen, oder den vorhandenen mit nem Grafikprogramm bearbeiten.

Shop1

Danke, hat wunderbar geklappt!

Shop1

Guten Tag,

bitte um Hilfe beim UserChrome.css für den aktiven Tab-Hintergrund - unter FF 3.0.8 greift der der unter früheren Versionen verwendete Code nicht mehr.

Vielen Dank und nette Grüße

[Blockierte Grafik: http://img179.imageshack.us/img179/9801/tabhg.jpg]

MaximaleEleganz

Wie sieht der jetzige Code aus?

Shop1

Der jetztige Code sieht so aus:

tab[selected="true"]>hbox{background-color: #FE803E !important;}
tab.tabbrowser-tab[selected="true"]
{background: #FE803E !important;}

MaximaleEleganz

Mit der Linie unter dem Tab in der gleichen Farbe:

CSS

tab[selected="true"], .tabs-bottom {
   background-color: #FE803E !important; 
}

Ohne die Linie:

CSS

tab[selected="true"] {
   background-color: #FE803E !important; 
}

ReVox

@ Shop1

CSS

tab[selected="true"] >hbox {
   background-color: #FE803E !important;
 }
tab.tabbrowser-tab[selected="true"] >hbox {
   background: #FE803E !important;
}

Syntax: Stylish

Shop1

Vielen Dank euch Zweien!

MaximaleEleganz
Die Farbänderung wurde mit deinen Codes immer noch vom vorherigen "blau" überdeckt - nur ganz oben, beim "Tab-Schließen" Symbol (Pfeil) sah man, dass jedoch eine neue Farbe (mit orange probiert) im Hintergrund war.

ReVox
hat funktioniert - bekommen wir die Fläche hinter dem "Tab-Schließen" Symbol auch noch hin ?

[Blockierte Grafik: http://img232.imageshack.us/img232/7558/tabhg1.jpg]