Como substituir o CSS de um site no Firefox pelo userContent.css?

88

No Mozilla Firefox, quero criar o userContent.cssque substitui o CSS de um site.

Onde devo criar o arquivo?

Você poderia descrevê-lo com base no Windows 7?

firefox css Rauf
fonte

Respostas:

111
  1. Abra o Firefox e pressione Altpara exibir o menu superior e clique em Help→Troubleshooting Information
  2. Clique no Open Folderbotão ao lado da Profile Folderentrada
  3. Crie uma pasta nomeada chromeno diretório que é aberto
  4. Na chromepasta, crie um arquivo CSS com o nomeuserContent.css
  5. Copie o seguinte código para userContent.css, substituindo "example.com" pelo site que você deseja modificar e seu próprio CSS personalizado, e reinicie o Firefox:
@-moz-document domain(example.com) {
    img { opacity: 0.05 !important; }
}
Rauf
fonte
6
Uma pequena atualização / modificação para a etapa 1; as informações de solução de problemas abrem um link about:supporte, no meu Firefox (versão 20 à noite no Ubuntu), ele tem uma entrada chamada "Diretório de perfil" com um botão "Abrir diretório", que abre o diretório de perfil /home/tripleee/.mozilla/firefox/asdf1234.default/no Nautilus.
tripleee
6
Você pode remover @-moz-document domain("...")para aplicar o estilo a todas as páginas.
Nicolas
2
@ Septagram Eu acho que sempre foi assim ... como eu me lembro, chrometambém poderia conter userChrome.css, o que daria estilo à interface do navegador ("chrome").
sam
5
Uma pequena nota, verifique se a pasta que você cria tem o nome "chrome", com uma letra minúscula 'c', caso contrário não funcionará no Linux.
Oliver Burt
6
Ele é necessário para reiniciar o Firefox para que ela tenha efeito.
Peter Mortensen
4

Havia uma extensão antiga chamada ChromEdit, que adicionava um botão simples para abrir facilmente o CSS do usuário para edição.

Aparentemente, isso foi comprometido ou retirado. O estilo era uma alternativa, mas, da mesma forma, isso agora parece estar extinto.

No momento, você apenas precisa se lembrar para onde o arquivo deve ir.

OrangeDog
fonte
Eu pensei que tinha conseguido o ChromEdit da lista oficial, mas tudo bem.
22415 OrangeDog
9
Com base em avaliações recentes, o Stylish provavelmente deve ser evitado.
KlaymenDK
1
Uma extensão não é igual a uma folha de estilo do usuário real. É por isso que o Chrome é inútil agora.
Synetech
1
@Synetech, o que você está falando? Esta extensão adiciona um botão para abrir a folha de estilo para edição.
10267 OrangeDog
Elegante não funcionou para mim. Quando procurei ajuda, encontrei um tópico no fórum em que um usuário disse que a maioria dos usuários do Stylish se mudou para a Stylus por causa do melhor suporte ao usuário e de atualizações mais contínuas. Stylus é um garfo de Stylish. A Stylus funcionou para mim sem a necessidade de reiniciar o Firefox. O uso do plug-in é simples: navegue até a página que você deseja estilizar, clique no ícone do aplicativo no canto superior direito do seu navegador, escolha se deseja aplicar estilos apenas ao URL atual ou ao domínio inteiro e escreva seus estilos. Quando você visita novamente, o ícone mostra o número de estilos sendo aplicados pelo plug-in.
youcantryreachingme