Firefox transparent: die Glasser-Erweiterung und ein Tutorial

Update: Dieser Artikel beschäftigt sich mit Transparenz-Anpassungen für den Firefox 3.x – Inzwischen habe ich auch einen entsprechenden Artikel für die aktuelle Firefox 4-Version verfasst, den ihr hier findet.

Vor kurzem schrieb ich einen Artikel über Firefox 3.5 und die von mir genutzten Erweiterungen. Anscheinend kam der recht gut an, erreichte viele Hits; vor allem wegen der Erwähnung der „glasser“-Erweiterung. Wir erinnern uns: diese sorgte dafür, dass Titel- und Navigationszeile (mittlerweile auch die Menüleiste) des Firefox transparent werden.

Ich habe mir das Thema noch einmal zur Brust genommen und beschreibe im Folgenden, wie man mit der neuen Version von Glasser, sowie einer weiteren Erweiterung (Stylish) an ein schickes transparentes Theme für den Firefox kommt.

FF-01

Zuerst: richtig gelesen, es gibt eine neue Version von Glasser. Die alte war nicht mit Firefox 3.5 kompatibel. Anschließend gab es einen Fix aus der Community und nun hat der Macher selbst eine neue Version online gestellt. Entweder hat der Programmierer nichts dazu geschrieben, ob vor der Installation der neuen Version die alte deinstalliert werden muss oder ich kann ganz einfach kein polnisch. Auf jeden Fall ist es ratsam, die alte Glasser-Erweiterung zu deinstallieren und erst dann die neue zu installieren.

Wer sich für einen transparenten Firefox interessiert, wird (mal wieder) auf deviantart.com schnell fündig. Einige der Bilder zeigen jedoch ein Erscheinungsbild, wie es mit nichts mehr als Glasser kaum möglich ist.

FF-03 FF-04FF-05

Das Geheimnis, das (unter anderem) dahintersteckt, nennt sich „Stylish„; eine Skinning-Engine, die als Firefox-Erweiterung fungiert und mit Hilfe von Skripten rasend schnell und bei laufendem Browser Veränderungen daran vornehmen kann. So wurde es bei den drei Bildern oben zum Beispiel möglich, auch die Tabs transparent zu machen. Etwas, das ich bisher noch nicht hinbekommen habe.

Allerdings sind die Installationsanleitungen auf den Seiten, die mit den Bildern verlinkt sind, nicht sonderlich gut. Ich habe alle drei ausprobiert und bin nicht zum selben Ergebnis wie auf den Screenshots gekommen. Allerdings habe ich dann selbst rumgebastelt und zusammen gemixt und bin auf das gekommen, was im allerersten Bild zu sehen ist.

Hier nun also das „How to“:

1. Die ganze Beschreibung gilt für natürlich für Windows Vista, die Transparenz-Effekte sollten eingeschaltet sein. Kleiner Tip: Wer es „am glasigsten“ mag, der sollte unter unter „Fensterfarbe und -darstellung“ (Rechtsklick auf den Desktop > Anpassen > Fensterfarbe und -darstellung) die Farbintensität ganz herunter setzen.

2. Als nächstes folgende Erweiterungen für den Firefox herunterladen und installieren:
[Hide Menubar] [NEW Glasser] [Stylish]
Anschließend selbstverständlich den Browser neu starten. Die Menüleiste sollte jetzt ausgeblendet sein und kann bei Bedarf mit ALT eingeblendet werden.

3. Für Stylish braucht es nun noch eine Erweiterung namens „Tab bar like Google’s Chrome for Glasser“. Um diese zu installieren, klickt man auf der verlinkten Seite einfach rechts oben auf „Install in Stylish„. Dadurch rutscht die Tab-Leiste nach ganz oben, wie bekannt aus dem Chrome-Browser von Google und wird zudem transparent.
3.1 Wer die Tabs gerne unten haben möchte, nimmt statt dem gerade erwähnten Scipt dieses. Hier sind sie transparent, unten und mit einem leichten Hintergrund hinterlegt, so dass die Bezeichnungen sogar noch etwas besser lesbar sind.

Update: unter diesem Link findet sich eine zusätzliche Anleitung, wie man auch noch die Adresszeile des Firefox transparent macht.

Weitere Fundsachen für Stylish zum Thema:

1. Wer die volle Packung will, schnappt sich „Glass every single part of firefox 3.5„. Dieses Script soll im Browser alles auf einmal transparent machen. Bei mir funktioniert das nicht tadellos und macht den Browser zum Teil unbenutzbar, da wirklich alles transparend wird. Bei wem es ohne Anzeigefehler geht, würde ich mich über einen Kommentar und vielleicht einen Screenshot freuen.



11 Antworten zu „Firefox transparent: die Glasser-Erweiterung und ein Tutorial”.

  1. Hey, nettes Tutorial,
    leider ist jetzt bei mir die Menüleiste und noch eine andere im Nirvana verschwunden.
    Kann mir vielleicht jemand sagen, wie man das rückkgängig macht?!

    MFG
    Che

    1. Hallo Che!
      Ich kann zwar nur raten, aber ich vermute, die Leiste ist wegen der Erweiterung „Hide Menubar“ weg. Funktioniert das denn wie im Text und sie erscheint mit einem Druck auf die ALT-Taste?
      Ansonsten machst du am besten oberhalb im Firefox (etwa vor oder hinter die Adresszeile) mit der Maus einen Rechtsklick. Dann müsste ein Fenster aufgehen, in dem mehrere Leisten aufgeführt werden und unten ein Punkt „Anpassen“. Dort kannst du Leisten wieder einblenden, indem du einen Haken davor setzt.

  2. Danke für die Hilfe,
    ich hab diverses Zeug probiert, irgendwie gabs anpassungs schwierigkeiten.

    Jetzt habe ich das komplette Glasser-Kit geladen, damit funktioniert alles prima !

  3. Super! Vielen Dank!

    MfG

  4. Hallo,

    ich weiß, dass der Beitrag schon etwas älter ist, trotzdem war er mir sehr Hilfreich. ich weiß nur nicht, wieso man dieses Hide Menubar installieren muss, bei mir verändert sie rein garnichts….

    Gruß
    leinat2231

    1. Hallo leinat!

      Hide Menubar ist dafür gedacht, mehr Platz für das Browserfenster zu schaffen, das Design zu „minimalisieren“ und so die Befehlsleiste (Datei, Bearbeiten, …) auszublenden.
      Ich habe mir den Firefox seit längerem nicht wieder angeschaut, wenn die Erweiterung jedoch nicht funktioniert, handelt es sich wahrscheinlich um Inkompatibilität zwischen der Erweiterung und deiner Firefox-Version.

  5. […] sich hier im Glassblog der Artikel zur Transparenz im Firefox 3.x großer Beliebtheit erfreut, werfe ich heute einen der ersten Blicke auf die entsprechenden […]

  6. Welches Hintergrundbild verwendest du in folgendem Bildschirmfoto:

    ?

    1. Hi Pete!

      Puh, das ist jetzt schon 2 Jahre her, aber ich konnte die Quelle noch finden! Das sind eigentlich keine Wallpapers, sondern schlicht Vintage-Texturen. Zu finden hier: http://cloaks.deviantart.com/gallery/12123936#/d1sdxnv

      Gruß, ml

      1. Danke für den Link! :)
        Ich finde diese Texturen sehr geeignet für Bildschirmfotos – denn andere Dinge kommen hinter den schmalen Aero-Flächen meist nur schwer zu Geltung.

  7. Also das gefällt mir aber sehr – ist ja viel modischer, als der leichte Glass-Effekt, den FF inzwischen selbst anbietet. Cooles Tutorial. :)

Hinterlasse einen Kommentar