25 août 2010

(OverBlog) Ajouter des espaces dans le blog

Pour aérer votre blog, vous avez la possibilité de créer des espaces entre diverses zones. Les fonctions suivantes sont celles dont j'ai eu besoin, mais il y en a d'autres. Si vous avez des demandes, n'hésitez pas à les formuler.

Vous allez dans le CSS - Design > Mode CSS - et vous rajoutez ce qui est en rouge.
Lorsque la ligne existe déjà, vous la complétez ; sinon, vous la créez.

Espace au-dessus de la date
.date  { margin-top:10px;}
Espace entre la date et le titre
.divTitreArticle {margin-top:10px; }
Espace entre les articles
.article    {margin-top:30px;}
Espace entre les lignes de l'article (interligne)
.article  { line-height:50px;}
Espace de chaque côté de l'article (marge)
.article  { padding-right: 5px;padding-left:5px;}
Espace entre les modules
.box  {margin-top:10px;}
Espace entre les liens des modules
.box-content li  {padding-bottom:15px;  }
Espace entre chaque communauté (de la page accessible par http://nom du blog/communautes-blog.html)
.community_information {padding-bottom:30px;}
Espace entre chaque résumé d'article (de la page accessible par http://nom de votre blog/articles-blog.html)
.listArticles {margin-bottom:20px; }
Vous jouez ensuite avec le nombre de px, pour augmenter ou diminuer l'espace.

12 commentaires:

  1. j'aimerais mettre des textes à côté de certaines photos dans mes articles... Peux-tu me conseiller ? Merci.
    www.ejiom-over-blog.com

    RépondreSupprimer
  2. Bonjour Ejiom :) Le plus simple sur OB est de créer un tableau :
    - 2 colonnes : une colonne pour la photo et une pour le texte
    - autant de lignes que de photos.
    Ainsi, tes photos et tes textes seront toujours bien positionnés.

    RépondreSupprimer
  3. Bonjour,

    J'aimerais que les premiers articles de mon blog, ne soient pas superposés sur le titre.
    Comment faire pour les descendre beaucoup plus?

    Je vous remercie d'avance,

    Kirsten

    RépondreSupprimer
  4. Bonjour Kirsten, tu veux que l'entête de ton blog se voit en entier et donc descendre les colonnes articles et modules ?
    Colles en HTML de ton entête
    < style type="text/css" >
    #ln_1 {margin-top:200px;}
    < /style >

    RépondreSupprimer
  5. Bonjour,

    En fait, vu que je ne suis pas du tout calée en informatique, pourriez-vous me dire à quel endroit je doit insérer cette formule?

    Lorsque je clique sur un article, lorsque la nouvelle page s'ouvre, le titre est invisible (de l'article).

    Merci pour votre aide,

    Kirsten

    RépondreSupprimer
  6. Bonjour Kirsten, en fait, le titre de l'article est en noir, c'est pour ça qu'on ne le voit pas. Pour l'écrire en blanc, tu rajoutes dans l'HTML de l'entête :
    < style type="text/css" >
    .divTitreArticle h2 a{color:white!important;}
    < /style >

    RépondreSupprimer
  7. Bonsoir,

    merci pour votre aide...
    Heureusement que vous êtes là!

    RépondreSupprimer
  8. Bonsoir Anna,

    Je n'arrive pas à aérer la liste complète de mes articles. Je ne trouve aucune entrée dans CSS. As-tu une astuce ?
    Merci.
    pascal
    www.regardelamer.com

    RépondreSupprimer
  9. Bonjour Anna,

    J'espère que tu passeras encore par ici
    après avoir bien fouillé ton blog, je n'arrive pas à mettre de l'espace après la date des articles

    j'utilise comme base le template girly diaries que j'ai modifié au niveau des images

    J'ai essayé plein plein de possibilité mais je n'y arrive pas et je déséspère

    j'espère que tu pourras m'aider :) bises et merci pour ton blog !! une mine d'or !!

    RépondreSupprimer
  10. Quelle belle organisation pour nous aider dans la modification du design de nos blogs !! Bravo Anna.
    Dans cette partie concernant les espaces je ne trouve pas la possibilité
    de mettre un espace plus grand entre le titre de l'article et l'article lui-même..(et ceci afin de me permettre de positionner une image un peu "haute" à la gauche du titre.)
    Merci par avance pour votre réponse.
    Bidule

    RépondreSupprimer
  11. je voudrais faire que les articles apparaissent comme sa sur la page d'accueil
    http://www.apkappsforandroid.com/

    RépondreSupprimer
  12. Bonsoir " Anna K", encore chapeau pour tout ce que vous faite depuis pas mal d'années pour les amis blogueurs. Je fais encore appel à vous pour vos précieux conseils parce que mon désir cette fois ci est de changer le format de mes fenêtres qui sont actuellement à 600 pixels de large pour les changer à 8OO pixels. L'idéale serait que le visiteur puisse cliquer dessus et l'image prends sa taille normale à 1280 pixels
    Je désire connaître vos tarifs pour une tel manipulation graphique

    Merci Anna

    http://www.ledoigtdansloeilmarseille.com/

    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)