Firefox: como colocar o botão de fechar aba no lado esquerdo
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! :P
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!





Eu uso um tema que deixa igual ao safari e já poe o botão no lado esquerdo :D
Eu uso o TabMixPlus que também tem essa opção!
Eu também estou usando o tema do safari no firefox, o GrApple Delicious, porque acho a barra inteira do FF muito grande. Não é muito, na verdade, mas prefiro o look do safari.
Tem gente que realmente se sente incomodado com isso? Não acredito…
isso nao serve no windows neh??
afeeeeeeee…. pra que????hehehe…
prefiro do lado direito…. (normal)…. :)
Tem gente que realmente se sente incomodado com isso? [2]
@Roberto Lima
Sim serve no windows também!
Não funcionou no Windows não.
Por estarem encomodados, tipo, vc usa os comandos pelo esquerdo, ta acostumado, é um saco volta ao direito, eu acho.
só fecho com Cmd+W aeuaehuahua
bom eu não testei no windows mas eu achei que funcionaria no windows também =P
eu queria era fazer funcionar o clique na scrollwheel abrir o link em nova aba como no windows :)
@ezequiel
Isso é função do TabMixPlus e não do Firefox, é só vc instalar o TMP e configurar ele pra agir assim (se vc tiver o mighty Mouse tem que configurar ele tb)
Funcionar no Windows funciona, mas é diferente o meio… e tb o código foi diferente, mas eu consegui aqui no meu trabalho (Mac só em casa… XD)
(pelo menos eu consegui aqui consultando o mozillaZine)
Carlos Eduardo Sanches,
Aqui, qualquer alteração que faço no userChrome.css não faz a menor diferença. (Sim, eu fecho o Firefox durante a mudança e reabro novamente).
O userChrome.css que estou editando está na pasta
Meu_Usuário\Dados de aplicativos\Mozilla\Firefox\Profiles\***.default\chrome
E mesmo assim nenhuma diferença.
Poderia me mostrar por onde fez as mudanças? Ou se possível passar os links.
Obrigado.
@Frederico, valeu!
só fecho com Cmd+W aeuaehuahua [2] :D
taí umacoisa que eu nunca entendi…
o meu sempre foi do lado esquerdo…
@Rafael:
Foi lá mesmo que eu fiz a mudança, e funcionou.
O código eu peguei no mozillaZine, que é esse aqui:
.tab-icon-image {-moz-box-ordinal-group: 2 !important;
}
.tab-text {
-moz-box-ordinal-group: 3 !important;
}
.tab-close-button {
margin-left: .5em !important;
}
E o link é aqui.
Muito bom viu. Se quiserem fechar a aba, basta apertar CRTL + W… também fecha. rs rs
Isso aí Fausto… no meu Firefox sempre foi do lado esquerdo…
Funcionou o esquema de colocar o FECHAR do lado esquerdo, mas o código de desabilitar o FAVICON não funcionou comigo!
para o firefox 3.5 o seguintes comandos funcionaram corretamente:
.tab-icon-image {
-moz-box-ordinal-group: 2 !important;
}
.tab-text {
-moz-box-ordinal-group: 3 !important;
}
.tab-close-button {
margin-left: .5em !important;
}