Assine a Lista Dicas-L
Receba diariamente por email as dicas
de informática publicadas neste site
Para se descadastrar, clique aqui.
Navegando no Firefox com folha de estilo personalizada
Colaboração: Maurício Samy Silva
Data de Publicação: 24 de Novembro de 2007
As CSS - folhas de estilo em cascata, além de ser um poderoso mecanismo para controlar a apresentação de um site, podem ainda ser usadas para navegação personalizada.
Ao usuário é facultado criar uma folha de estilo própria e "dizer" ao navegador para aplicá-la sempre que visitar um site. Esta é uma funcionalidade disponível em todos os navegadores modernos e que visa a contemplar a acessibilidade, principalmente (mas não exclusivamente) para usuários com diferentes tipos de restrições visuais.
Para exemplificar a aplicação desta técnica vamos tomar como base o navegador Firefox.
No seu editor de texto (Bloco de notas, TextEdit ou similar) copie e cole a folha de estilo a seguir:
* {
background: #000 !important; /* regra css que determina fundo preto */
color: #0f0 !important; /* regra css que determina letras verdes */
}
Salve o arquivo da folha de estilo com o nome userContent.css no
diretório chrome do perfil Firefox.
Para localizar o diretório chrome faça uma busca no seu HD pelo
arquivo userContent-example (uma folha de estilo exemplo) que vem
instalada por padrão naquele diretório.
Apenas como orientação; em geral o diretório está em:
- Ambiente Linux:
~/.mozilla/firefox/xxx.default/chrome - Ambiente Mac OS X:
~/ Library / Application Support / Firefox / Profiles/ xxx.default / chrome - Ambiente Windows:
C: \ Documents and Settings \ Administrador \ Dados de aplicativos \ Mozilla \ Firefox \ Profiles \ xxx.default \ chrome
Feche todas as instâncias do Firefox e abra novamente. O fundo da janela do navegador muda da cor branca para a preta. Entre em alguns sites e navegue, para ver o efeito desta mínima personalização de navegação. Todos os sites que você navegar terão a cor de fundo preta e letras na cor verde.
Para desfazer ou alterar as cores e outras propriedades CSS de navegação personalizada, altere a folha de estilo userContent.css de acordo com suas preferências.
Para voltar ao padrão retire a folha de estilo do diretório chrome.
Maurício Samy Silva é autor do livro Construindo Sites com CSS e (X)HTML.
Referências Adicionais
Referências adicionais sobre os assuntos abordados neste site podem ser encontradas em nossa Bibliografia.
