• 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

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    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 !

    5
    Lundi 22 Mai 2023 à 19:42

    J'ai fais les flèches haut et bas mais j'aimerai une ligne au milieu qui lors que l'on clic dessus nous ramène sur le haut ou bas de l'article dans contenu. Une petite idée de comment faire ça ? Merci !

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :