Changer les couleurs de l'index Facile

Changer les couleurs de l'index

[Prosilver]


- Comment changer les couleurs de l'index pour customiser à notre goût?

Image

1. Changer la couleur des boutons

Il s'agit d'une image nommée bg_button.gif. Vous la trouverez dans /prosilver/theme/images/.

2. Changer la couleur du dégradé supérieur

Il s'agit d'une image nommée bg_header.gif. Vous la trouverez dans /prosilver/theme/images/.

3. Changer la couleur de la "boîte" contenant les forums

Les forums sont composés comme le header; une image (bg_list) + une couleur complétant le tout. Pour modifier ceci, allez dans colours.css et trouvez:
Code: Tout sélectionner
.forabg {
	background-color: #couleur d'origine;
	background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}

Il suffit de changer la couleur #couleur d'origine pour l'harmoniser avec l'image que vous aurez placée à la place de bg_list.gif

3bis. Changer la couleur du fond des forums et leur couleur de survol

Les couleurs des forums sur prosilver sont définies dans le colours.css comme toutes les autres couleurs. Cependant la couleur bleue n'est pas définie par une couleur, mais par une image de background.

Celle ci se trouve dans le dossier images de prosilver et son code se trouve naturellement dans le colours.css :

Code: Tout sélectionner
ul.forums {
	background-color: #eef5f9;
	background-image: url("{T_THEME_PATH}/images/gradient.gif");
}

Pour mettre la couleur de votre choix, supprimez la ligne correspondante à l'image, vous aurez ainsi :

Code: Tout sélectionner
ul.forums {
	background-color: #eef5f9;
}

Il ne vous reste plus qu'à changer la couleur du background par celle que vous aurez choisi (ici c'est eef5f9, un bleu-gris très clair).

Si vous ne voulez conserver une image pour toujours avoir un dégradé (par exemple), il vous suffit juste de remplacer l'image gradient.gif par une image de même taille et même format mais à vos couleurs ! (dans ce cas là, ne supprimez donc pas la ligne de code précédente). Changez par contre la couleur de background par la couleur dominante de votre image pour le côté esthétique de votre forum).

Couleur des forums survolés

Passons maintenant à la couleur de survol des forums, d'origine elle est jaune (couleur F6F4D0), toujours dans colours.css, trouvez :

Code: Tout sélectionner
li.row:hover {
	background-color: #F6F4D0;
}

Et changez le code couleur F6F4D0 par celui de votre choix.


4. Changer la couleur des barres utilisateurs

Pour cela il faut se rendre dans colours.css et
Cherchez
Code: Tout sélectionner
.navbar {
	background-color: #mettez la couleur qui vous convient;
}

5. Changer la couleur du bas de l'entête

Pour cela il faut se rendre dans colours.css et
Cherchez
Code: Tout sélectionner
.headerbar {
	background-color: #mettez la couleur qui vous convient;
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
}


- MAJ par Jester pour n°3 -

Avatar de l’utilisateur
Kewee
Graphiste
Graphiste
 
Rédigé le: 10 Fév 2014 à 11:24
Articles: 15
Noter cet article: 123456 Votants: 1
Mots-clés: [Prosilver], Changer, les, couleurs, de, l'index

Retourner vers Styles


cron