Css personnalisé sur les sites web [Alinea]

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.

====== Css personnalisé sur les sites web ======
Il y a des sites web qu'on fréquentent souvent et qui ont des trucs visuels qui ne nous plaisent pas. Pas de souci, on peut customiser !

===== Modifier le css des sites de façon durable =====
==== userContent.css ====

Sous Firefox, ouvrir le dossier du profil (quelque chose comme ''/home/user/.mozilla/firefox/exkivszq.default/''), puis créer un dossier ''chrome'' et dedans, un fichier ''userContent.css''


<WRAP center round info 60%>
Pour trouver le dossier du profil, s'il y en a plusieurs : ouvrir Firefox, allez dans Aide > Information de dépannage et ouvrez sur "Répertoire de profil".
</WRAP>

Dans ''userContent.css'', crééz vos feuilles de style, génériques si c'est pour partout, sinon, voici un exemple pour enlever les messages sous les images dans Pinterest, il suffit d'adapter le nom du site et le css.

<code>
@-moz-document domain(pinterest.fr) {
    div span {display:none;}
}
</code>

Redémarrer Firefox, ça marche.

==== Extensions ====
  * https://addons.mozilla.org/fr/firefox/addon/customcss-injector/
  * https://addons.mozilla.org/fr/firefox/addon/qb-custom-css/

Plus facile pour changer les sites !

===== Astuces =====
==== Pinterest ====

Voir la page propre à [[pratique:informatique:pinterest#css_personnalise|ce site de mouise]].
==== Ascenseurs ====
Certains sites désactivent les ascenseurs. Il s'agit de l'instruction "overflow".

<code>
body {overflow: inherit;}
</code>