Header
Partagez | 

[xooit] Codes CSS correspondant à "Modifier les couleurs"

avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Miettes

Doyenne
Bons Points (BP) : 113
Voir le profil de l'utilisateur

Message Sujet: [xooit] Codes CSS correspondant à "Modifier les couleurs"   Jeu 7 Jan - 10:39

Tutoriel proposé par Newteen




Bonjour,

je vous propose un petit tuto, pour lequel j'ai eu du mal à trouver un titre, qui permet de faire correspondre les couleurs de nos codes persos, aux couleurs du forum.

Par exemple, je fais un message d'entête et je veux que mes titres changent de couleur quand je change de design et que je modifie les couleurs dans le panneau d'admin.

C'est très pratique si la personne qui code n'est pas forcément la personne qui change le design et que cette dernière ne s'y connait pas en codage. Et puis ça va plus vite, pas besoin de repartir dans le code pour changer toutes les couleurs.

Je ne sais pas si je suis très claire, mais vous allez comprendre en lisant la suite ^^

Donc voyons tous les code dans les template qui correspondent à ça :
Dans l'ordre :

Couleur d'arrière plan : {T_BODY_BGCOLOR};
couleur du texte:  {T_BODY_TEXT}; }
Couleur des liens visité : {T_BODY_LINK}
Couleur des liens visités : {T_BODY_VLINK}
Couleur des liens actif : {T_BODY_ALINK}
Couleur des liens survolés {T_BODY_HLINK};

Couleur des lignes 1 : {T_TR_COLOR1}
Couleur des lignes 2 :{T_TR_COLOR2}
Couleur des lignes 3 :{T_TR_COLOR3}

Couleur d'entête 1 :{T_TH_COLOR1}
Couleur d'entête 2 :{T_TH_COLOR2}
Couleur d'entête 3 :{T_TH_COLOR3}

Couleur de cellules 1:{T_TD_COLOR1}
Couleur de cellules 2:{T_TD_COLOR2}
Couleur de cellules 3:{T_TD_COLOR3}

Style de police 1 : {T_FONTFACE1}
Style de police  2 : {T_FONTFACE2}
Style de police 3 : {T_FONTFACE3}

taille de police 1 : {T_FONTSIZE1}
taille de police 2 : {T_FONTSIZE2}
taille de police 3 : {T_FONTSIZE3}

couleur de texte 1 : {T_FONTCOLOR1}
couleur de texte 2 : {T_FONTCOLOR2}
couleur de texte 3 : {T_FONTCOLOR3}
 
exemple d'application :
Je fais mon en-tête, et je veux que mes titres s'adaptent au reste du forum, donc dans mon CSS, au lieu de mettre une couleur de fond à ma case des titre, je mets le code pour avoir un fond de la couleur des lignes 3 et mon titre aura la couleur des catégories, qui sont des liens, donc "T_BODY_LINK"

Code:

#titre_en_tete{
   background-color:{T_TR_COLOR3};
   border:1px dashed #ffffff;
   height: 24px;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size: 16px;
   color:{T_BODY_LINK};
   text-align:center;
   padding: 4px;
   font-variant: small-caps;
   }

N'hésitez pas à me corriger, compléter ou modifier le titre (à la noix) que j'ai mis pour que ce soit plus clair !
J'espère que ces petites infos pourront vous aider.


Vous rencontrez un souci avec ce tutoriel ? Venez poser votre question [ici].

Idea N'oubliez pas de lire et de suivre les [règles de la section].


Je soussigné(e), Newteen,  accepte / n'accepte pas  qu'un directeur reposte le tutoriel "Codes CSS  correspondant à "Modifier les couleurs"" tel que je l'ai rédigé.
Revenir en haut Aller en bas
[xooit] Codes CSS correspondant à "Modifier les couleurs"
Page 1 sur 1
Réponse rapide

School of Progress :: La bibliothèque :: Tutoriels :: Informatique :: Codage+