-
Codages & Tutos
Codes & Tutos -
Par Kalyna le 14 Juin 2017 à 13:50
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_tabsExplications 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-selectionSurlignage de texte (ne fonctionne pas avec tous les navigateurs) /!\ Si vous souhaitez un sélecteur en particulier, jetez un œil à ce petit tuto.
7 commentaires
-
-
Par Kalyna le 19 Septembre 2017 à 18:59
Voici 6 filtres à mettre sur des images. (grayscale, sepia, blur, saturate, invert, bridhtness)
Pour cet exemple je vais mettre les filtres sur mes derniers visiteurs.
10 commentaires
-
Par Kalyna le 19 Septembre 2017 à 19:00
Si vous débutez avec eklablog, vous devez voir ce message assez souvent. La solution a ce problème ? Le CSS, pas d'inquiétude pour les débutants, c'est très simple.
4 commentaires
Suivre le flux RSS des articles de cette rubrique Suivre le flux RSS des commentaires de cette rubrique
Codages et libre service
-
EklaFastoche (codages et tutos)
EMSIHPARG (LS et dessins)
Fantasy Graph' (codages et LS)
Je tripote au lycée (codages et tutos)
Aoi Sora (Animes, mangas & webtoons)
-
Créer mon blog 
