Page 1 sur 1

Des questions liées au CSS utilisé dans les user-.CSS de F

Publié : 31 oct. 2003, 10:27
par LezeuS
Voilà, je créé un petit lien ici vers un autre topic qui avait démarrer tout bêtement et qui c'est enfoncé peu à peu dans les mystères du code CSS :D

Des personnes peuvent-ils répondre à nos questions, s'il vous plaît :?:

http://geckozone.tuxfamily.org/geckofor ... php?t=1046

Publié : 31 oct. 2003, 11:02
par titou
Bon avec mes connaissances je tente la mise en commentaire de ce que je sais ou ai cru comprendre:

En premier ce qu'il faut comprendre c'est qu'avec ces règles c'est une action uniquement sur l'affichage.
En gros, le navigateur charge la page,
Puis a l'aide de feuille de style met en place la présentation de cette page,
En dernier il repasse par dessus cette presentation en appliquant les regles ci-dessous.

/* [Début de règles pour toruver ce que l'on doit masquer] */

/* chaque fois que l'on trouve une chaine qui commence par src="ads. ou src="ads. */
[src*="ads."],

/* Sur celle là je sais pas pourquoi il fini par asterix */
[href*="doubleclick."] *,

/* Quand y a deux choses comme cela je suppose qu'il faut faire ET */
[href*="rd.yahoo.com"] [src*="yimg.com"],

/* Ou la taille et comme ci-dessous (attention cela veut dire que c'est tout) là il vaut mieux ne pas avoir d'image ou de balise avec ces tailles là sur sont site */
[width="60"][height="468"],

/* Ou la chaine finie par */
img[src$="images/logos/amazon_international.gif"],

/* Ou il faut la balise form avec quelque part dedans action= "http://rd.yahoo.com/" */
form[action^="http://rd.yahoo.com/"],



/* [Début de par quoi on remplace] */
/* Tous ce qui est trouvé ci-dessus est donc remplacé par un rectangle de masquage entouré d'un liseret rouge en pointillé */
{
-moz-outline: thin dotted red;
-moz-opacity: 0.1;
}


/* On recommence la même chose mais là c'est pour empecher les réaction lors du sruvol de la souris (présence du :hover) */

[src*="ads."]:hover, [src*="ads/"]:hover,
[src*="doubleclick"]:hover,
[href*=".doubleclick."] *:hover,
[href*="rd.yahoo.com"] [src*="yimg.com"]:hover,
[width="60"][height="468"]:hover,
[width="468"][height="60"]:hover,
[width="120"][height="600"]:hover
{
-moz-outline: thin dashed red;
-moz-opacity: 1;
}
Note: ce que je trouve bien c'est la présence du liseret rouge qui nous permet de savoir qu'il y a eu action de nos regles contrairement au regles
cités http://texturizer.net/mozilla/fr/firebi ... ck-fr.html

Publié : 01 nov. 2003, 09:38
par LezeuS
Merci titou, mais je me rends compte qu'il reste encore beaucoup de questions non élucidées.

Savez-vous à qui dois-je m'adresser pour avoir plus d'informations sur ce Block ads ou cette opacifieur?