Nous avons vu comment modifier le fond des modules (Modifier le fond des articles et modules), mais comment faire pour que chaque module ait un fond ou une couleur de texte différent des autres?
Voici la liste des classes correspondant aux différents modules :
- .articlerecent : le module de la liste des articles récents
- .lien : les liens
- .recherche : le module de recherche
- .recommander : le module "recommander"
- .archive : les archives
- .calendrier : le calendrier
- .w3c : le module W3C (Syndication)
- .concours : le module "over-blog - créer un blog"
- .categorie : la liste des catégories
- .album : les albums photos
- .newsletter : le module "newsletter"
- .presentation : la présentation du blog
- .aleaIm : le module des images aléatoires
- .commentrecent : les commentaires
- .community : les communautés
- .pub : les modules de publicité
- .profil : le module du profil
- .pages : le module de la liste des pages
- .text : les modules "texte libre". Il est possible de les identifier manuellement.
Dans chacun, vous pourrez préciser un fond ou une police qui ne sera appliquer qu'à ce module.
EXEMPLE : Je veux modifier l'image de fond du titre du module des album photos :
.album .box-titre {background-image:url(http://url_de_votre_image) no-repeat center;}
/*je choisis ici de centrer l'image et de ne pas la répeter si jamais elle ne prenait pas toute la hauteur ou largeur*/
PENSEZ A CONSULTER LA FAQ ET A Y POSER VOS QUESTIONS EN COMMENTAIRE !
par dd-design
publié dans :
Le CSS décortiqué
0
recommander
Retour à la page d'accueil