Debian
Debian-France
Debian-Facile
Debian-fr.org
Forum-Debian.fr
Debian ?
Communautés
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 | ||
|
utilisateurs:lagrenouille:tutos:gimp-image-cliquable-vers-liens [26/08/2016 15:23] lagrenouille [Utilisation] |
utilisateurs:lagrenouille:tutos:gimp-image-cliquable-vers-liens [26/08/2016 15:49] (Version actuelle) lagrenouille [Utilisation] |
||
|---|---|---|---|
| Ligne 10: | Ligne 10: | ||
| ===== Utilisation ===== | ===== Utilisation ===== | ||
| - | Ouvrir Gimp | + | **Ouvrir Gimp** |
| - | - Fichier / ouvrir une image | + | //- Fichier / ouvrir une image |
| - Si la taille ne vous satisfait pas, sachez qu’il vaut mieux ne pas réduire ces images après | - Si la taille ne vous satisfait pas, sachez qu’il vaut mieux ne pas réduire ces images après | ||
| la configuration, comme les gifs, sinon ça ne fonctionne pas. | la configuration, comme les gifs, sinon ça ne fonctionne pas. | ||
| Ligne 23: | Ligne 23: | ||
| Gimp vous ouvre une nouvelle fenêtre, c’est là que vous allez choisir vos emplacements pour les images cliquables. | Gimp vous ouvre une nouvelle fenêtre, c’est là que vous allez choisir vos emplacements pour les images cliquables. | ||
| - | - En haut à gauche vous choisissez | + | - En haut à gauche vous choisissez<note>note</note> |
| - | - Définir une zone : rectangulaire, circulaire ou rond-ovale | + | - Définir une zone : rectangulaire, circulaire ou rond-ovale// |
| + | {{https://debian-facile.org/images/file-R69fa3d42d2cf9073faa0b71c1030a042.png}} | ||
| - | 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 » | + | //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. | Saisissez votre lien web, cliquez sur Appliquer et Valider. | ||
| Recommencez la même opération pour chaque zone cliquable de votre image. | Recommencez la même opération pour chaque zone cliquable de votre image. | ||
| Ligne 39: | Ligne 39: | ||
| Vous êtes de nouveau sur votre image refaire « exporter » et fermer gimp. | 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. | 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 | + | Exemple du code généré : sans votre paramétrage// |
| - | <img src="[film] (importée)" width="750" height="562" border="0" usemap="#map" /> | + | <code user><img src="[film] (importée)" width="750" height="562" border="0" usemap="#map" /> |
| <map name="map"> | <map name="map"> | ||
| Ligne 54: | Ligne 54: | ||
| <area shape="rect" coords="156,231,353,375" href="http://www.admin-sys.org/" /> | <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/" /> | <area shape="rect" coords="365,320,470,442" href="http://www.alcooliques-anonymes.fr/" /> | ||
| - | </map> | + | </map></code> |
| - | https://debian-facile.org/images/file-Rb1ada4bd52d236b70db76c7c05227192 | ||
| + | {{https://debian-facile.org/images/file-Rb1ada4bd52d236b70db76c7c05227192.png}} | ||
| - | + | //Copiez puis collez le code de "mon_fichier.map" dans votre article comme ceci. | |
| - | 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. | Le paramètre « src », le source de l’image doit être égal à l’URL de votre image. | ||
| Mettre le chemin de l’image. Ici | 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/repertoire/dossier/IMG/jpg/film.jpg à coller après img src="ICI" |
| click droit sur l'image : copier l'adresse du lien, dans ce cas : | click droit sur l'image : copier l'adresse du lien, dans ce cas : | ||
| - | http://localhost/spipounetstation/funambule/IMG/jpg/film.jpg | + | http://localhost/repertoire/dossier/IMG/jpg/film.jpg |
| - | à coller après img src="ICI" | + | à coller après img src="ICI"// |
| - | PS : Pour rajouter du texte au passage de la souris : "title=votre texte" | + | **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" | 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 : | + | 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" /> | + | <code><img src="http://localhost/répertoie/dossier/IMG/jpg/film.jpg" width="750" height="562" border="0" usemap="#map" /> |
| <map name="map"> | <map name="map"> | ||
| Ligne 91: | Ligne 90: | ||
| <area shape="rect" coords="365,320,470,442" href="http://www.alcooliques-anonymes.fr/"title="arrêtez de picoler comme des ânes" 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> | </map> | ||
| + | </code> | ||
