O Firefox 4 (download no Baixatudo) vem aí, cheio de novidades dispostas numa novíssima e bela interface. Mais compacta e com elementos que lembram vagamente o Chrome, como a disposição de abas no topo da janela, é uma boa aposta da Mozilla no processo de modernização do seu navegador.
Apesar da boa intenção, há quem não tenha gostado de certos detalhes, com destaque para o botão laranja no canto superior esquerdo. Uns não gostaram da cor, outros do posicionamento, que praticamente joga fora uma linha horizontal, perda cuja importância aumenta de modo inversamente proporcional ao tamanho da tela usada. Porém, como o Firefox é bastante flexível nessa área, não é muito difícil mudar esse aspecto visual e funcional.
Para isso, localize a pasta de configurações do Firefox. Geralmente, fica em %APPDATA%\Mozilla\Firefox\Profiles\ (copie e cole isso no "Executar..."). Nessa pasta existirá outra, formada por letras e números numa ordem estranha. Entre nela, e em seguida, na pasta "chrome". Dentro dessa, há dois arquivos. Copie e renomeie o arquivo userChrome-example.css para userChrome.css, e o abra num editor qualquer, como o Bloco de Notas.
Estando no editor, copie e cole o trecho abaixo dentro do userChrome.css (antes, feche completamente o Firefox):
margin-top:0px!important;
}
#appmenu-button-container {
position: fixed!important;
}
#navigator-toolbox[tabsontop="true"] #TabsToolbar {
padding-left: 110px !important;
}
.tabbrowser-strip {
height: 22px!important;
}
.tabbrowser-tab {
height: 22px!important; padding-right: 3px!important;
}
#toolbar-menubar {
margin: -27px 98px 2px 95px;
}
Salve o arquivo, e então abra o Firefox 4 Beta. O resultado deve ser igual a esse:
Legal! Mas dá pra melhorar ainda mais, deixando o botão do Firefox transparente. Nesse caso, o código é o seguinte:
#appmenu-button {
padding: 3px 8px 3px 8px !important;
margin-top:0px!important;
background-color: rgba(200, 200, 200, 0) !important;
}
#appmenu-button-container {
position: fixed!important;
}
#navigator-toolbox[tabsontop="true"] #TabsToolbar {
padding-left: 81px !important;
padding-right: 110px !important;
}
.tabbrowser-strip {
height: 22px!important;
}
.tabbrowser-tab {
height: 22px!important; padding-right: 3px!important;
}
#toolbar-menubar {
margin: -22px 98px 2px 95px;
}
Resultado:
Fonte: Download Squad.
