une couleur par catégories

 :: Exposition NLDD :: Intruders :: Réalisés Voir le sujet précédent Voir le sujet suivant Aller en bas
Messageune couleur par catégories Mar 2 Mai - 14:49
bonjouuuuuur :D

je viens prendre un peu de votre temps :x

alors voila, j'aimerais vous piquer cette catégorie
Spoiler:
 

Mais j'aimerais faire un petit truc sympa dessus.

j'ai pris des tutos sur internet, mais je capte vraiment rien à tout ça...

alors ça serais pour faire en sorte que chaque fond de titre de catégorie soit d'une couleur différente.

pour le moment le bloc est en #64B3AC
et je voudrais que pour la catégorie 1 il soit de tel couleur, pour la 2 d'une autre, la 3 encore une autre ECT ECT ^^"

pour ce qui est du tuto que j'ai voulus prendre c'est celui ci :
http://forum.forumactif.com/t385424-couleur-differente-pour-chaque-en-tete-categories


voilaaaa merci beaucoup  cat
Revenir en haut Aller en bas
MessageRe: une couleur par catégories Mar 2 Mai - 21:50
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
Bonsoir,

Une légère adaptation du tutoriel s'impose ;  remplacez :

Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:5px auto 15px; width:800px; padding:20px 0; text-align:center;
background:#64B3AC; /* MODIFIABLE */
}

Par :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:5px auto 15px; width:800px; padding:20px 0; text-align:center;
background:none;
}

Javascript :
Panneau d'administration > Modules > HTML & JAVASCRIPT > Gestion des codes Javascript

Code:
  $(function(){
              $(".cat1").parent().parent().attr('id','cat1');
              $(".cat2").parent().parent().attr('id','cat2');
              $(".cat3").parent().parent().attr('id','cat3');
    });

CSS :
Code:
/* FOND TITRE CATEGORIE 1 */
div#cat1 {
background-color:red;
}
/* FOND TITRE CATEGORIE 2 */
div#cat2 {
background-color:blue;
}
/* FOND TITRE CATEGORIE 3 */
div#cat3 {
background-color:green;
}
Revenir en haut Aller en bas
MessageRe: une couleur par catégories Mar 2 Mai - 22:10
youhouuuu merci énormément !!!
bon ... maintenant j'aimerais bien que firefox charge ma page pour finir mes modification T.T
Revenir en haut Aller en bas
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CCCrush. :: Exposition NLDD :: Intruders :: Réalisés-