Résolu :lien sur une image devant une autre image plus larg

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

Répondre
zen94
Arias
Messages : 3
Inscription : 07 mars 2008, 01:17

Résolu :lien sur une image devant une autre image plus larg

Message par zen94 »

Bonjour

J'ai une grande image et je souhaite ajouter devant des petites images cliquables contenant des liens. Comment faire :?:

Merci,
zen94

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.0.04506)
Dernière modification par zen94 le 09 mars 2008, 00:03, modifié 1 fois.
Jean-Paul Grange
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

bonjour , comprends pas, désolé
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

2 solutions:
1- mettre la grande image en fond de page: il sera ainsi possible de mettre des images plus petites par dessus.
2- faire une image réactive avec The Gimp ou Ooo: Dans une de ces applications, faire une seule image comprenant la grande image et les petites par dessus et définir des zones (oles petites images) sur lesquelles il sera possible de cliquer.

exemple: sur cette page, il est possible de cliquer sur le vert ou le rouge alors qu'il n'y a qu'une seule image.
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

devant, ou par dessus, les images?
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

duffle coat...

c'est bon, je sors... :oops:
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

chinon37 a écrit :duffle coat...
oui, mais avec des herbes de provence?
(beeuuhhh...)
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

Pourquoi, de provence? :D

Que font les modos? :evil:
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
zen94
Arias
Messages : 3
Inscription : 07 mars 2008, 01:17

Message par zen94 »

Merci Chinon37,

j'ai changé le titre en résolu

J'ai pris la solution 2. Sous Gimp : Filtre > Web > Image Cliquable Web. Ceci m'a géné un fichier .map avec du code.

J'ai juste quelques difficultés à savoir où mettre mon code dans la page. Voici mon code (fourni par le fichier .map)

Code : Tout sélectionner

  <img src="Images/bandeau_jupiter-0-0_boutons.gif"
 usemap="#map" border="0" height="417" width="1012"><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:jpg --><area
 href="http://mdb94.org" coords="0,1,194,193" shape="rect">
  </map>
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.0.04506)
Jean-Paul Grange
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Message par Ymai »

Bonjour
Le code fourni par Gimp peut être mis n'importe où dans la page.
Pas au milieu d'une balise HTML existante toutefois.
Juste avant </body> pourrait être un bon endroit.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.12) Gecko/20080207 Ubuntu/7.10 (gutsy) Firefox/2.0.0.12
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

Bonjour,

Je serais un peu plus précis que Ymai.
Le code généré par The Gimp contient l'image et tous les liens. Il faut donc que tu mettes ce code à l'endroit où tu veux voir apparaître l'image.
dans KompoZer, ça donne:
mettre le curseur à l'endroit de la page où tu veux voir placée l'image puis insertion > code html et dans cette fenêtre, tu colles le code généré par The Gimp.
Il est aussi possible de positionner l'image par css...
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Invité

Message par Invité »

chinon37 a écrit :Bonjour,

Je serais un peu plus précis que Ymai.
Le code généré par The Gimp contient l'image et tous les liens. Il faut donc que tu mettes ce code à l'endroit où tu veux voir apparaître l'image.
dans KompoZer, ça donne:
mettre le curseur à l'endroit de la page où tu veux voir placée l'image puis insertion > code html et dans cette fenêtre, tu colles le code généré par The Gimp.
Il est aussi possible de positionner l'image par css...
Bonjour
Je viens de découvrir votre site avec ce forum. Voila ma question qui a je pense le même theme que celle posée au début du post.
Je suis pas fortiche en développements mais j'ai créer un site avec kompozer
http://www.lefranccomtois.com.
j'ai une page qui regroupe une liste de parrains qui peuvent donner des conseils sur Mandriva. Je liste donc tous les départements afin que chacun puisse trouvé près de chez lui une aide . Je voudrais bien mettre une image d'une carte de france et que l'utilisateur puisse cliquer sur le départe afin d'avoir le ou les noms des personnes disponible.
sous windows j'utilisais namo mais j'ai quitté le monde de windows pour le puinguin.
comment opérer pour arriver a mes fins . Je cherche depuis plusieurs jours

Merci a ceux qui aurons la patience de me déchiffrer. Pardon pour l'hortographe

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.12) Gecko/20080208 Mandriva/2.0.0.12-1.1mdv2008.0 (2008.0) Firefox/2.0.0.12
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

Pour la carte de France, Ooo me parait tout à fait adapté:
Charger une carte de france > atlasooo
Dans Writer > édition > image map
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
focus39
Arias
Messages : 2
Inscription : 18 mars 2008, 18:02

Message par focus39 »

chinon37 a écrit :Pour la carte de France, Ooo me parait tout à fait adapté:
Charger une carte de france > atlasooo
Dans Writer > édition > image map
merci pour le conseil
Mais comment utiliser le fichier Map dans compozer
:roll:

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.12) Gecko/20080208 Mandriva/2.0.0.12-1.1mdv2008.0 (2008.0) Firefox/2.0.0.12
Il faut laisser au temps le temps de prendre son temps
Linuxovore http://www.lefranccomtois.com
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 0 invité