Insérer une image sous votre horloge avec WordPress

Vous avez peut être remarqué qu’une fleur s’est glissée sous mon horloge…

Pour insérer une image sous votre horloge, pour lui donner un petit côté perso, faites comme ceci :

Ouvrez votre client FTP et mettez l’image qui ira sous votre horloge dans le dossier images de votre thème :

Ouvrez ensuite votre feuille de style et collez le bloc suivant tout en bas :

.horloge {
background: url(images/horloge.jpg) no-repeat;
width: 150px;
height: 150px;
padding: 0px 0px 0px 20px;
margin: 0 auto;
}

la ligne background: url(images/horloge.jpg) no-repeat; est celle qui contient votre image, si vous avez nommé votre image horloge.jpg vous devez mettre le même nom dans cette ligne de code, sinon votre image ne s’affichera pas.

A vous de jouer avec le width: 150px; et le height: 150px; en fonction de la taille de votre image.

Maintenant allez dans Apparences / Widgets puis ouvrez le bloc texte qui contient votre horloge :

Ajoutez la balise <p class=”horloge”> </p> comme sur la capture ci-dessus, et validez.

Voilà, votre image est en place !

Pour faire quelques réglages et placer votre image comme vous le voulez, je vous conseille de vous servir de la barre d’outils Web Developer, si vous utilisez Firefox, vous gagnerez un temps fou.