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

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
LezeuS
Lézard vert
Messages : 158
Inscription : 29 juil. 2003, 19:00

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

Message 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
titou
Gecko
Messages : 61
Inscription : 04 sept. 2003, 00:55

Message 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
LezeuS
Lézard vert
Messages : 158
Inscription : 29 juil. 2003, 19:00

Message 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?
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 8 invités