Home > Dicas

Como personalizar a interface do Firefox

Gonzalo Álvarez Marañón – PC WORLD/Espanha

01/11/2005 às 17h06

Foto:

O Firefox permite configurar facilmente tanto o conteúdo como a
aparência de sua interface: os menus, as barras de ferramentas e as
caixas de diálogo, conhecidas conjuntamente como o cromo (chrome). Para
isso, utiliza um arquivo chamado userChrome.css, no diretório chrome
que aparece na pasta com nosso perfil (cuja localização foi explicada
anteriormente). Manipulando este arquivo podemos conseguir mudanças
surpreendentes. O userChrome.css não existe originalmente, por isso
primeiro devemos criá-lo. Podemos utilizar como base o arquivo chamado
userChrome-example.css. Um dos efeitos mais procurados é mudar o logo
animado (throbber) que aparece na parte superior direita da janela do
Firefox, que começa a se movimentar quando uma nova página está sendo
carregada.

Em primeiro lugar, se desejamos simplesmente eliminar
o logo, abriremos o arquivo citado  userChrome.css ou o criaremos
se ele ainda não existe e acrescentaremos o seguinte código:

#throbber-box
{
display: none !important;
}

Quando abrirmos de novo o Firefox, verificaremos que o logo animado desapareceu.

Se
o que desejamos é substituí-lo por outro ícone criado por nós, então
apagaremos o código anterior ou o comentaremos colocando-o entre /* e
*/, no estilo dos comentários de C/C++, C#, JavaScript ou Java. Em
seguida, copiaremos o seguinte código no arquivo userChrome.css:

#navigator-throbber
{
list-style-image: url("logo_estatico.gif") !important;
}
#navigator-throbber[busy="true"]
{
list-style-image: url("logo_animado.gif") !important;
}

Inserido
o código, é necessário crias as imagens e as copiar para o diretório
chrome. Uma conterá o logo estático (logo_estatico.gif) e a outra, o
animado (logo_animado.gif), ambas em formato GIF.

Como padrão do
Firefox, se clicarmos sobre este logo localizado no canto superior
direito será aberta a página oficial do navegador (www.mozilla.org/products/firefox/start).
Esse endereço também pode ser personalizado. Para o alterarmos, por
exemplo, para www.pcworld.com.br, acrescentaremos as seguintes linhas
ao arquivo user.js:

user_pref("browser.throbber.url","http://www.pcworld.com.br");

Se
você pensa em trabalhar freqüentemente com o arquivo userChrome.css,
provavelmente achará útil o editor ChromEdit, que pode ser instalado
como uma extensão do Firefox. Ele está disponível gratuitamente em
cdn.mozdev.org e permite o acesso rápido aos arquivos de configuração,
sem a necessidade de localizá-los e gerenciá-los na pasta de origem.


se o uso do arquivo chrome é muito complicado para você, existem
algumas extensões que ajudam a mudar outros aspectos da interface sem a
necessidade de um uso maior de programação. Confira algumas delas.

Tags

Junte-se a nós e receba nossas melhores histórias de tecnologia. Newsletter por e-mail Newsletter por e-mail