Partagez | 
 

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

Voir le sujet précédent Voir le sujet suivant Aller en bas 
avatar

Miettes

Pain perdu tout chaud

Bons Points (BP) : 493

Voir le profil de l'utilisateur

MessageSujet: [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é.
 

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

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Comment modifier une les couleurs d une image swf ?
» Codes HTML des couleurs
» [Résolu]peux t'on modifier un message déjà envoyé
» probleme pour modifier le floopy setup
» [Résolu] comment modifier un document en PDF

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
School of Progress :: La bibliothèque :: Tutoriels :: Informatique :: Codage-
Sauter vers:  
Espace Admin du site

©2008-2018 - School Of Progress - Toute reproduction totale ou partielle est interdite.
Design réalisé par Mewyn - Forum hébergé par forumactif.com

Les logos des SoPiens

Nos correspondants