05-04-2007

METTRE DES BOUTONS IMAGES A LA PLACE DES CATEGORIES

A la demande de Frédéric...et la je crois que ce sera le "dernier post" avant mon départ en vacances, car j'ai la tête comme une pastèque avec toutes vos demandes...
Je suis victime de mon succès !

Alors...c'est pas forcément très évident à comprendre, et encore moi à expliquer...
je vais essayer de rassembler mes idées et de ne pas trop vous embrouiller !

Déjà, il faut que vos catégories soient crées...c'est plus simple, vous pourrez en créer d'autres après bien sur...
Vous devez commencer par "créer le code de vos boutons", pour chaque catégories.

Exemple :

Capture9

Ici il y a 4 catégories, donc pour les remplacer par des "boutons image" il vous faut "4 boutons" !
ça va Fred ? tu suis ?

Une fois que vous avez vos images, elles doivent toutes faire la même taille, sinon ça fait cracra...

Si vous utilisez Internet Explorer, les images se placent automatiquement à gauche, et sur Firefox, elles sont centrées, donc ne vous fatiguez pas à rajouter des balises <center> ou <left>, elles ne sont pas prisent en compte.

Dimensionnez vos images un peu plus petite en largeur que votre colonne comme ça tout sera nickel...
180x40 c'est parfait si votre colonne fait 200px.

Ensuite, "ouvrez un nouveau message" et "importez votre première image"

ins_rsion_d_une_image
Pensez à décocher les "2 cases" si votre image est animée.

Votre image apparait dans le message, pour avoir le "code image", cliquez sur

htlm

ça donne ça :

Capture10

Pour que votre image soit cliquable et qu'elle nous dirige sur votre catégorie,
il faut la placer à la suite du code gris clair l'adresse complète de votre image en rouge.

<p><a href="Ici adresse de votre catégorie"><p><img width="180" height="40" border="0" src="https://p4.storage.canalblog.com/48/45/255038/11955802.jpg" alt="Sans_titre_1" /></p>

Pour "copier l'adresse de la catégorie" il y a 2 possibilités, soit en "cliquant droit" "copier l'adresse du lien" sur votre catégorie dans la colonne, comme sur la capture...

Capture100

Soit en ouvrant un "message de cette catégorie" et en bas de votre message la catégorie apparait, vous faites clic droit aussi.

Maintenant nous allons voir ou "collez" ce joli code dans la page d'accueil...

<p><a href="Ici adresse de votre catégorie"><p><img width="180" height="40" border="0" src="https://p4.storage.canalblog.com/48/45/255038/11955802.jpg" alt="Sans_titre_1" /></p>

Ouvrez la "Page d'accueil" est repérez ce code :

<div class="title">Cat&eacute;gories</div>

et juste en dessous, "collez" le joli code que vous venez de faire.

ça donne ça :

Capture11

Voila déjà une bonne chose de faites...

Si vous faites un aperçu, votre bouton est bien en place, et si vous cliquez dessus, il vous dirige bien vers votre catégorie.
Par contre, la liste des catégories et encore là...et oui c'est pas fini...

Capture14

C'est pour cela que vous devez commencez par faire tous vos "codes" pour chaque bouton, comme ça vous les mettez tous en même temps (les codes à la suite les uns des autres, avec un <p> entre chaque code qui représente un bouton, pour laisser un espace entre les boutons) et vous pouvez passez à l'étape suivante, c'est à dire "supprimer le code qui permet d'afficher les catégories"...

Vous êtes encore là ?
ça y est Frédéric est parti !

Le voilà, ce fameux code :

<$BlogCategoryName$>

Capture15

Alors je vous conseille de "copier ce code" dans votre bloc note, comme ça si vous avez un regret, vous le remettez en place.

Voila ce que ça donne ensuite :

Capture17

(j'ai pas eu le courage de faire 4 boutons comme dans l'exemple plus haut...)

et sur la "page d'accueil" ça ressemble à ça :

Capture18

Il y à une ligne par bouton...avec un <p> au début pour l'espace.

Bon...y a plus qu'à...maintenant !

J'allais oublier, pour que vos boutons apparaissent aussi sur votre deuxième page (page d'un message), une fois que vous avez installé tous vos boutons, vous faites un "copier" du "bloc catégories en entier" et vous le "collez" sur l'autre page (page d'un message).

Allez Fred...respire un grand coup de suis sûre que tu vas y arriver...
avant de toucher à ta "page d'accueil", pense à faire une copie et garde la précieusement !

Trinity_en_vol


Posté par Demolite - Permalien [#]
Tags :