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

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

Abra o Firefox e pressione Altpara exibir o menu superior e clique em Help→Troubleshooting Information
Clique no Open Folderbotão ao lado da Profile Folderentrada
Crie uma pasta nomeada chromeno diretório que é aberto
Na chromepasta, crie um arquivo CSS com o nomeuserContent.css
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

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

Você pode remover @-moz-document domain("...")para aplicar o estilo a todas as páginas.

— Nicolas

@ 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

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

Ele é necessário para reiniciar o Firefox para que ela tenha efeito.

— Peter Mortensen

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

Com base em avaliações recentes, o Stylish provavelmente deve ser evitado.

— KlaymenDK

Uma extensão não é igual a uma folha de estilo do usuário real. É por isso que o Chrome é inútil agora.

— Synetech

@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