Forum d'échanges consacré aux découvertes avec Google Earth/Maps
 
PortailAccueilGoogle EarthS'enregistrerCarte des membresRechercherAccès aux bonus du forumConnexionFAQ

Partagez | 
 
 
 [TUTORIEL] Comment rendre ses images et logos "cliquables" ?
Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
ivanovitch
Administrateur de TSGE
Administrateur de TSGE
avatar

Masculin Cancer Nombre de messages 19241
Age 48
Localisation Savoie
Humeur Voyageuse

MessageSujet: [TUTORIEL] Comment rendre ses images et logos "cliquables" ?   Mer 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...


...


                      
Répondre "je n'ai rien à cacher" en matière de vie privée revient à affirmer : "je me moque de la liberté d'expression parce que je n'ai rien à dire" ou "je me moque de la liberté de la presse parce que je n'ai rien à écrire". EDWARD SNOWDEN.


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
Administrateur de TSGE
Administrateur de TSGE
avatar

Masculin Cancer Nombre de messages 19241
Age 48
Localisation Savoie
Humeur Voyageuse

MessageSujet: Re: [TUTORIEL] Comment rendre ses images et logos "cliquables" ?   Mer 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 :





...


                      
Répondre "je n'ai rien à cacher" en matière de vie privée revient à affirmer : "je me moque de la liberté d'expression parce que je n'ai rien à dire" ou "je me moque de la liberté de la presse parce que je n'ai rien à écrire". EDWARD SNOWDEN.
Revenir en haut Aller en bas
http://bbs.keyhole.com/ubb/dosearch.php?Cat=&For
ivanovitch
Administrateur de TSGE
Administrateur de TSGE
avatar

Masculin Cancer Nombre de messages 19241
Age 48
Localisation Savoie
Humeur Voyageuse

MessageSujet: Re: [TUTORIEL] Comment rendre ses images et logos "cliquables" ?   Mer 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...

...


                      
Répondre "je n'ai rien à cacher" en matière de vie privée revient à affirmer : "je me moque de la liberté d'expression parce que je n'ai rien à dire" ou "je me moque de la liberté de la presse parce que je n'ai rien à écrire". EDWARD SNOWDEN.
Revenir en haut Aller en bas
http://bbs.keyhole.com/ubb/dosearch.php?Cat=&For
ivanovitch
Administrateur de TSGE
Administrateur de TSGE
avatar

Masculin Cancer Nombre de messages 19241
Age 48
Localisation Savoie
Humeur Voyageuse

MessageSujet: LOGOS   Mer 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 :





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 :


 


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 :
 


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 :
 


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 :
 


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 :
 


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 :
 


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 :
 


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 :
 


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 :
 


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 :
 


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 :
 


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 :
 



Bonne utilisation.




                      
Répondre "je n'ai rien à cacher" en matière de vie privée revient à affirmer : "je me moque de la liberté d'expression parce que je n'ai rien à dire" ou "je me moque de la liberté de la presse parce que je n'ai rien à écrire". EDWARD SNOWDEN.


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
Modérateur de TSGE
Modérateur de TSGE
avatar

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

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



Dernière édition par thecloclo81 le Dim 4 Jan 2015 - 23:10, édité 1 fois
Revenir en haut Aller en bas
ivanovitch
Administrateur de TSGE
Administrateur de TSGE
avatar

Masculin Cancer Nombre de messages 19241
Age 48
Localisation Savoie
Humeur Voyageuse

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



                      
Répondre "je n'ai rien à cacher" en matière de vie privée revient à affirmer : "je me moque de la liberté d'expression parce que je n'ai rien à dire" ou "je me moque de la liberté de la presse parce que je n'ai rien à écrire". EDWARD SNOWDEN.
Revenir en haut Aller en bas
http://bbs.keyhole.com/ubb/dosearch.php?Cat=&For
Contenu sponsorisé




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

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: