Apprendre le CSS
Les attributs : les balises, les classes, les ID...


Dans cette page, je vais vous présenter tous les attributs que l'on utilise dans le CSS d'utiliweb.

Les Balises générales

body : désigne l'ensemble de la page. Dans cette balise, on peut définir la couleur de fond d'écran et tout ce que l'on souhaite appliquer au site dans son intégralité (couleur du texte, taille du texte, police utilisée)
td : une balise généraliste qui englobe elle aussi une très grande partie du site, n'y mettez que des proriétés que vous souhaitez appliquer à l'ensemble du site.
A : balise désignant tous les liens du site. Vous pourrez distinguer les liens les uns des autres grâce à l'imbrication que l'on étudiera dans la page suivante).
A:hover : balise désignant les liens survolés par le curseur


Les ID correspondant à la structure du site

#page : désigne l'ensemble du site
#header : désigne l'entête du site
#footer : désigne le pied de page du site
#menugauche : désigne le menu de gauche du site
#menudroite : désigne le menu de droite du site
#main : désigne la colonne principale du site
.body1 : regroupe le menu de gauche, la colonne principale, et le menu de droite

Les classes principales

.titre : désigne le titre des pages
.casetype1, .casetype2, .casetype3 désignent les cases des tableaux, à l'exception de celles des news et du forum.

Les classes correspondant aux News

.titrenews : désigne la case ou s'affiche le titre de la news
.news : désigne la case ou s'affiche le contenu de la news
.piednews : désigne la case ou s'affichent le pseudo de l'auteur de la news et le nombre de commentaires
.imagenews : désigne la case contenant l'avatar associé à une news

Les classes correspondant au forum

.blocforum : case contenant l'index du forum dans son ensemble
.fborder : case contenant les sujets du forum
#corpsforum : case contenant les messages du forum
.fcaption : désigne la barre de titre en haut du forum
.forumheader : désigne la barre ou s'affichent les noms des catégories du forums
.forumcolonne1 : désigne la première colonne du forum
.forumcolonne2 : désigne la deuxième colonne du forum
.forumcolonne3 : désigne la troisième colonne du forum
.forumcolonne4 : désigne la quatrième colonne du forum
.forumcolonne5 désigne la cinquième colonne du forum
.forumcolonne6 : désigne la sixième colonne du forum
.legende : case de l'index du forum contenant les informations sur les utilisateurs en ligne et le nombre de messages postés
.caselegende : case du forum contenant le menu "Aller à" et le champ de recherche
.foruminfo : case contenant le nombre de votes à un sondage

Les classes correspondant aux commentaires et aux messages du forum

#colonneavatar : désigne la colonne dans laquelle s'affichent les avatars sur le forum et les commentaires
#menumessage : désigne la case ou s'affichent la date et l'heure d'envoi d'un message
#corpsmessage : désigne la case ou s'affiche le contenu d'un message
#signature : désigne la case ou s'affiche la signature d'un membre
#reponse rapide : désigne la case ou s'affiche le bloc de réponse rapide
.commentaire : désigne le bloc dans lequel s'affiche un commentaire

Autres attributs

.button : Désigne les boutons de validation
.tbox Désigne les zones de saisie de texte
.cpage_title : désigne les titres des pages réalisées avec le bbcode [ne wpage]
.annonce : désigne les titres des sujets annonce du forum
.postit : désigne les titres des sujets post-it du forum
.smalltext : désigne les messages postés dans le messager
.smallblacktext : désigne les descriptions des forums et la date des messages sur l'index du forum
blockquote : Cadre contenant les citations
.spoiler : désigne le cadre correspondant au BBcode [hi de]
.tableaubb : désigne les tableaux crées avec le BBcode [ta bleau]
.mediumtext : désigne les titres des sujets du forum
.helpbox : Menu d'aide s'affichant au dessus de la barre d'outils BBcode
.note : Notes sur le livre d'or
#notifications : cadre contenant les notifications en haut de page
#GB_window : fenêtres apparaissant en surimpression (Affichage des images, liens de partage social)
.miniature : images miniatures apparaissant dans les pages




Aller à la page   <<        >>