[Dicas-L] Navegando no Firefox com folha de estilo personalizada
Navegando no Firefox com folha de estilo personalizada
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.