• Liste des sélecteurs CSS Eklablog

    Yo! Voici une liste (non complète) des sélecteurs Ekla, triés par partie de la page. N'hésitez pas à me donner ceux qui me manquent.

    Ensemble du blog

    Ensemble de la fenêtre #body
    Corps de page #background
    Elément survolé ajouter :hover  derrière le sélecteur
    Liens a
    Infobulle #help_bubble

     

    Barre de menu/ Menubarre / Infobarre

    Ensemble de la menubarre #menubar Ces sélecteurs doivent tous être mis si vous voulez éliminer les séparations entre les éléments de la menubarre     
    Barre entre les éléments .menubar_section
    Séparation des éléments .menubar_separation
    Séparation des éléments .menubar_button
    Logo Ekla de la menubarre #menubar_logo
    Cœur de favoris #menubar_favorites

    Ces sélecteurs servent à coder l'apparence des différentes
    sections de la menubarre (contenu, apparence, interactions,
    aide, configuration...)


    account = compte (pseudo)
    help = aide
    signin = champs de connexion
    favorites (au-dessus) = coeur de favoris
    notifications = icône de notifications

    Le reste est invisible pour l'utilisateur

    #menubar_section_content 
    #menubar_section_appearance 
    #menubar_section_interactions 
    #menubar_section_manage 
    #menubar_section_account 
    #menubar_section_help 
    #menubar_notifications 
    #menubar_signin 
    Cœur de favoris si l'utilisateur n'a pas mis votre blog en favori #menubar_nofavorites_btn 
    Cœur de favoris si l'utilisateur a mis votre blog en favori #menubar_favorites_btn 
    Pseudo dans la menubarre #menubar_notifications.menubar_section
     #menubar_section_account.menubar_section

    Notifications:

    L'ensemble des notifications "lues" #notifications_panel
    Une seule notification #notifications_panel_li
    Bouton afficher les nouvelles notifications #notifications_panel_li:lastchild
    Notifications "non lues" #notifications_panel .new_notification
       

     

    Header

    Header #header
    Titre #titre_header
    Slogan #slogan_header
    Menu d'en-tête #menu a
    Sous-menu d'en-tête #menu ul a

     

    Menus de gauche/droite

    Menu de gauche #menu1
    Menu de droite #menu2
    Titres des menus .module_menu_tire
    Titres du menu de gauche #menu1 .module_menu_tire
    Titres du menu de droite #menu2 .module_menu_tire
    Contenu des modules .module_menu_contenu
    Un seul module .module_menu
    Haut du menu #menu1_top / #menu2_top
    Bas du menu #menu1_bottom / #menu2_bottom
    Boutons #background input[type="submit"]
    Champs #background input[type="text"]

    Types de menus:

    Statistiques .module_menu_type_stats
    Derniers visiteurs .module_menu_type_lastvisitors
    Images des derniers visiteurs img.menu_lastvisitors-avatars
    Calendrier .menu_calendar
    Recherche .module_menu_type_search
    Shoutbox #shoutbox
    Pseudo de la shoutbox #shoutbox strong
    Derniers articles .module_menu_type_lastarticles
    Un module en particulier cliquez droit > inspecter > #module_menuXXXXXXXXX
    Liens .module_menu_type_links2
    Newsletter .module_menu_type_newsletter
    Sondages .module_menu_type_survey
    Derniers commentaires .module_menu_type_lastcomments
    Articles les plus commentés .module_menu_type_mostcommented
    Tag cloud .module_menu_type_tags
    Derniers topics sur les forums .module_menu_type_lasttopics
       
       

     

     

    Contenu

    Ensemble du contenu #content
    Contenant du titre de l'article .module_titre
    Titre des articles .module_menu_titre
    Information des articles .article_info
    Date dans les infos de l'article .article_info_date
    Texte des articles .article_text
    Lien pour ajouter son commentaire au bas d'un article .article_comments_link
    Pseudo des commentaires .commentpseudo
    En-tête des commentaires .commentheader
    Corps des commentaires .commentbody
    Commentaires de l'auteur de l'article .comment_admin
    Commentaires des autres .comment_normal
    Date des commentaires .commentdate
    Avatar des commentaires .commentavatar
    Numéro du commentaire .commentnumber
    Réponse(s) à un commentaire #replies
    Citations blockquote
    Fil d'Arianne #breadcrumb

     

    Footer

    Ensemble #footer
    1er lien (nom du blog) #titre_footer
       
       
       

  • Commentaires

    1
    Vendredi 6 Janvier 2017 à 20:45

    j'ai trouvé une erreur ; 

    #module_menu_type_links2

    c'est : .module_menu_type_links2

      • Vendredi 6 Janvier 2017 à 21:35

        Ah, c'est très possible, d'autant que certains sélecteurs peuvent changer (par exemple le sélecteur des avatars du menu derniers visiteurs qui a changé vers le moment où j'ai fait cette liste).
        Merci! :)

      • Vendredi 6 Janvier 2017 à 21:36

        j'ai testey~ ^^

    2
    Dimanche 8 Janvier 2017 à 17:23

    en fait , tout ce qui commence par module_truc c'est .module_truc

      • Lundi 9 Janvier 2017 à 13:34

        Oui y'a aucune raison que les autres soient en # du coup vu que celui-là a changé ^^ merci, je change de suite

    3
    Dimanche 29 Janvier 2017 à 18:02

    ah et aussi tous les ''  notifications '' c'est #notification

    J'ai trouvé ça récemment 

     

      • Dimanche 29 Janvier 2017 à 20:41

        Ca sert à rien que je vérifie les sélecteurs tu t'en charges à ma place x) je change ça

      • Dimanche 29 Janvier 2017 à 20:42

        8D

        maintenant que je sais gérer un peu j'méclate avec :')

      • Dimanche 29 Janvier 2017 à 20:51

        Fais-toi plaisir :') c'est fait pour ça après tout.... tu aimes la pâte à cookie crue? '^'

      • Dimanche 29 Janvier 2017 à 20:52

        ui ?

      • Dimanche 29 Janvier 2017 à 20:52

        Moi aussi *u* je m'en lasse pas x)

    4
    Jeudi 22 Juin 2017 à 18:11

    Salut, est-ce qu'il y a un sélecteur pour l'arrière plan (image) des articles ?

      • Jeudi 22 Juin 2017 à 18:15

        .module_contenu_articles  ? 

      • Jeudi 22 Juin 2017 à 18:21

        ça ne marche pas.. En fait je voudrais ajouter de la transparence sur mes fonds d'articles (qui sont des images) mais je n'arrive pas à sélectionner uniquement le fond, je n'ai que l'ensemble du module fond + texte

      • Jeudi 22 Juin 2017 à 19:05

        oh , alors il faut bel et bien une image ; tu vas dans " contenu , article , fond " tu mets l'image transparente en fond et normalement ça marche bien

      • Jeudi 22 Juin 2017 à 19:07

        ou bien tentes " .module_contenu  { opacity : 0.7 } "

      • Jeudi 22 Juin 2017 à 19:27

        Ah super merci beaucoup !

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :