Le Deal du moment :
Xiaomi Mi Smart Camera 2K Standard Edition (design ...
Voir le deal
11.39 €

une couleur par catégories

une couleur par catégories Empty 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
une couleur par catégories Empty Mar 2 Mai - 21:50
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
une couleur par catégories Empty 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
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum