-
CSS - Les éléments
En CSS, pour modifier une page, il faut connaître les codes CSS des éléments à modifier. C'est donc pourquoi aujourd'hui je partage avec vous ces éléments à savoir pour programmer votre page Eklablog.
Prenons ici l'exemple où je souhaite modifier la taille de mon titre :
#titre_header a {font-size: 20pt;}
Ici, "#titre_header a" représente le titre du blog : c'est son code CSS. Ensuite, les modifications à apporter à l'élément sont indiquées entre deux accolades (ces deux signes :"{ }" qui m'ont donnés du fil à retorde lorsqu'il fallait retrouver leur noms).
Voici donc une liste des codes CSS de chaque élément :
- En-tête = #header
- Pied-de-page = #footer
- Liens pied-de-page = #footer a
- Menu = .module_menu
- Menu de l'en-tête = #menu a
- Corps du texte = #body
- Contenu = .module_contenu
- Texte du contenu = #content
- Titre de contenu = .module_titre_contenu
- Titre d'article = .module_titre a
- Titre du blog = #titre_header a
- Slogan = slogan_header
- Derniers visiteurs = .module_menu_type_lastvisitors
- Shoutbox = .module_menu_type_shoutbox
- Calendrier = .module_menu_calendar
- Commentaires = .comment_normal
- Commentaires d'administrateur = .comment_admin
- Pseudo du commentaire = .commentpseudo
- Date du commentaire = .commentdate
- Avatar du commentaire = .commentavatar
- Bulle d'aide = #help_bubble
- Barre eklablog = #menubar
- Liens du contenu = .module_contenu a
- Sous-barre eklablog = .menubar_section ul
- Fond du blog = #background
- Fenêtres = .window
- "Lire la suite" = .article_readmore a
Si un élément manque, la zone commentaires est prévue à cet effet. Toutes ces informations sont piochées à droite et à gauche et testées, mais si l'une d'elle est erronée, n'hésitez pas à me le signaler.
Heureuse de vous le partager,
Postbad Carol.
Tags : CSS
-
Commentaires