Les tuto 2 Demolite

Blog tuto, aide à la création et au design des blogs et sites internet, Montage photo, trucs et astuces, logiciels gratuits...

07 novembre 2010

Insérer une image sous votre horloge avec WordPress

Posté par Demolite - Dans la catégorie Wordpress
Tags : , ,

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

sans_titre_26

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 :

sans_titre_19

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;
}

sans_titre_42

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 :

sans_titre_23

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.


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici


« Accueil 1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41