• Sélecteurs

     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.


  • Commentaires

    1
    Lundi 2 Octobre 2017 à 17:58

    OMG! Moi qui voulait tous les répertorié... Je crois que je vais mettre carrément un lien vers ta page ! 

    Ton blog est magnifiquement construit ! 

    • Voir les réponses
    2
    Samedi 13 Mars 2021 à 09:30

    Merci! C'est super, utile!

    3
    Dimanche 29 Août 2021 à 16:37

    Salut, merci pour la petite liste, je suis sûre que ça va m'être super utile parce que je débute en codage xD

    Suivre le flux RSS des commentaires

    Vous devez être connecté pour commenter