Tutoriel CSS

[adminfreebay]

Bonjour,

je vais essayer d'être clair (c'est pas gagné).

Cela fait 2 jours que je cherche sans succès.

Existe t il quelque part une aide sur laquelle on trouve un tableau de correspondance entre les différents éléments graphiques (texte, zône, image ...) du forum et le champ CSS utilisé pour définir cet élément graphique.

Exemple :
le forum en entier -> .forum

la ligne "titre" d'une catégorie -> .header
dans cette ligne, le titre de la catégorie -> ?????
dans cette ligne, le champ "SUJETS" (nombre de sujets postés) -> ????
etc...

la zone de signature dans un message -> .signature_div

un post -> .post
le membre ayant poster -> .postprofile
l'avatar utilisé -> ????????????????????
le message -> .postbody
le titre -> .postbody .topic-title
le contenu du message -> .postbody .content

....etc....

Je gagnerai un temps fou si j'avais un tableau complet mais je débute et je me noie dans mes recherches.

Alors si quelqu'un dispose d'un lien pour orienter mes recherches, un grand merci par avance.

[Ea]

Bonjour,


Il est plus simple de les trouver soi-même.

Sur firefox il y a l'extension firebug, sur opera dragonfly est incorporé, sur chrome les outils de développeurs y sont incorporés à la base également puis sur IE9 pareille.

Vu que vous semblez avoir IE9 dans le tutoriel ici ici ils expliquent comment ouvrir les outils de développeurs ( F12 ), comment sélectionner un élément de la page ( CTRL + B puis un clic sur l'élément ).

Ensuite une fois que vous voyez l'élément comme ceci :

Faire le sélecteur CSS qui le sélectionne n'est pas compliqué.

Pour ce faire il faut partir de l'élément le plus parent et remonté vers l'enfant, chaque attribut id peut être noté #valeur après le nom de la balise, et chaque classe ( l'attribut class ) ) peut être notée .nom-de-classe, donc là sur l'exemple du dessus pour sélectionner le ul ça nous donnerait :

Code:

tr td div div div#subDivWrap div#Unrecognized.pasco_container div.BP_Home_Table ul  { ... : ...  ; }

Ce qu'on pourrait probablement simplifié en :

Code:

#Unrecognized .BP_Home_Table ul { ... : ...  ; }

[adminfreebay]

Génial !!!!!!!!!!!!!!!!!!!!!

J'ai de quoi jouer. Un grand merci.

Je coche "résolu" dans l'immédiat.