Vous devez vous rendre dans votre (ou vos) CSS : Design > Mode CSS
Lorsque la ligne n'existe pas, vous la créez ; lorsqu'elle existe, vous la complétez.
MODIFICATION DES POLICES
Le titre
.pages .box-titre h2 {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}Les liens
.pages a {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}Vous effacez ou modifiez ce dont vous ne voulez pas, sachant que
text-align : center centre le texte
text-align : left positionne le texte à gauche
text-align : right positionne le texte à droite
text-align : justify justifie le texte à droite
color : red modifie la couleur de la police, voir les codes couleurs
font-weight : bold transforme la police en gras
font-weight : normal transforme la police en normal
text-decoration : underline souligne le texte
text-decoration : none enlève le soulignement
font-size : 20px fixe la taille de la police
font-style : italic transforme la police en italique
font-family : Comic Sans MS sélectionne la police
MODIFICATION DES FONDS
Un fond dans le module en entier
.pages {background-color:red;background-image:url(adresse de la texture);background-image:url(adresse de l'image);background-repeat:no-repeat;background-position:center;}Un fond dans le titre
.pages .box-titre h2{background-color:red;background-image:url(adresse de la texture);background-image:url(adresse de l'image);background-repeat:no-repeat;background-position:center;}Un fond dans le contenu
.pages .box-content{background-color:red;background-image:url(adresse de la texture);background-image:url(adresse de l'image);background-repeat:no-repeat;background-position:center;}Un fond dans le pied de module (certains CSS en ont un)
.pages .box-footer {background-color:red;background-image:url(adresse de la texture);background-image:url(adresse de l'image);background-repeat:no-repeat;background-position:center;}Vous effacez ce qui ne vous convient pas, sachant que
background-color : red met une couleur dans le fond, voir les codes couleursPour en savoir plus sur les background
background-image : url(adresse de la texture) met une texture qui se répète dans le fond
background-image : url(adresse de l'image);background-repeat:no-repeat; background-position:center met une image centrée qui ne se répète pas
MODIFICATION DES PUCES
Il arrive avec certains CSS qu'il soit impossible de rajouter une puce
.pages li {list-style:none; list-style:disc;list-style:square;list-style:circle;list-style-image : url(adresse de votre puce);}Vous effacez ce dont vous ne voulez pas, sachant que
list-style : none signifie aucune puceIl peut arriver que la puce soit dans la marge et donc invisible, il faut alors rajouter une marge à gauche
list-style : disc représente une puce ronde pleine
list-style : square représente un carré plein
list-style : circle représente une puce ronde vide
list-style-image : url(adresse de votre puce) lorsqu'une image remplace la puce. Vous devez la choisir de très petite taille :10*10px maximum
.box-content li {margin-left:15px;}AJOUT D'ENCADREMENTS
Pour encadrer tout le module
.pages {border:solid 1px #D8D7D7}Pour encadrer le titre
.pages .box-titre h2 {border:solid 1px #D8D7D7}Pour encadrer le contenu
.pages .box-content {border:solid 1px #D8D7D7}Pour en savoir plus sur les bordures : créer vos encadrements
Bonjour Annak,
RépondreSupprimerJ'ai un soucis avec mon module page.
Je demande :
/* ---------------------------MODULE-PAGES----------------------- */
/*titre*/
.pages .box-titre h2 {}
/*liens*/
.pages a {color:#000000;
}
*/fond*/
.pages {}
/*puce*/
.pages li{color:#086500;
}
.pages .box-content {
background-color:#fad53e;
}
Mais ça ne fonctionne pas... ?
Merci par avance pour ton aide.
Bonjour :)
RépondreSupprimerJe passe sur ton blog pour regarder le CSS et t'y laisser la solution :)
Bonjour Anna,
RépondreSupprimerJe n'arrive pas à mettre un fond différent dans mes modules pages.
Selon mon css, quelle est la phrase exacte que je dois placer en bas de mon css ? car j'ai testé tes 2 formules pages et pages boxcontent mais ça ne fonctionne pas.
Merci par avance si tu peux m'aider.
Sagan33
mon blog est http://harmonylegend.over-blog.com
Bonjour :) tu as déjà une image dans ces modules, il faut donc l'enlever et rajouter ensuite la couleur de fond :
RépondreSupprimer.pages .box-content {background-image:none;background-color:red!important;}