23 février 2010
2
23
/02
/février
/2010
01:27
Une demande récurrente sur le forum d'aide technique d'Over-Blog concerne la mise en place d'images en lieu et place des titres des modules.
Voici le type de classe à modifier dans le CSS ou à rajouter si elle n'y est pas déjà :
.nommodule .box-titre { background-image:url(adresse image titre); }
Quelques exemples (l'url de l'image est bien sûr à personnaliser)
À mettre dans le CSS
.commentrecent .box-titre { background-image:url(adresse image titre); background-repeat: no-repeat; background-position: top center;}/*Module Lien*/
.lien .box-titre { background-image:url(adresse image titre); background-repeat: no-repeat; background-position: top center;}
/*Module categorie*/
.categorie .box-titre { background: url(adresse image titre); background-repeat: no-repeat; background-position: top center;}
/*Module Archives*/
.archive .box-titre { background-image: #FFF url(adresse image titre); background-repeat: no-repeat; background-position: top center;}
/*Module Texte Libre*/
.text .box-titre { background-image:url(adresse image titre); background-repeat:no-repeat; background-position: top center;}
/*Module Articles Recents*/
.articlerecent .box-titre { background:url(adresse image titre); background-repeat: no-repeat; background-position: top center;}
/*Module Albums*/
.album .box-titre{ background-image:url(adresse image titre); background-repeat: no-repeat; background-position: top center;}
/*Module Newsletter*/
.newsletter .box-titre{ background-image:url(adresse image titre); background-repeat: no-repeat; background-position: top center;}
Il peut être nécessaire de masquer le titre des modules (.box h2 ) ou de donner une hauteur adéquate aux titres des modules (.box-titre) Exemples
À mettre dans le CSS
.box-titre { height:**px; }.box-titre h2 { display:none;}
Merci à bakemono pour son tutoriel d'aide et sa permission pour le récupérer.
