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="http://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="http://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 - Commentaires [15] - Rétroliens [0] - Permalien [#]

mdr !!!excellent !!!!!!!! merci a toi , tu peux partir tranquille en vacances .Frederic

Posté par lines 05-04-2007 à 18:02

Bravo!

Je te félicite pour ton site, il est super ! J'ai utilisé plein de tes tutos pour personnaliser mon blog, et j'avoue que sans toi, j'aurais grave galérer ! Continue comme ça .[Bravo]

Posté par Bulle de Lau 06-04-2007 à 15:57

Je te souhaite de très bonnes vacances (après tous les tracas que l'on t'a causé, tu les as bien mérité).
Bises et à bientôt en forme javascript:;

Posté par lucifera06 06-04-2007 à 20:28

J'ai un probleme ...

Voilà , voilà , j'ai tout réussi du début a la fin , in fine ! But aprés avoir tout validez tout correspond bien comme prévu mais voila , aprés laffichage sur le blog des images boutons des catégris , a la fin j'ai un espace énorme qui apparait sur le blog , a la din des catégoris dans la colonne gauche comment y remédier ?

Help mee!!!

Posté par Bryan Monkeys 21-07-2007 à 15:29

raté!

bonjour, [j attends]
je voulais savoir si c'était possible en mode normal...

car une fois l'image chargée, transformée en html et insérée dans le grand code, jene sais pas où aller...[sos]

Pourriez-vous m'aider?
Merci pour vos conseils.!

Posté par moon 16-08-2007 à 12:17

Salut moon [Salut]

non, il faut être en mode avancé...[je cherche]

[Salut]

Posté par Demolite 16-08-2007 à 13:09

Ahhhh
Bon j'ai reussi a mettre les images sur ma colonne, mais par contre ca ne m'amène pas dans mon lien. Ca ouvre juste l image en grand! Comment je dois faire?

Posté par Sophie 21-08-2007 à 15:47

Salut [Salut]

ton premier bouton marche, prends exemple sur celui la...
tu as collé l'adresse de l'image au lieu de l'adresse de la catégorie dans les autres,[je cherche]
ça ne risque pas de marcher [Chesse]
mais tu y es presque ...
[sos]

Posté par Demolite 21-08-2007 à 16:02

fond pour blog

Il s'agit d'une question
Je voudrais mettre un fond avec cadre autour comme background sur mon blog, le problème est le suivant:
Mon fonds se répète en plusieurs fois, le cadre n'est pas complet,et si je veux faire des bandes sur les côtés, la bande de droite est décalée vers le centre
Comment faire pour avoir une seule image?
Merci de me répondre car j'ai beau faire tous les forums je ne trouve pas de réponse à mon problème

Posté par patitifa 26-08-2007 à 04:30

archives

Crois-tu qu'il faut aussi copier notre bloc sur la page des archives ????

Posté par Vanes 06-03-2008 à 22:26

aide

coucou
Je retire ma question plus haut , je fais aussi mon menu sur la page des archives
Mais demolite pourras-tu venir voir un peu ce qui se passe du coté de mon menu Je trouve que ca en jette
c'est génial , je ne regrette pas d'y avoir passer 1h30 , je suis longue non ????J'ai un grand espace entre mon dernier icone dessert et mes dernieres recettes ????[sos][sos][sos][sos][sos]

Posté par Vanes 06-03-2008 à 22:35

Heu, bin non je ne vois pas d'espace ? [je cherche]

Posté par Demolite ! 06-03-2008 à 22:37

j'suis vraiment pas douée !!

coucou ! Merci pour toutes tes explications. C'est grâce à ton blog que j'ai enfin osé me lancer en mode avancé. Tes explications sont vraiment claires.[Coeur]
Par contre, j'ai dû louper une ligne dans tes explications car je n'arrive pas à afficher mes boutons sur la page d'un message. J'ai réussi sur ma page d'accueil mais même en collant mon bloc catégorie sur ma page d'un message, bah ça marche pas...[sos]...pitié ! Je me noie...aide-moi !

Posté par lili 26-03-2008 à 12:11

Bonjour et tout d'abord bravo pour ces tutos !!

Moi j'aurais une petite question liées aux catégories. Je ne m'en étais jamais servies jusque là et maintenant que je les ai crées, je voudrais savoir s'il est normal que ma liste soit "tronquée" sur mon blog. (en gros, j'ai 4/5 noms qui apparaissent au lieu de la vingtaine qui existe).

Je précise que je ne suis pas en mode avancé et que je ne tiens pas à m'y aventurer [Chesse]

Merci !!!

Posté par Vaness 11-04-2008 à 15:12

Salut [Salut]

[G]Non c'est pas normal...[/G]
mais comme tu n'as pas mis le bloc des archives sur ton blog, je ne peux pas vérifier si les catégories sont bien existantes.
je ne peux pas faire grand chose pour toi malheureusement...

Es tu certaines d'avoir associé tes messages à tes catégories ? car si la catégorie est vide, je ne suis pas sure qu'elle s'affiche...
[je cherche]

Posté par Demolite 11-04-2008 à 16:37

Si vous posez une question, merci de laisser l'adresse de votre blog...










URL pour faire un rétrolien vers ce message :
http://www.canalblog.com/cf/fe/tb/?bid=251752&pid=4537499

Liens vers des weblogs qui référencent ce message :

Haut de Page