26 août 2010

(OverBlog) Placer une image devant la date

Là encore, ce n'est pas bien compliqué. Vous allez dans le CSS - Design > Mode CSS - et vous rajoutez ce qui est en rouge.
.date  { background-image:url(adresse de l'image);background-repeat:no-repeat;padding-left:40px; }
Il faudra jouer avec le nombre de px du padding-left, en fonction des dimensions de l'image.

Un exemple d'image : que vous pouvez enregistrer (clic droit de la souris)

2 commentaires:

  1. Bonjour Anna,
    Est-il possible de modifier le format de la date sur overblog (en confiance en plus)?
    Je souhaiterai la mettre sur 2 lignes dans une image sur l'un de mes blogs.
    Merci d'avance !
    Stéphane

    RépondreSupprimer
  2. Bonjour Stéphane :)
    Pour mettre ta date dans une image, tu rajoutes tout à la fin de ton CSS :
    .date {float : left;
    width : 64px;
    height : 64px;
    background : url(http://i46.tinypic.com/nntcue_th.png) no-repeat;
    font-size : 8px;
    margin-top : 0px;padding-top:15px;
    margin-right : 2px;
    text-align : center;
    position:float;color:white}

    Elle est alors positionnée à gauche.
    Tu remplaces l'adresse de l'image dans background.
    Tu modifies les dimensions de l'images :
    width : 64px;
    height : 64px;
    La couleur du texte : color:white
    la taille de la police : 8px

    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)