Comment remplacer le CSS d'un site dans Firefox avec userContent.css?

Dans Mozilla Firefox, je veux créer une application userContent.cssqui remplace le CSS d'un site.

Où devrais-je créer le fichier?

Pourriez-vous s'il vous plaît décrire sur la base de Windows 7?

firefox css

— Rauf
source

Réponses:

111

Ouvrez Firefox et appuyez sur Altpour afficher le menu du haut, puis cliquez sur Help→Troubleshooting Information
Cliquez sur le Open Folderbouton à côté de l' Profile Folderentrée
Créez un dossier nommé chromedans le répertoire qui s'ouvre
Dans le chromedossier, créez un fichier CSS avec le nomuserContent.css
Copiez le code suivant dans userContent.css, en remplaçant "example.com" par le site Web que vous souhaitez modifier et votre propre code CSS personnalisé, puis redémarrez Firefox:

@-moz-document domain(example.com) {
    img { opacity: 0.05 !important; }
}

— Rauf
source

Une petite mise à jour / modification pour l'étape 1; les informations de dépannage ouvrent un lien about:supportet, dans Firefox (version nocturne de Ubuntu sur Ubuntu), une entrée nommée "Répertoire du profil" comporte un bouton "Open Directory" qui ouvre le répertoire du profil /home/tripleee/.mozilla/firefox/asdf1234.default/dans Nautilus.

— triple-

Vous pouvez supprimer @-moz-document domain("...")pour appliquer le style à toutes les pages.

— Nicolas

@Septagram Je pense que cela a toujours été comme ça… si je me souviens bien, chromepourrait également contenir userChrome.css, ce qui donnerait un style à l'interface du navigateur ("chrome").

— Sam

Une petite remarque, assurez-vous que le dossier que vous créez porte le nom "chrome", avec une minuscule "c", sinon il ne fonctionnera pas sous Linux.

— Oliver Burt

Il est nécessaire de redémarrer Firefox pour qu'il prenne effet.

— Peter Mortensen

Il y avait une ancienne extension appelée ChromEdit, qui a ajouté un simple bouton pour ouvrir facilement le CSS utilisateur pour le modifier.

Cela a apparemment été compromis ou retiré. Élégant était une alternative, mais pareillement, cela semble maintenant disparu.

Pour le moment, vous devez simplement vous rappeler où le fichier est censé aller.

— Arrête de blesser Monica
source

Je pensais avoir ChromEdit de la liste officielle, mais d'accord.

— Cessez de nuire à Monica le

D'après les commentaires récents, le style devrait probablement être évité.

— KlaymenDK

Une extension n'est pas la même chose qu'une feuille de style d'utilisateur. C'est pourquoi Chrome est une poubelle sans valeur maintenant.

— Synetech

@ Synetech de quoi parlez-vous? Cette extension ajoute un bouton pour ouvrir la feuille de style à éditer.

— Stop Harming Monica

Élégant n'a pas fonctionné pour moi. Lorsque j'ai cherché de l'aide, j'ai trouvé un sujet de forum dans lequel un utilisateur a déclaré que la plupart des utilisateurs de Stylish avaient migré vers Stylus en raison d'un meilleur support utilisateur et de mises à jour continues. Stylus est une fourchette de style. Stylus a fonctionné pour moi sans la nécessité de redémarrer Firefox. L'utilisation du plug-in est simple: accédez à la page que vous souhaitez styler, cliquez sur l'icône de l'application en haut à droite de votre navigateur, choisissez si vous souhaitez appliquer des styles à l'URL actuelle ou à l'intégralité du domaine et écrivez vos styles. Lors de votre prochaine visite, l’icône indique le nombre de styles appliqués par le plugin.

— youcantryreachingme