Dernière MAJ le 10/06/2023

Sélecteurs Descriptions
   
 Fond  
 #body Fond de la fenêtre
 #background Fond du blog
   
 En-tête (Header)  
 #header Header
 #titre_header a Titre du blog
 #slogan_header Slogan du blog
   
 Menu en-tête  (→ voir en image)
 #menu Tout le menu
 #menu a Liens dans le menus (les rubriques)
 ul#menu ul Bloc sous-menu
 ul#menu ul a
 Liens dans le sous-menu
   
 Articles/Contenu  
 #content Bloc du milieu article + commentaire
 .module_titre Titre de vos articles
 .module_titre a
 Titre lien de vos articles
 .article_info Infos (date de vos articles)
 .article_info a
 Liens dans la ligne infos (Pseudo et rubrique)
 .module_contenu Contenu de vos articles
 .module_contenu a Liens dans vos articles
 .module_contenu img Images dans vos articles
 .article_text Zone texte dans les articles
 .module_bottom Zone sous les articles
 blockquote   bloc "citation" dans vos articles
 .article_readmore "Lire la suite..."
 #module_contenu_articlexxxxx Un article en particulier. xxxx = n° d'article
 #module_contenu_htmlxxxx Une page en particulier. xxxx = n° de page
 #module_contenu_guestbookxxxx Un livre d'or. xxxx = n° du livre d'or
   
 Pagination  
 .pagination span Numéro de page sélectionné
 .pagination a Numéros
 .pagination a:hover Numéro survolé
   
 Commentaires  (→ tuto)
 a.article_comments_link   Lien "Votre commentaire"
 .comment_normal Commentaire en général
 .comment_admin Commentaire de l'admin
 div.commentheader  En-tête des commentaires (Date, N°, pseudo)
 .commentnumber Numéro du commentaire
 .commentpseudo Pseudo
 .commentdate Date du commentaire
 div.commentbody Contenu du commentaire
 .commentavatar Le bloc où se trouve votre avatar
 .commentavatar img
 Avatar
 .comment-reply>a Bouton "répondre"
 .block-reply div.commentbody Réponses aux commentaires
 .show-replies ou (a.show-replies) "Voir les réponses"
   
#commentform input  Champs de texte Pseudo et e-mail.
#commentform textarea Champs de texte commentaire.
#commentform > select Champs "site web"
 #commentform input[type=submit] Bouton "envoyer"
   
 Menu droite / gauche  
 #menu1 ou #menu2 Menu gauche / droite
 .module_menu_titre Titre module
 .module_menu_contenu Contenu module
 .module_menu_contenu a
 Liens dans votre menu
 .module_menu_contenu img
 Images dans votre menu
 .ulmodule_menu>li Bloc (titre+contenu) du module
 #menu1_top Haut du menu
 #menu1_bottom Bas du menu
   
  Derniers visiteurs  
 .module_menu_type_lastvisitors Module des derniers visiteurs
 .module_menu_type_lastvisitors img Images/avatar des visiteurs
   
 Derniers articles  
.module_menu_type_lastarticles  Module derniers articles
.module_menu_type_lastarticles a  Lien des articles du module
   
 Derniers commentaires  
.module_menu_type_lastcomments  Module derniers commentaires
.module_menu_type_lastcomments a Lien du pseudo
.module_menu_type_lastcomments li Ligne pseudo + commentaires
   
 Rechercher  
 .module_menu_type_search  Module rechercher
 .module_menu_type_search [name="q"] Barre de recherche
 .module_menu_type_search [type="submit"]  Bouton "rechercher"
   
 Newsletter  
 .module_menu_type_newsletter Module newsletter
 .module_menu_type_newsletter input[name=subscribe]
Barre newsletter
 .module_menu_type_newsletter [type="submit"]  Bouton "M’inscrire"
   
 Shoutbox  (→ Tuto)
 .menu_shoutbox strong Pseudo
 .menu_shoutbox Bloc shoutbox
 .module_menu_type_shoutbox [name="shoutbox_msg"]  Barre de msg
 .menu_shoutbox hr Barre entre les messages
 .module_menu_type_shoutbox input[type="submit"] Bouton "envoyer"
   
 Autres modules  
.module_menu_type_mostcommented Articles les plus commentés
.module_menu_type_lasttopics Derniers sujets forum
.module_menu_type_lastposts Derniers messages forum
.module_menu_type_archive Archives
.module_menu_type_survey Sondage
.module_menu_type_tags Tag
.module_menu module_menu_type_links2 Liens
.module_menu_type_calendar Calentdrier
.module_menu_type_stats Statistiques
   
 Module simple  
 #module_menu_titrexxxx Titre module. xxx=n° module (tuto)
 #module_menu_contenuxxxx Contenu module. xxx=n° module (tuto)
   
 Forum  
 .post_table_head En-tête des msg
 .post_table_msg Contenu des msg
 .post_table_profile Bloc profil
 .post_table_profile a Liens dans profil (pseudo)
 .post_table_profile img Image/avatar
 .tag-ontop Bouton "Annonce" 
   
 Pied de page  
 #footer Pied de page
 #footer a
 Liens pied de page
   
 Barre d'outils  
 #menubar Barre d'outil
 #menubar a
 Liens dans la barre d'outils
 #menubar_hide, #menubar_show Flèches a gauche de la barre
 #notifications_panel span strong Pseudos notifications 
 #notifications_panel .notif_date Dates notifications
   
 Fenêtres d'informations  
.window_title 
.window_handle_left
.window_handle_right
.window_content_wrapper1 
.window_content_wrapper2 
.window_bottom_wrapper1
.window_bottom_wrapper2 
.window_bottom 
.window_tabs 		 Explications ici
   
 Autres  
 :hover Ajouter ":hover" après un sélecteur pour le survol.
Exemple #footer a:hover (survol des liens du footer)
   
 #help_bubble Bulle d'info qui apparaît au survol d'une image
 #help_bubble strong  Pseudo des derniers visiteurs
   
 blockquote Bloc citation dans les articles
   

 ::selection
 ::-moz-selection

 Surlignage de texte (ne fonctionne pas avec tous les navigateurs)

 

/!\ Si vous souhaitez un sélecteur en particulier, jetez un œil à ce petit tuto.

Retour à l'accueil