PortailAccueilS'enregistrerCarte des membresDernières imagesConnexion
Long à charger les 1er fois - Appuyez sur le bouton "on"
Lecteur chant de Noël
polices-de-noel
Le deal à ne pas rater :
Jeux, jouets et Lego : le deuxième à -50% (large sélection)
Voir le deal

Partagez | 
 
 
 [TUTORIEL] Comment rendre ses images et logos "cliquables" ?
Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
ivanovitch
Globe-Surfeur "Or" (niv 6)
Globe-Surfeur
ivanovitch

Masculin Cancer Nombre de messages 22126
Age 53
Localisation Savoie
Humeur Voyageuse

[TUTORIEL] Comment rendre ses images et logos "cliquables" ? Empty
MessageSujet: [TUTORIEL] Comment rendre ses images et logos "cliquables" ?   [TUTORIEL] Comment rendre ses images et logos "cliquables" ? EmptyMer 29 Juin 2011, 18:38

LOGOS ET IMAGES "CLIQUABLES"

Bonjour à tous. Very Happy


Voici une petite méthode que vous pourrez suivre afin d'illustrer vos sujets et les rendre plus "graphiques" si vous le souhaitez.

Pas très compliqué à mettre en œuvre, vous allez voir...


...


Dernière édition par ivanovitch le Dim 27 Jan 2013, 15:38, édité 2 fois
Revenir en haut Aller en bas
http://bbs.keyhole.com/ubb/dosearch.php?Cat=&For
ivanovitch
Globe-Surfeur "Or" (niv 6)
Globe-Surfeur
ivanovitch

Masculin Cancer Nombre de messages 22126
Age 53
Localisation Savoie
Humeur Voyageuse

[TUTORIEL] Comment rendre ses images et logos "cliquables" ? Empty
MessageSujet: Re: [TUTORIEL] Comment rendre ses images et logos "cliquables" ?   [TUTORIEL] Comment rendre ses images et logos "cliquables" ? EmptyMer 29 Juin 2011, 18:45

Un exemple avec le Guide du Routard :


Un logo hébergé sur servimg : https://i.servimg.com/u/f63/12/53/64/16/logo14.png

Le lien vers lequel on veut qu'il mène : http://www.routard.com/guide/code_dest/seychelles.htm



Le modèle à remplir est celui-ci :

Code:
[url=CIBLEEEEEEEEEEEEEEEE][img]JPGGGGGGGGGGGGGGG[/img][/url]


Le modèle une fois rempli par les liens en question :

Code:
[url=http://www.routard.com/guide/code_dest/seychelles.htm][img]http://i63.servimg.com/u/f63/12/53/64/16/logo14.png[/img][/url]



Une fois les balises enlevées
Code:
[code][/code]





Cela donne ceci :

[TUTORIEL] Comment rendre ses images et logos "cliquables" ? Logo14



...
Revenir en haut Aller en bas
http://bbs.keyhole.com/ubb/dosearch.php?Cat=&For
ivanovitch
Globe-Surfeur "Or" (niv 6)
Globe-Surfeur
ivanovitch

Masculin Cancer Nombre de messages 22126
Age 53
Localisation Savoie
Humeur Voyageuse

[TUTORIEL] Comment rendre ses images et logos "cliquables" ? Empty
MessageSujet: Re: [TUTORIEL] Comment rendre ses images et logos "cliquables" ?   [TUTORIEL] Comment rendre ses images et logos "cliquables" ? EmptyMer 29 Juin 2011, 18:56

Une explication du modèle ci-dessus...

"CIBLEEEEEEEEEEEEEEEE" étant la page vers lequel on souhaite emmener le lecteur. C'est la cible à atteindre.

"JPGGGGGGGGGGGGGGG" est "JPG", une extension de fichier bien connue pour les images. J'aurais pu en l’occurrence mettre "PNGGGGGGGGGGGGG" puisque l'image du Guide du Routard possède cette extension. Cela n'a aucune importance. Wink


Le modèle ci-dessus aurait ainsi pu être :

Code:
[url=CIBLE_LIEN][img]LOGO[/img][/url]


Le principal étant de bien saisir la logique du lien :
Code:
[url=CIBLE_LIEN][/url]
est la cible que vous voulez faire atteindre en cliquant sur le logo/image ;

Code:
[img]LOGO[/img][/url]
est l'image/logo sur lequel on cliquera.


J'espère avoir été clair...
Sinon, ne pas hésiter à poser des questions. Wink


Quelques logos à suivre dont les images sont déjà hébergées et prêtes à servir...

La collection pourra s'agrandir avec vos ajouts.

Pensez à utiliser le modèle, entouré des balises :
Code:
[code][/code]

Sans ces balises, on n'y comprend plus rien, le forum "traduisant votre code automatiquement...

...
Revenir en haut Aller en bas
http://bbs.keyhole.com/ubb/dosearch.php?Cat=&For
ivanovitch
Globe-Surfeur "Or" (niv 6)
Globe-Surfeur
ivanovitch

Masculin Cancer Nombre de messages 22126
Age 53
Localisation Savoie
Humeur Voyageuse

[TUTORIEL] Comment rendre ses images et logos "cliquables" ? Empty
MessageSujet: LOGOS   [TUTORIEL] Comment rendre ses images et logos "cliquables" ? EmptyMer 29 Juin 2011, 19:07

Quelques logos que vous pourrez utiliser. J'utiliserai TOUJOURS la même cible pour plus de simplicité (https://www.tout-sur-google-earth.com/statistics). C'est bien sur cette cible, cette page internet, qu'il vous faudra changer en fonction de vos désirs.



Code:
[url=http://www.tout-sur-google-earth.com/statistics][img]http://i80.servimg.com/u/f80/11/30/57/61/sans_353.jpg[/img][/url]

Ce qui donne le logo cliquable suivant :
[TUTORIEL] Comment rendre ses images et logos "cliquables" ? Sans_353




Code:
[url=http://www.tout-sur-google-earth.com/statistics][img]http://i80.servimg.com/u/f80/11/30/57/61/sans_417.jpg[/img][/url]

Ce qui donne le logo cliquable suivant :
[TUTORIEL] Comment rendre ses images et logos "cliquables" ? Sans_417

 


Code:
[url=http://www.tout-sur-google-earth.com/statistics][img]http://i80.servimg.com/u/f80/11/30/57/61/sans_423.jpg[/img][/url]

Ce qui donne le logo cliquable suivant :
 [TUTORIEL] Comment rendre ses images et logos "cliquables" ? Sans_423


Code:
[url=http://www.tout-sur-google-earth.com/statistics][img]http://i80.servimg.com/u/f80/11/30/57/61/sans_418.jpg[/img][/url]

Ce qui donne le logo cliquable suivant :
 [TUTORIEL] Comment rendre ses images et logos "cliquables" ? Sans_418


Code:
[url=http://www.tout-sur-google-earth.com/statistics][img]http://i80.servimg.com/u/f80/11/30/57/61/349010.png[/img][/url]

Ce qui donne le logo cliquable suivant :
 [TUTORIEL] Comment rendre ses images et logos "cliquables" ? 349010


Code:
[url=http://www.tout-sur-google-earth.com/statistics][img]http://i80.servimg.com/u/f80/11/30/57/61/sans_442.jpg[/img][/url]

Ce qui donne le logo cliquable suivant :
 [TUTORIEL] Comment rendre ses images et logos "cliquables" ? Sans_442


Code:
[url=http://www.tout-sur-google-earth.com/statistics][img]http://i90.servimg.com/u/f90/11/30/57/61/sans_t72.jpg[/img][/url]

Ce qui donne le logo cliquable suivant :
 [TUTORIEL] Comment rendre ses images et logos "cliquables" ? Sans_t72


Code:
[url=http://www.tout-sur-google-earth.com/statistics][img]http://i90.servimg.com/u/f90/11/30/57/61/sans_t87.jpg[/img][/url]

Ce qui donne le logo cliquable suivant :
 [TUTORIEL] Comment rendre ses images et logos "cliquables" ? Sans_t87


Code:
[url=http://www.tout-sur-google-earth.com/statistics][img]http://i80.servimg.com/u/f80/11/30/57/61/logopd10.jpg[/img][/url]

Ce qui donne le logo cliquable suivant :
 [TUTORIEL] Comment rendre ses images et logos "cliquables" ? Logopd10


Code:
[url=http://www.tout-sur-google-earth.com/statistics][img]http://i80.servimg.com/u/f80/11/30/57/61/sans_433.jpg[/img][/url]

Ce qui donne le logo cliquable suivant :
 [TUTORIEL] Comment rendre ses images et logos "cliquables" ? Sans_433


Code:
[url=http://www.tout-sur-google-earth.com/statistics][img]http://i90.servimg.com/u/f90/11/30/57/61/sans_t10.jpg[/img][/url]

Ce qui donne le logo cliquable suivant :
 [TUTORIEL] Comment rendre ses images et logos "cliquables" ? Sans_t10


Code:
[url=http://www.tout-sur-google-earth.com/statistics][img]http://i90.servimg.com/u/f90/11/30/57/61/kmz25610.jpg[/img][/url]

Ce qui donne le logo cliquable suivant :
 [TUTORIEL] Comment rendre ses images et logos "cliquables" ? Kmz25610


Code:
[url=http://www.tout-sur-google-earth.com/portal.htm][img]http://i90.servimg.com/u/f90/11/30/57/61/img-1110.jpg[/img][/url]

Ce qui donne le logo cliquable suivant :
 [TUTORIEL] Comment rendre ses images et logos "cliquables" ? Img-1110



Bonne utilisation.


[TUTORIEL] Comment rendre ses images et logos "cliquables" ? Bonjour3


Dernière édition par ivanovitch le Dim 17 Jan 2016, 16:59, édité 2 fois
Revenir en haut Aller en bas
http://bbs.keyhole.com/ubb/dosearch.php?Cat=&For
thecloclo81
Globe-Surfeur "Or" (niv 5)
Globe-Surfeur
thecloclo81

Masculin Poissons Nombre de messages 6110
Age 66
Localisation castres 81
Humeur toujours de bonne humeur
Emploi/Loisirs Bistrologue

[TUTORIEL] Comment rendre ses images et logos "cliquables" ? Empty
MessageSujet: Re: [TUTORIEL] Comment rendre ses images et logos "cliquables" ?   [TUTORIEL] Comment rendre ses images et logos "cliquables" ? EmptyMar 11 Fév 2014, 22:19

[TUTORIEL] Comment rendre ses images et logos "cliquables" ? 3810-410


Dernière édition par thecloclo81 le Dim 04 Jan 2015, 23:10, édité 1 fois
Revenir en haut Aller en bas
ivanovitch
Globe-Surfeur "Or" (niv 6)
Globe-Surfeur
ivanovitch

Masculin Cancer Nombre de messages 22126
Age 53
Localisation Savoie
Humeur Voyageuse

[TUTORIEL] Comment rendre ses images et logos "cliquables" ? Empty
MessageSujet: Re: [TUTORIEL] Comment rendre ses images et logos "cliquables" ?   [TUTORIEL] Comment rendre ses images et logos "cliquables" ? EmptyMer 12 Fév 2014, 17:47

[TUTORIEL] Comment rendre ses images et logos "cliquables" ? Divers_30
Revenir en haut Aller en bas
http://bbs.keyhole.com/ubb/dosearch.php?Cat=&For
Contenu sponsorisé




[TUTORIEL] Comment rendre ses images et logos "cliquables" ? Empty
MessageSujet: Re: [TUTORIEL] Comment rendre ses images et logos "cliquables" ?   [TUTORIEL] Comment rendre ses images et logos "cliquables" ? Empty

Revenir en haut Aller en bas
 
[TUTORIEL] Comment rendre ses images et logos "cliquables" ?
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
 
 
  
 
Sauter vers: