13-02-2007

METTRE UNE IMAGE (BOUTON) A LA PLACE D'UN LIEN

D'abord c'est quoi un bouton ?
C'est une image cliquable qui vous dirige vers un site ou une autre page...
Le bouton remplace le lien classique.

Comme ceci :

M

...ou encore ça :

Danse

et bien d'autre chose encore...

Bouton_tuto

Pour mettre un bouton à la place d'un titre ou d'un lien, vous devez ouvrir un "nouveau message" et importer  votre image ou votre gif, en cliquant sur "Insertion d'une image"

Sans_titre_11

Si il sagit d'un gif, n'oubliez pas de décocher les "2 cases de calibrages", sinon votre image sera fixe.

Cliquez sur "Mode HTLM"

Sans_titre_5

et "copiez l'adresse de votre image"...

Sans_titre_2

Pour remplacer le "titre d'un message" par un bouton dans une colonne,
Allez dans Contenu/Liens d'amis

"Éditer" le message dont vous voulez remplacer le titre par votre image (bouton).

Capture8

et dans Nom du site mettre le code suivant :

<img src=Adresse de votre image>

"Valider" et hop votre bouton apparait à la place du "lien".

Si vous êtes en "Mode avancé" voici le code que vous pouvez insérer où vous voulez sur votre blog :

<a href="Adresse url du site"><img src=Adresse de l'image bouton></a>

Pour que le site s'ouvre dans une autre page :

<a href="Adresse url du site" target="_blank"><img src=Adresse de l'image bouton></a>

Posté par Demolite - Commentaires [29] - Rétroliens [0] - Permalien [#]

Super !

J'ai réussi !
Avec tes explications et tes couleurs, tout devient parfaitement abordable !
MERCI !!!

Posté par Sylpo 14-02-2007 à 10:24

Code ?

Qu'as-tu maintenant au niveau des boutons de Liens ?
Et zut ... Je viens de m'apercevoir que j'ai mis la même horloge que toi !!!!!!!!!!!
Il va falloir que j'en trouve une autre !!!
A+

Posté par Sylpo 15-02-2007 à 10:23

Pfff!

Rien de plus facile avec de telles explications!
merci.
bisouilles

Posté par mahia 19-02-2007 à 15:13

Bonjour,

ton blog de vulgarisation est parfait et on aimerait en voir plus souvent.
J' attire seulement ton intention sur le fait que l' exemple que tu donne est des plus dangereux à utiliser car si le copier coller dans la zone fait plus de 120 caractères il est tronqué et je t laisse imaginer ce qui arrive si dans ce code il y a un tag embed ou script sans tag de fin. tu peux essayer.
je me doute que tu arriveras à recuperer ton blog en supprimant le message mais beaucoup pensent avoir tout foutu en l' air ou être victime d' un virus .
peux tu alerter tes admirateurs.

a+
Paul un utilisateur de plus

Posté par francoise Oléron 26-02-2007 à 15:04

Salut Paul...
je dois pas avoir les idées très claires aujourd'hui, car j'ai beau lire et relire ton mesage, je n'arrive pas à le comprendre...
tu parles de quoi ? quand tu dis "l' exemple que tu donne est des plus dangereux à utiliser car si le copier coller dans la zone fait plus de 120 caractères il est tronqué et je t laisse imaginer ce qui arrive si dans ce code il y a un tag embed ou script sans tag de fin"
tu parles du bouton ? quel code ?
éclaire moi, car j'ai du mal à suivre ton raisonnement...

Posté par Demolite 26-02-2007 à 16:44

Il manque une petite étape ...

... pour les vrais novices, juste avant ceci :"Ensuite vous copiez l'adresse de votre image..."

Pour avoir l'url de l'image que l'on vient d'importer, il faut cliquer sur

Voili voilou ;)

Posté par vivinette 28-02-2007 à 10:27

Oups !

les codes ne sont pas apparus ! lol
bref, il faut cliquer sur les deux petits crochets qui se trouvent après "insertion d'un fichier".
D'ailleurs, grâce à toi, pour importer un fichier ou une image, je passe directement par là pour avoir le lien. Avant j'insérais, puis allais dans "Outils" "gestion des fichiers" et j'allais chercher le lien (long et fastidieux !)

Encore une bonne astuce ;)

Posté par vivinette 28-02-2007 à 10:36

C'est rectifié M'dam ;-)

Posté par Demolite 28-02-2007 à 10:54

Hé, hé, qui cherche trouve !
Bon, je crois que la soluce à ma question estlà ma bonne dame - Alors je m'en vais essayer - et à qui sera le premier bouton d'affiché, hein ?

ha, fin bien cette DEMOLITE et ses tutos !

Posté par Roserousse 02-04-2007 à 13:31

Roserousse

[attention]Alors c'est ça que tu voulais !? bin voui, il me semblait bien aussi, mais comme le post était déjà crée [moqueur] je ne comprenais pas trop ??? vilaine fille ! à quoi ça sert que je me décarcasse !?[Rire moqueur]

Posté par Demolite 02-04-2007 à 14:00

Roserousse

[Bravo]je viens d'aller sur ton blog ![Bravo]
bravo et merci pour tant d'honneur...[jap]
[merci]

Posté par Demolite 02-04-2007 à 14:02

Tu rigoles, mon blog ne serait rien sans toi !

Posté par roserousse 04-04-2007 à 00:18

Comment remplacer des mots par des photos

Bonjour, je suis en mode avancé et j'aimerais bien remplacer mes titres "Accompagnements, "Entrées",... par des images sur lesquelles on peut donc cliquer pour accéder à la rubrique. Je ne sais pas comment procéder : où insérer l'adresse de l'image car je ne trouve pas mes sous-titres dans "Fichiers utilisés pour ce modèle" et comment mettre le lien. Merci pour votre aide.
Marie-Pierre

Posté par Marie-Pierre 12-07-2007 à 16:13

compris

Merci j'ai compris comment on pouvais mettre un lien en image et naturellement, j'ai mis le tien.

Posté par patou 14-09-2007 à 22:43

Merci pour tes explications : j'ai enfin pu donner à mon blog la mise en forme que je voulais. Une fois que l'on sait comment faire, ça parait très simple, mais encore faut-il le savoir !
Je crois que je vais continuer à explorer les ressources inépuisables de ton blog.

Posté par Seb 21-09-2007 à 13:34

Ordre des boutons

Tout d'abord félicitation pour ton blog qui est une mine d'infos précieuses. Mais bon je suppose que tu es fatigué de lire ce genre de compliment.

Bref...

Voilà mon problème. J'ai commencé à mettre des boutons (en mode classique) sur mes blogs. L'idée est de faire un sommaire avec des boutons. Seulement voilà, quand je mets lesdits boutons on me les mets dans n'importe quel ordre. En tout cas pas dans l'ordre où je les ai mis en ligne et pas dans l'ordre que je veux.

Y'a une solution?

150 000 mercis (hé oui rien que ça) par avance pour toute réponse. Même si ce n'est pas possible autant que je le sache rapidement au lieu de continuer à chercher comme un blaireau.

Posté par David 18-10-2007 à 01:58

Quelle Pédagogue.

Bjr Démolite, je suis François, et grâce à tes tutos, je viens de créer un blog sur Rochefort en Terre qui devrait s'étoffer avec le temps, mai ss ton aide, cela aurait était moins "design", même si je dois m'améliorer.Et oui, tout ce qui est placé, c'est grâce à toi et tes tutos trés bien expliqués!! Muchas gracias!! Faut enc ore que je centre la pendule, mais ça viendera, j'ai dût louper quelques choses. Je bidouille pas trop mal photoshop 7 et illustrator, mais il me manque le côté créatif...j'y bosse! merci encore pour tout et à bientôt...[I][/I][G][/G][G][/G][I][/I]

Posté par francois 21-10-2007 à 11:33

help!

bonsoir,
j'essaye désespérement de mettre mon bouton "marmiton",j'ai tout fait comme il faut? ca ne marche pas? j'ai un cadre, quand je clique dedans le logo apparait? Que dois-je faire?
Merci

Posté par carochococo 27-11-2007 à 21:56

trop nulle???

bon je ne sais pas si je suis nulle, mais l'image n'apparait toujours pas? pourtant tout me semble ok? Je clique sur le cadre et le site apparait, il me manque que l'image du logo? Que faire je suis desesperated.
merci

Posté par carochococo 28-11-2007 à 21:28

mais comment on fait

je voudrais mettr une playlist mais je n'arrive à l'afficher que dans un message, comment je fais pour la mettre dans 1 colonne.merci de répondre.pour mon noel!!!!!!!

Posté par claire 26-12-2007 à 23:44

Bonjour
j'aimerais savoir à combien faut-il réduire la taille d'une image perso pour faire un bouton.
Merci à toi pour la réponse.[Salut]

Posté par nounouchouette 24-01-2008 à 12:55

génial.....[Fleur]

Posté par carobalou 07-03-2008 à 14:15

gif animés

salut,
sur mon blog photos, j'ai mis des gif animés. Depuis quelques temps, quand j'en mets un, l'animation ne fonctionne plus. J'ai essayé avec Mozilla, Explorer et Safari, ça ne marche pas. Je ne comprends pas,
est-ce que tu as une solution ?
merci
Philo

Posté par philo lenglet 22-03-2008 à 18:16

Bou...ben chui encore nulle. Je n'obtient qu'un minable point et pas l' image

Posté par Cocopassions 23-03-2008 à 12:54

Ben je ne sais pas comment mais je viens d'y arriver.
Bon dimanche

Posté par Cocopassions 23-03-2008 à 13:07

Merci!!!!!
J'ai pas mal bidouillé mais j'ai réussi grâce à ton blog.
[Fleur][Chesse]

Posté par Virginie 24-03-2008 à 17:47

Merci, bis !!![Super]

Posté par vma 28-03-2008 à 13:49

En effet, j'ai réussi à trouver le problème avec un autre tutorial. Il manquait un lien. Merci toutefois d'être passée. :)

Par contre, je ne comprends pas pourquoi les mails te reviennent [Filp]. La personne qui m'a aidé à comprendre le problème des smileys m'a répondue par mail.

Bonne journée.

Posté par d0ubleJe 17-04-2008 à 12:11

alors c'est que tu as du mal remplir le "formulaire mail" dans les commentaires, car je viens de réessayer, et le mail est encore revenu...

Posté par Demolite 17-04-2008 à 12:16

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=3990706

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

Haut de Page