Ispirandomi al famoso plugin per Firefox All Glass, in questi giorni ho realizzato una versione preliminare di Firefox 4 trasparente, di cui potete vedere un’anteprima nell’immagine qui sotto.

La modifica è compatibile solo con Windows 7 e Windows Vista, in quanto sfrutta il loro effetto di trasparenza, conosciuto come Aero. La skin non è un vero e proprio plugin, bensì si basa sull’ userChrome.css di Firefox, che ci permette di fare alcuni cambiamenti alla grafica del browser.

Come realizzarla

Il primo passo è quello di localizzare il nostro css. Per farlo:

• Aprite una qualsiasi cartella
• Incollate nella barra degli indirizzi il percorso %appdata%/mozilla/firefox/profiles
• Aprite la cartella che vedrete e la cartella Chrome
• Rinominate il file userChrome-example.css in userChrome.css

Una volta aperto il css incollate questo codice:

#appmenu-button-container {
position: fixed !important;
padding-left:10px;
}
#appmenu-button {
padding: 3px 18px 3px 18px !important;
margin-top:1px !important;
background-color: rgba(54, 121, 166, 0.2) !important;
padding-top: 0px;
}
#navigator-toolbox[tabsontop="true"] #TabsToolbar {
padding-left: 95px !important;
}
#navigator-toolbox[tabsontop="true"] #TabsToolbar {
padding-left: 110px !important;
padding-top:1px !important;
padding-right:98px !important;
}

#browser-bottombox
{
-moz-appearance: none !important;
background: transparent !important;
border: none !important;
color: #FFF !important;
}

#status-bar
{
-moz-appearance: none !important;
background: transparent !important;
border: 0 !important;
color: #FFF !important;
}

statusbarpanel
{
-moz-appearance: none !important;
border-left: 0px !important;
border-right: 0px !important;
border-bottom: 0px !important;
border-top: 0px !important;
color: #FFF !important;
text-shadow: 1px 1px 1px #000 !important;
}

#nav-bar {
-moz-appearance: none !important;
background: transparent !important;
border: none !important;
}

#tabbrowser-tabs{
 border:none !important;
}

Una volta fatto ciò, avrete il vostro Firefox 4 trasparente.

Come vi accorgerete il codice non è perfetto, pertanto colgo l’occasione per chiedere il vostro aiuto: chiunque riesca a migliorare il codice è pregato di comunicarcelo nei commenti. Per la guida mi sono basato su un articolo di Windowsette.com.