[RÉGLÉ] comment changer la couleur de fond d'un module?

[Bege]

Bonjour à tous,

ça fait un petit moment que je cherche mais je ne trouve pas comment changer la couleur de fond d'un module?

merci de vos conseils

[jisse03]

Re : comment changer la couleur de fond d'un module?

Bonjour,

Via un suffixe CSS dans le paramétrage du module, et en créant cette classe dans le CSS du template.

[Bege]

Re : comment changer la couleur de fond d'un module?

euh, oui mais ça je ne sais pas faire
alors disons que je voudrais mettre la couleur #DDFFF4 pour le fond d'un module, je dois faire comment?
j'utilise beez3 et style "nature", alors je suppose que dans le champs "Suffixe CSS de menu" je dois mettre le nom de la classe créée?
mais comment la créer? et ou la mettre dans le fichier nature.css?

merci de ton aide

[lomart]

Re : comment changer la couleur de fond d'un module?

Bonjour,

Il faut créer dans le fichier nature.css ou un fichier perso la règle suivante
.fondbleuclair {background-color:#DDFFF4;}

dans les paramètres avancés du module, mettre fondbleuclair (avec un espace devant - très important) dans "Suffixe de classe CSS"

Bonne journée

[Bege]

Re : comment changer la couleur de fond d'un module?

super! ça fonctionne bien, merci beaucoup,
comment je peux centrer les éléments du module? par exemple ici sur la colonne de droite :

http://www.blooo.fr/accueil/

[lomart]

Re : comment changer la couleur de fond d'un module?

Même principe que pour le fond bleu

.centrage {text-align:center;}

et on ajoute centrage (toujours avec un espace) à la suite de fondbleuclair

[lomart]

Re : comment changer la couleur de fond d'un module?

Re,

Je viens de voir qu'il y a des puces qui trainent. Donc il faut ajouter la règle suivante:
.fondbleuclair ul.menu li a:link, .fondbleuclair ul.menu li a:visited {
background-image: none;


}

[Bege]

Re : comment changer la couleur de fond d'un module?

ah ben super! merci beaucoup, ça me plait bien ça

donc voilà ce que j'ai mis dans nature.css

.fondbleuclair {background-color:#DDFFF4;}
.centrage {text-align:center;}
.fondbleuclair ul.menu li a:link, .fondbleuclair ul.menu li a:visited {
background-image: none;

}

c'est juste comme ça? enfin ça devrait l'être puisque ça fonctionne

est ce que tu pourrais me donner une suggestion stp?
voilà, je pense que ce serait bien de marquer d'une façon ou d'une autre la séparation entre les rubrique, donc les vignettes, par exemple ici :


qu'en penses-tu? on mets un petit trait? ou peut être que je crée des modules différents pour chaque vignette?

merci de me donner ton avis

[lomart]

Re : comment changer la couleur de fond d'un module?

tu peux ajouter une règle

.fondbleuclair ul.menu li {
border-top: 1px dotted skyblue;
margin-bottom: 20px;
}