Tutofaf

Un blog d'aide fait par les femmes au foyer pour les cyberquiches !

21 août 2007

Changer l'aspect de son blog 12- des images sous les titres de catégories...

Ajouter des images sous le nom des catégories ou encore à la place du titre des catégories…

C’est somme toute assez simple mais il faut naturellement être en mode avancé.

Vous faites tout d’abord votre blog… ensuite, quand tout est en place il faut que vos images soient déjà stockée dans votre blog par un message qui restera brouillon par exemple.

Ensuite, dans Outils/gestion de fichiers/images…

Vous chercher le nom de l’image que vous venez d’inclure, et vous cliquez dessus

tut12a

vous aurez donc à sélectionner l’adresse url de votre image pour la copier un peu plus tard.

Maintenant vous allez dans apparence/éditez les paramètre…/page d’accueil

Et vous recherchez le nom de la catégorie sous laquelle vous voulez ajoutez cette image ( une image par catégorie doit être entré dans votre message brouillon en principe !)

Donc ici… sous messages récent

Vous allez collé le code suivant ( en surligné gris sur l’image)

tut12b

si votre image est déjà à la bonne dimension, vous n’aurez pas besoin de précisé width et height .

De plus, vous pouvez voir que mon image est entouré de pointillé, ça c’est que j’avais mis « dotted » dans ma feuille de style dans mes options d’images. Mais vous pouvez ne rien mettre ou mettre une ligne pleine… ou… bref.

Voici donc ce que cela donne

tut12c

Maintenant, vous voulez que votre image remplace le titre de votre catégories

Vous devez suivre le même procédé ci-dessus pour mettre des images dans votre blog en brouillon et ensuite, vous collez le même code mais à cet endroit à la place.

tut12d

À la place de la portion du code entouré de rouge, il y avait tout simplement « catégorie » d’écrit. Vous le remplacer par le lien url de votre image. Comme vous pouvez le voir, je n’ai pas mis de dimension à mon image. Voyons donc ce que cela donne.

tut12e

L’image a pris sa pleine grandeur et affecte naturellement les indications que j’avais donné dans ma feuille de style générale quand à « l’encadrement des titres ». Si vous voulez utiliser des images à la place de votre titre, je vous conseille de bien configurer vos données avant ou après pour bien ajuster le tout.

 

Maintenant, pour ceux qui voudraient des images à la place ou devant les listes sous les titres des catégories, il y a deux bons sites qui en donnent les explications. 2 façons différentes de le faire, vous aurez donc le choix. Je leur laisse donc le crédit et … bonne journée

ps : n'oubliez pas de mettre l'url de VOTRE IMAGE, à la place de l'url de mon image  :-)

http://alerionexemple.canalblog.com/archives/2007/07/index.html

http://yenapas.canalblog.com/archives/2007/08/01/5762032.html

Ce tut est une gracieuseté de Frenchgirl

Posté par frenchgirl à 15:30 - 5- Mode avancé - Commentaires [0] - Permalien [#]

Commentaires

Poster un commentaire







Haut de Page