[RÉGLÉ] icone pour un module particulier

[Ptit Philippe]

bonjour,

j'utilise JA T3 Blank et j'ai une icone pour le header des modules définit dans

div.ja-moduletable h3, div.moduletable h3 {

je voudrais mettre une image spécifique pour un certain module
ce module a comme suffixe nextbirthday

quand je regarde avec firebug, j'ai ce style définit sur l'élément

<div class="ja-moduletable moduletablenextbirthday clearfix" id="Mod146">
<h3>.......

mais je n'arrive pas à trouver la syntaxe correcte à mettre dans template.css
j'ai testé :

.moduletablenextbirthday h3 {}
.ja-moduletable moduletablenextbirthday h3 {}
div.ja-moduletable moduletablenextbirthday h3 {}

merci d'avance
Philippe

[lomart]

Re : icone pour un module particulier

Bonsoir,


.moduletablenextbirthday h3 {} cette règle devrait fonctionner.
Que dit firebug ? Est-elle visible ? Est-elle la dernière appliquée ?

Sinon pour tester il faut une propriété valide dans les {}
Perso j'essaie souvent avec un truc simple, genre color:red;

[Ptit Philippe]

Re : icone pour un module particulier

bonsoir,

je pensais aussi qu'elle allait fonctionner mais elle n'est pas visible par firebug

il y avait bien du code entre { } c'était juste pour éviter d'alourdir le message
pour l'instant je contourne en utilisant l'id du module mais je voudrais faire propre

je supprime le css sur l'id, pour montrer ce que ça donne : http://nbc59.net/joomla/

je viens de trouver:

div.ja-moduletable_nextbirthdays h3, div.moduletable_nextbirthdays h3 { 
 background: url("../images/birthday.png") no-repeat left bottom #238DB4;
}

avec place importante dans template.css
doit être après

div.ja-moduletable h3, div.moduletable h3 {

[lefabdu51]

Re : icone pour un module particulier

tu peut essayer de mettre un espace comme premier caracterepour ton suffixe de classe
Comme ca ton code html deviens moduletable nextbirthday et pour ton css
tu met .nextbirthday {les propriétés dont j ai besoin} et tu peut la reutiliser ailleurs cette classe

[lomart]

Re : icone pour un module particulier

Cela fonctionne, ou je n'ai pas compris le problème
Le but est bien d'afficher un petit gâteau à gauche du bandeau h3

Sinon l'idée de lefabdu51 marchera aussi

[Ptit Philippe]

Re : icone pour un module particulier

Cela fonctionne, ou je n'ai pas compris le problème
Le but est bien d'afficher un petit gâteau à gauche du bandeau h3

Sinon l'idée de lefabdu51 marchera aussi

j'avais utilisé l'id du module puis trouvé la solution juste après avoir posté mon message de 22h14 (la réponse est dans ce message là)


j'ai testé l'astuce de lefabdu51
espace devant suffixe de classe " nextbirthdays" puis les codes

.nextbirthdays  { 
 background: url("../images/birthday.png") no-repeat left bottom #238DB4;
} 
.nextbirthdays  h3 { 
 background: url("../images/birthday.png") no-repeat left bottom #238DB4;
} 

mais ça n'a pas fonctionné

Merci à tous les 2 !

j'ai développé ce module pour CB car je n'en avais pas trouvé de compatible Jommla 2.5 qui répondait à mes besoins. dans quelle rubrique faut-il poster le zip pour le partager ?

[lefabdu51]

Re : icone pour un module particulier

vides les caches de ton navigateur et ressaye.

[Ptit Philippe]

Re : icone pour un module particulier

vides les caches de ton navigateur et ressaye.

ça ne résout pas le problème