Em meu último post sobre o Firefox 3.1a1, percebi pelos comentários que muita gente tem reclamado da posição do botão de fechar abas do Firefox. Ele fica no lado direito da aba, oposto aos botões de fechar do Mac OS X. Decidir fazer uma pesquisa pelos fóruns do mozillaZine e encontrei uma solução para o problema.
Pouca gente sabe, mas no Firefox é possível customizar totalmente sua interface através de um arquivo chamado userChrome.css
. Ele não existe quando você instala o Firefox; há apenas um arquivo de exemplo no lugar, chamado userChrome-example.css
, com alguns exemplos de customização da interface da raposa.
Para realizar a modificação, é necessário um editor CSS ou um editor de texto simples. Aqui, eu usei o Dashcode, que acompanha o Xcode.
1º Passo
Vá até /Users/usuário/Library/Application Support/Firefox/Profiles/xxx.default/chrome/
, onde xxx
é uma seqüencia de letras e números aleatórios.
2º Passo
Abra o userChrome-example.css
e adicione, no final, o seguinte código:
.tab-image-middle, .tab-image-right {
-moz-box-ordinal-group: 2 !important;
}
.tab-image-middle {
padding-left: .5em !important;
}
.tab-close-button {
display: -moz-box !important;
visibility: collapse !important;
}
tab[selected="true"] .tab-close-button {
visibility: visible !important;
}
Salve o arquivo como userChrome.css
(é importante que o C seja maiúsculo!).
3º Passo
Não há um terceiro passo! 😛
Agora é só abrir novamente o Firefox e… voilà! Botões de fechar no lado esquerdo!
Se você quiser que todas as abas tenham botões de fechar, remova as seguintes linhas de código:
.tab-close-button {
display: -moz-box !important;
visibility: collapse !important;
}
tab[selected="true"] .tab-close-button {
visibility: visible !important;
}
E, se quiser desabilitar o favicon para deixá-lo ainda mais parecido com o Safari, basta adicionar o código abaixo:
/* hide all tab favicons 3.0 */
.tabbrowser-tab > .tab-icon-image { display: none !important; }
Espero que isso o ajude a gostar ainda mais do Firefox!