você está aqui: Home  → Arquivo de Mensagens

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.


 

 

Veja a relação completa dos artigos de Maurício Samy Silva

Opinião dos Leitores

Seja o primeiro a comentar este artigo
*Nome:
Email:
Me notifique sobre novos comentários nessa página
Oculte meu email
*Texto:
 
  Para publicar seu comentário, digite o código contido na imagem acima
 


Powered by Scriptsmill Comments Script