Você está aqui: Home  → Arquivo Dicas-L

 

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

Referências Adicionais

Referências adicionais sobre os assuntos abordados neste site podem ser encontradas em nossa Bibliografia.

Avalie esta dica

Recomendar este artigo	Versão para impressão

Opinião dos Leitores

Samuel Barbosa
24 Nov 2007, 09:26

Dica muito boa, mais ela torna a navegação um pouco mais lenta não??

*Nome:
Email:
	Me notifique sobre novos comentários nessa pagina Oculte meu email
*Texto:
	Para publicar seu comentário, digite o código contido na imagem acima

Powered by Scriptsmill Comments Script