[RÉGLÉ] Besoin d'aide sur les couleurs de modules....

[bking1300]

Bonjour,

Je suis sur joomla 2.5.8

Je vous explique mon souci ;

J'ai créer une nouvelle Class de module pour mon template.

Pas de souci sauf pour les couleurs .

Je voudrai que dans le type de module " menu de Jomla " avoir la même couleur pour le titre que pour le texte de lien... mais cela le fait pas car un truc diférencie le couleur de titre du reste .

Dans mon fichier " Module CSS " j'ai ceci pour la class cherche

/********** jm-module **********/

.jm-module {
padding: 0 0 10px;
}

.jm-module h3.jm-title {
font-family: Segoe UI, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
font-style: normal;
line-height: 26px;
padding: 0 0 10px;
margin: 0;
}

.home #jm-main .jm-module h3.jm-title {
font-style: italic;
color: #0eade1;

/********** bottom-mods **********/

#jm-bottom-mods .rowcount_1 .bottom-in {
width: 100%;
float: left;
}

#jm-bottom-mods .rowcount_2 .bottom-in {
width: 50%;
float: left;
}

#jm-bottom-mods .rowcount_3 .bottom-in {
width: 33.3%;
float: left;
}

#jm-bottom-mods .rowcount_4 .bottom-in {
width: 25%;
float: left;
}

#jm-bottom-mods .jm-module {
margin: 0 10px 15px;
}

.jm-module.cherche,
.jm-module.border {
margin: 0 0 10px;
}

.
.jm-module.cherche {
border: 1px solid #7fbf0c;
border-radius: 4px 4px 4px 4px;
background: #e7fd98;
padding: 10px;
color: #7fbf0c;
}

Voilà normalement tout devrait etre dans la couleur prévue..

Mais dans un autre fichier " reset css " j'ai ceci

/*********************** RESET GLOBAL STYLES ***********************/

h1, h2, h3, h4, h5, h6 {
margin: 0 0 5px 0;
line-height: 120%;
font-weight: bold;
}

h1 {
font-size: 22px;
}

h2 {
font-size: 18px;
}

h3 {
font-size: 14px;
}

h4 {
font-size: 12px;
}

h5 {
font-size: 11px;
}

h6 {
font-size: 10px;
}

p {
margin: 5px 0px;
padding: 0px;
}

ul {
margin: 5px 0;
padding: 0;
list-style: disc;
list-style-position: inside;
}

ul li {
background: none;
margin: 0 0 0 3px;
padding: 0 0 0 15px;
}

.home #jm-main .jm-module.grey a:link,
.home #jm-main .jm-module.grey a:visited,
a:link,
a:visited {
color: #0eade1;
text-decoration: none;
}

Et du coup mon texte de lien de menu dans mon module se mette à cette couleur " 0eade1 " au lieu de celle ci prévue " 7fbf0c".

Si j'efface celle ci c'est le template qui prend le relais " system " avec une couleur qui change celle de tout le template pour pour des petits titre par cette commande, et tous les modules prennent la meme couleur....

*|*:link {
color: #0000EE;

je sais que c'est pas clair mais avez vous une idée de comment procéder ?

Je comprend que les leins sont prévus pour etre de la meme couleur mais comment isoler une class demodule pour lui attribuer une autre couleur comme celle prévue là

.home #jm-main .jm-module.grey a:link,
.home #jm-main .jm-module.grey a:visited,
a:link,
a:visited {
color: #0eade1;
text-decoration: none;
}


MAis si j'applique celle ci pour ma class de module cela ne fonctionne pas, sauf quand je fais ceci

.home #jm-main .jm-module.grey a:link,
.home #jm-main .jm-module.grey a:visited,
.home #jm-main .jm-module.cherche a:link,
.home #jm-main .jm-module.cherche a:visited,
a:link,
a:visited {
color: #0eade1;
text-decoration: none;
}

Mais là c'est pas la couleur que je veux lui donner.... car je veux que la coueleur de chaque class soit identique à celle de sa couleur de titre

et si je créé ceci

.home #jm-main .jm-module.grey a:link,
.home #jm-main .jm-module.grey a:visited,
a:link,
a:visited {
color: #0eade1;
text-decoration: none;
}

.home #jm-main .jm-module.cherche a:link,
.home #jm-main .jm-module.cherche a:visited,
a:link,
a:visited {
color: #7fbf0;
text-decoration: none;
}

Tous le modules prennent cette couleur " 7fbf0 " c'est à dire la dernière..

En fait je ne comprend pas comment isolé l'un de l'autre ...

Merci pour votre aide

[bking1300]

Re : Besoin d'aide sur les couleurs de modules....

Ce sont ces lignes en css qui mettent les textes de lien de menu avec une couleur différente de celle du template dans les modules

Le souci c'est qu'elles changent la couleur dans tous les modules

a:link,
a:visited {
color: #0eade1;
text-decoration: none;
}

Comment faire pour différencier un module...

[lomart]

Re : Besoin d'aide sur les couleurs de modules....

Mettre un suffixe au module dans ses paramètres exemple: redlink (avec un espace devant)
puis créer les règles suivantes :
.redlink a:link,
.redlink a:visited {
color: red;
}