| | | Auteur | Message |
---|
ivanovitch Globe-Surfeur "Or" (niv 6)
22126 53 Savoie Voyageuse
| Sujet: [TUTORIEL] Comment rendre ses images et logos "cliquables" ? Mer 29 Juin 2011, 18:38 | |
| LOGOS ET IMAGES "CLIQUABLES" Bonjour à tous. 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 |
| |
| | ivanovitch Globe-Surfeur "Or" (niv 6)
22126 53 Savoie Voyageuse
| Sujet: 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 : ... |
| |
| | ivanovitch Globe-Surfeur "Or" (niv 6)
22126 53 Savoie Voyageuse
| Sujet: 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. 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. 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... ... |
| |
| | ivanovitch Globe-Surfeur "Or" (niv 6)
22126 53 Savoie Voyageuse
| Sujet: 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.
Dernière édition par ivanovitch le Dim 17 Jan 2016, 16:59, édité 2 fois |
| |
| | thecloclo81 Globe-Surfeur "Or" (niv 5)
6110 66 castres 81 toujours de bonne humeur Bistrologue
| Sujet: Re: [TUTORIEL] Comment rendre ses images et logos "cliquables" ? Mar 11 Fév 2014, 22:19 | |
|
Dernière édition par thecloclo81 le Dim 04 Jan 2015, 23:10, édité 1 fois |
| |
| | ivanovitch Globe-Surfeur "Or" (niv 6)
22126 53 Savoie Voyageuse
| Sujet: Re: [TUTORIEL] Comment rendre ses images et logos "cliquables" ? Mer 12 Fév 2014, 17:47 | |
| |
| |
| | Contenu sponsorisé
| Sujet: Re: [TUTORIEL] Comment rendre ses images et logos "cliquables" ? | |
| |
| |
| | |
| |
| | |
| Sujets similaires | |
|
Page 1 sur 1 | |
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
| |