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é
ajouter un commentaire commentaires (0)    recommander
Retour à la page d'accueil

Présentation

  • : ๑۩۞۩๑ [dd] ๑۩۞۩๑ DESIGN - Bannières, aide CSS, design
  • dd-design
  • : Besoin d'un bannière vierge ou sur mesure? Besoin d'aide pour la mise en page de votre blog? Ou d'infos complémentaires sur le CSS?
  • Recommander ce blog
  • Retour à la page d'accueil

Contactez moi !

Liens


boutonForum.gif
Et voila 2 excellents liens pour piocher idées et fonds et images pour ton blog :
top-logo-1.jpg

Deux sites consacrés à la mise en page des MySpaces mais aussi interessants pour un blog !!!


La
FAQ de Over-Blog, pour toutes vos questions sans réponses :
banniereFAQ.gif

Rechercher

weblog sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur avec TF1 Network - Signaler un abus