MODOS

Les mots enchantés

~~L'important n'est pas de plaire, mais de ne pas laisser indifférent~~

Mardi 23 février 2010 2 23 /02 /Fév /2010 00:27

Image titres modules ( bakemono)

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.

Plus
- Email
- Lien
- Imprimer

Ecrire une petite bafouille - Youpie déjà 38 petites bafouilles

Lundi 12 février 2007 1 12 /02 /Fév /2007 14:10

LES MODOS SONT LA

Fil d'aide du forum

AnnaK vous guide pas à pas
Un blog plein d'astuces et d'articles pour vous aider à vous dépatouiller

Titia vous aide comme il se doit
tout ce que vous cherchez est là

Fabrice la faq
Il sait tout ou presque et c'est désespérant lol

P.E.U.R
Peut-être une réponse à ta question, Guillaume va te dire comment faire

Farfouille
Un canard déchainé

Flo-Avril
Une aide HTML ou CSS