Tutoriel CSS

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Tutoriel CSS

Message par adminfreebay le Jeu 18 Aoû 2011 - 9:19

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.



Dernière édition par adminfreebay le Jeu 18 Aoû 2011 - 12:31, édité 1 fois

adminfreebay
Nouveau membre

Messages : 5
Inscrit(e) le : 15/08/2011

http://freebay.forumgratuit.org/
adminfreebay a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tutoriel CSS

Message par Ea le Jeu 18 Aoû 2011 - 12:14

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 { ... : ...  ; }

Ea
Aidactif
Aidactif

Messages : 23445
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Tutoriel CSS

Message par adminfreebay le Jeu 18 Aoû 2011 - 12:31

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

J'ai de quoi jouer. Un grand merci.

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

adminfreebay
Nouveau membre

Messages : 5
Inscrit(e) le : 15/08/2011

http://freebay.forumgratuit.org/
adminfreebay a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum