Firefox 4 an Window.s 7 anpassen

Isaibed

Hallo, ich hier neu bei euch im Forum und hoffe das ich hier genau das finde was ich suche.

Also, ich bin auf der suche nach einer userChrome.css möglichkeit, die mir den kompletten bereich oben Transparent macht, nach möglichkeit ohne Stylish, da ich kein grosser Fan von zu vielen Addons bin, ich selber nutze nur ein Addon das ist Adblock.

Daher habe ich schon vieles gesucht, bisher habe ich den orangenen Button schon Transparent und mit einem Wunschtext versehen können, aber jede Tranparent versuche scheiterten immer dahin gehend, das es nicht wirklich transparant ist, sondern eher milchig, das möchte ich so nicht, es soll ausschauen wie Windows 7. also richtig wie Glas, ist das überhaupt möglich über die userChrome.css?

pcinfarkt

Zitat von Isaibed

- ich bin auf der suche nach einer userChrome.css möglichkeit, die mir den kompletten bereich oben Transparent macht,

Was und wie genau ist *oben*?
Meinst du sowas oder ähnlich? Ja?

[Blockierte Grafik: http://www7.pic-upload.de/thumb/31.03.11/tc4wg2zv4g.png]

Und welche Schrift-Color möchtest du denn zu welchen farblichen Hintergrund?
In dem Beispiel sieht man die *weiße* Schrift auf einem *weißen* Hintergrund nicht mehr! Oder was meinst du da genau?

Zitat von Isaibed

- nach möglichkeit ohne Stylish,

Stylish war noch nie zwingend!

Zitat von Isaibed

- es soll ausschauen wie Windows 7. also richtig wie Glas, ist das überhaupt möglich über die userChrome.css?

Ja. Und s.d.a.weiter oben.

Isaibed

genau so soll es ausschsauen das mit der weissen schrift ist mir nicht so wichtig, da ich meistens dunkle wallpaper nutze

pcinfarkt

Möchtest du auch den Hintergrund der URL-Bar und der Searchbar transparent haben?
Und werde dir den im Zugriff befindlichen Tab noch farblich abheben!

Isaibed

im grunde soll er nachher so ausschauen wie der internet explorer 8, das addon glassy kennste sicher, leider geht das nicht mehr, daher versuche ich mein glück über die userChrome.css

pcinfarkt

Auch wenn im Eröffnungsbeitrag nur *oben* gefordert war. Ich ergänze mal auch *unten* .
Also diesen groben Script (mit hervorgehobenen Current-Tab) erweitert um die Addon-Bar mit nicht ausgeblendeten - aber hervorgehobenen - Close-Button.

Syntax userChrome.css:

CSS

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);


#appmenu-button,
#tabbrowser-tabs > tab {
     background-image: none !important;
     }


#nav-bar,
#main-menubar,
#addon-bar,
#browser-bottombox {
     background-image: none !important;
     background-color: transparent !important;
     }


#PersonalToolbar,
#urlbar-container textbox,
.searchbar-textbox {
     background-color: transparent !important;
     }
 
.toolbarbutton-text,
.textbox-input-box.urlbar-input-box,
.autocomplete-textbox.textbox-input,
.tab-text.tab-label {
     color: white !important;
     }


#addonbar-closebutton  {
     background-color: yellow !important;
     }


.tabbrowser-tab[selected="true"] {
     background: darkgreen !important;
     font-weight: bold;
     }

Alles anzeigen

Isaibed

Super vielen dank, so schauts nun aus bei mir. ich wollte es so klein wie möglich haben und komplett transparent, das habe ich mit dank deines codes hinbekommen vielen dank dir nochmal.

pcinfarkt

Kleinere Korrektur (Searchbar) des immer noch sehr groben Scripts.
Syntax userChrome.css:

CSS

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);


#appmenu-button,
#tabbrowser-tabs > tab {
     background-image: none !important;
     }


#nav-bar,
#main-menubar,
#addon-bar,
#browser-bottombox {
     background-image: none !important;
     background-color: transparent !important;
     }


#PersonalToolbar,
#urlbar-container textbox,
.searchbar-textbox {
     background-color: transparent !important;
     }
 
.toolbarbutton-text,
.textbox-input-box.urlbar-input-box,
searchbar#searchbar textbox,
.tab-text.tab-label {
     color: white !important;
     }
/*
searchbar#searchbar textbox {
     color: white !important;
     }
*/


#addonbar-closebutton  {
     background-color: yellow !important;
     }


.tabbrowser-tab[selected="true"] {
     background: darkgreen !important;
     font-weight: bold;
     }

Alles anzeigen