A interface atual do Firefox está cansada e não evoluiu muito como o resto do programa nesses últimos anos. Para o nova versão do navegador a Mozilla prometeu, além das melhorias internas como velocidade e compatibilidade com novos padrões, um novo visual para o Firefox 4. E a primeira versão beta do navegador que deve ser lançado até o final do ano já está disponível, e junto dela um esboço do que deve ser a nova identidade visual do navegador.

O visual ainda carece de alguns retoques e está longe do prometido nas mockups divulgadas anteriormente, mas um detalhe já não agradou de cara: o botão “Firefox” acima das guias. O navegador da Mozilla não é conhecido como o mais personalizável a toa, e a comunidade já tratou de dar um jeito no “problema”.

Com alguns códigos em CSS é possível subir a barra de guias e deixa-la ao lado do botão principal do navegador, liberando assim mais espaço útil para exibição dos sites. Veja um comparativo do antes e depois:



Legal, não? Para fazer a modificação, basta localizar o diretório do seu perfil do Firefox e criar um arquivo chamado “userChrome.css” (ou usar o exemplo pronto) dentro da pasta “chrome” com o código a seguir.

#appmenu-button-container{
position: fixed !important;
}
#navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding-left: 80px !important;
margin-right: 105px !important;
padding-top: 2px !important;
}
#appmenu-button{
padding: 3px 5px 3px 5px !important;
height: 20px !important;
}

Feito isso, reiniciar o Firefox é o último passo. Simples, não?