Vous n'êtes pas identifié(e).
L'icône rouge permet de télécharger chaque page du wiki visitée au format
PDF et la grise au format ODT →
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente Prochaine révision Les deux révisions suivantes | ||
utilisateurs:lagrenouille:tutos:gimp-image-cliquable-vers-liens [22/08/2016 21:20] lagrenouille [Utilisation] |
utilisateurs:lagrenouille:tutos:gimp-image-cliquable-vers-liens [26/08/2016 15:23] lagrenouille [Utilisation] |
||
---|---|---|---|
Ligne 27: | Ligne 27: | ||
- | **..SUITE CE SAMEDI**:-D | + | |
+ | |||
+ | |||
+ | https://debian-facile.org/images/file-R69fa3d42d2cf9073faa0b71c1030a042 | ||
+ | |||
+ | |||
+ | Cliquez à l’endroit voulu, agrandissez la forme choisie comme vous le voulez puis clic gauche pour valider, ceci va ouvrir la nouvelle fenêtre « Paramètres de la zone » | ||
+ | Saisissez votre lien web, cliquez sur Appliquer et Valider. | ||
+ | Recommencez la même opération pour chaque zone cliquable de votre image. | ||
+ | Pis, « Fichier » -> « Enregistrer sous » mon_fichier.map et fermez la fenêtre. Cela va générer un fichier texte .map | ||
+ | Vous êtes de nouveau sur votre image refaire « exporter » et fermer gimp. | ||
+ | Ouvrez votre code généré par gimp (le fichier mon_fichier.map) et gardez le ouvert dans un coin. | ||
+ | Exemple du code généré : sans votre paramétrage | ||
+ | |||
+ | |||
+ | <img src="[film] (importée)" width="750" height="562" border="0" usemap="#map" /> | ||
+ | |||
+ | <map name="map"> | ||
+ | <!-- #$-:Image map file created by GIMP Image Map plug-in --> | ||
+ | <!-- #$-:GIMP Image Map plug-in by Maurits Rijk --> | ||
+ | <!-- #$-:Please do not edit lines starting with "#$" --> | ||
+ | <!-- #$VERSION:2.3 --> | ||
+ | <!-- #$AUTHOR:momo --> | ||
+ | <area shape="rect" coords="151,81,567,219" href="http://formation-debian.via.ecp.fr/" /> | ||
+ | <area shape="rect" coords="180,242,216,246" nohref="nohref" /> | ||
+ | <area shape="rect" coords="156,231,353,375" href="http://www.admin-sys.org/" /> | ||
+ | <area shape="rect" coords="365,320,470,442" href="http://www.alcooliques-anonymes.fr/" /> | ||
+ | </map> | ||
+ | |||
+ | |||
+ | https://debian-facile.org/images/file-Rb1ada4bd52d236b70db76c7c05227192 | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | Copiez puis collez le code de "mon_fichier.map" dans votre article comme ceci. | ||
+ | Le paramètre « src », le source de l’image doit être égal à l’URL de votre image. | ||
+ | |||
+ | Mettre le chemin de l’image. Ici | ||
+ | click droit sur l'image : copier l'adresse du lien, dans ce cas : http://localhost/spipounetstation/funambule/IMG/jpg/film.jpg à coller après img src="ICI" | ||
+ | |||
+ | click droit sur l'image : copier l'adresse du lien, dans ce cas : | ||
+ | http://localhost/spipounetstation/funambule/IMG/jpg/film.jpg | ||
+ | à coller après img src="ICI" | ||
+ | |||
+ | PS : Pour rajouter du texte au passage de la souris : "title=votre texte" | ||
+ | Pour que le lien s’affiche dans un autre onglet, ou autre page, à la suite du texte, mettre :"target=_blank" | ||
+ | Ce qui va changer votre code comme ceci : | ||
+ | |||
+ | <img src="http://localhost/spipounetstation/funambule/IMG/jpg/film.jpg" width="750" height="562" border="0" usemap="#map" /> | ||
+ | |||
+ | <map name="map"> | ||
+ | <!-- #$-:Image map file created by GIMP Image Map plug-in --> | ||
+ | <!-- #$-:GIMP Image Map plug-in by Maurits Rijk --> | ||
+ | <!-- #$-:Please do not edit lines starting with "#$" --> | ||
+ | <!-- #$VERSION:2.3 --> | ||
+ | <!-- #$AUTHOR:momo --> | ||
+ | <area shape="rect" coords="151,81,567,219" href="http://formation-debian.via.ecp.fr/" title="Formation Debian" target="blank" /> | ||
+ | |||
+ | <area shape="rect" coords="156,231,353,375" href="http://www.admin-sys.org/"title="zoo des gourous" target="blank" /> | ||
+ | <area shape="rect" coords="365,320,470,442" href="http://www.alcooliques-anonymes.fr/"title="arrêtez de picoler comme des ânes" target="blank" /> | ||
+ | </map> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | --- //[[lagrenouille@fractuscontrarius.fr|momo]] 26/08/2016 14:42// |