26 août 2010

(OverBlog) Placer une image entre chaque module

Ce n'est pas très compliqué à réaliser.

Vous allez dans le CSS - Design > Mode CSS - et vous modifiez
.box{background:url(adresse de l'image);background-repeat:no-repeat;background-position:bottom center;padding-bottom:50px;}

On a créé une marge en bas de chaque module -padding-bottom:50px - ce chiffre dépend de la hauteur de votre image.

4 commentaires:

  1. Bonjour Anna,
    D'abord bravo pour ce site, depuis un an que j'ai créé le blog (skiclubcampan.fr), je trouve souvent les renseignements dont j'ai besoin ici.
    J'ai placé une image sous un module mais j'aimerais savoir s'il y a possibilité de faire un lien sur cette image et comment faire ?
    Merci

    RépondreSupprimer
  2. Bonjour :) on ne peut pas mettre de lien sur un background. Ne te reste-t-il pas assez de module Texte Libre pour mettre cette image et ensuite un lien dessus ? Ensuite, on peut enlever les fonds de ces modules pour donner le même aspect qu'actuellement.

    RépondreSupprimer
  3. Bonjour Anna, je j'ai plus de module texte libre, j'ai vu que l'on peut en créer un. Mais peux-tu me dire quelle nombre de px pour le top je dois mettre ? http://www.skiclubcampan.fr
    Merci Anna
    Claire Broca - SCCT

    RépondreSupprimer
  4. Bonjour SCCT :)
    Tes modules de gauche font 220px de large et ceux de droite 240 px.

    RépondreSupprimer

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)