Différencier les catégories des forums Facile

Différencier les catégories des forums

[Prosilver] Afficher des couleurs de fond différentes sur les catégories et les forums


Différencier les catégories des forums

Pour celles et ceux qui aimeraient différencier les catégories des forums, voici la marche à suivre :

Image

» Partie .css
Dans le fichier colours.css
chercher
Code: Tout sélectionner
.forabg {
	background-color: #0076b1;
	background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}

ajouter APRES
Code: Tout sélectionner
.forabg2 {
	background-color: #b00000;
	background-image: url("{T_THEME_PATH}/images/bg_list2.gif");
}

Dans le fichier common.css
chercher
Code: Tout sélectionner
.forabg {
	background: #b1b1b1 none repeat-x 0 0;
	margin-bottom: 4px;
	padding: 0 5px;
	clear: both;
}

remplacer par
Code: Tout sélectionner
.forabg, .forabg2 {
	background: #b1b1b1 none repeat-x 0 0;
	margin-bottom: 4px;
	padding: 0 5px;
	clear: both;
}


Voici l'image utilisée dans l'exemple :
Image

» Partie .html
Dans le fichier forumlist_body.html
chercher
Code: Tout sélectionner
<div class="forabg">

remplacer par
Code: Tout sélectionner
<div class="<!-- IF forumrow.S_IS_CAT -->forabg2<!-- ELSE -->forabg<!-- ENDIF -->">


------------------------------------------------------

Autre variante :
Pour celles et ceux qui aimeraient différencier un seul bloc en particulier, voici la marche à suivre :

Image

» Partie .css
Et bien c'est la même chose que plus haut...

» Partie .html
Dans le fichier forumlist_body.html
chercher
Code: Tout sélectionner
<div class="forabg">

remplacer par
Code: Tout sélectionner
<div class="<!-- IF forumrow.S_ROW_COUNT eq 3 -->forabg2<!-- ELSE -->forabg<!-- ENDIF -->">


Il vous faudra choisir le bloc à colorer et changer le numéro 3 en fonction du votre.

------------------------------------------------------

Autre variante :
Pour celles et ceux qui aimeraient différencier la moitié de ces blocs, voici la marche à suivre :

Image

» Partie .css
Et bien c'est la même chose que plus haut...

» Partie .html
Dans mon exemple j'ai 6 blocs, je vais donc en colorer 3.
Dans le fichier forumlist_body.html
chercher
Code: Tout sélectionner
<div class="forabg">

remplacer par
Code: Tout sélectionner
<div class="<!-- IF forumrow.S_ROW_COUNT > 3 -->forabg2<!-- ELSE -->forabg<!-- ENDIF -->">

Idem c'est à vous de de choisir le nombre de forum (si vous en avez 10 et bien ce sera 5)

Voila, bonne personnalisation et à bientôt...

micka76
Graphiste
Graphiste
 
Rédigé le: 14 Avr 2011 à 15:27
Articles: 8
Noter cet article: 123456 Votants: Aucun
Mots-clés: différencier, catégories, forums

Retourner vers Styles


cron