A voir également:
- Liens sur une image
- Image iso - Guide
- Comment agrandir une image - Guide
- Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? - Forum Word
- Légender une image - Guide
- Acronis true image - Télécharger - Sauvegarde
5 réponses
OsmØze
Messages postés
73
Date d'inscription
mardi 10 novembre 2009
Statut
Membre
Dernière intervention
28 février 2018
8
13 août 2011 à 18:14
13 août 2011 à 18:14
Qu'entend tu par plusieurs liens sur une même image ?
Tu veux que quand on clique, plusieurs fenêtres s'affichent?
Ou qu'une partie de l'image soit associée à un lien et une autre partie à un deuxième lien ?
Tu veux que quand on clique, plusieurs fenêtres s'affichent?
Ou qu'une partie de l'image soit associée à un lien et une autre partie à un deuxième lien ?
Je voudrai qu'une partie de l'image soit associée à un lien et une autre partie à un deuxième lien stp :)
OsmØze
Messages postés
73
Date d'inscription
mardi 10 novembre 2009
Statut
Membre
Dernière intervention
28 février 2018
8
13 août 2011 à 18:37
13 août 2011 à 18:37
Alors tu dois découper ton image en associant chaque partie au lien voulu.
Si tu veux juste rajouter des boutons sur un fond, tu n'es pas obligé de les découper, tu peux simplement placer les boutons par dessus le fond.
Un exemple tout simple que j'ai fait pour une page facebook (en HTML):
<!-- Arrière-plan -->
<body background="urldelimage" style="background-repeat:no-repeat;">
<!-- Bouton1 -->
<SPAN style="position: absolute; top: 240 px; left: 265 px;width: 225px; height: 49px">imagedubouton1" style="float: right;" /></a>
</SPAN>
<!-- Bouton 2 -->
<SPAN style="position: absolute; top: 300 px; left: 265 px;width: 225px; height: 49px">
<a href="liendubouton2" target="_blank"><img src="imagedubouton2" style="float: right;" /></a>
</SPAN>
</body>
_____________
Dans arrière-plan, le style="background-repeat:no-repeat signifie qu'il ne faut pas répéter le fond.
Pour les boutons, dans position:
'top' augmentera la distance entre le haut de la page (ou du cadre) et de l'image et 'left' fera de même depuis la partie gauche du site ou du cadre.
Attention, le point d'ancrage d'une image en html est en haut a gauche, c'est-à-dire que si ton image est placée en 0x0, tu l'a verra entièrement, et ce ne sera pas la centre de ton image qui se trouvera en cette position (ça paraît normal, mais c'est juste que Photoshop place son point d'ancrage par défaut au milieu des photos).
Et pour le width (largeur) et height (hauteur), il faut simplement insérer les dimensions de ton image.
_____________
Si tu veux des précisions, n'hésite pas à me le demander, et dis moi ce que tu veux faire aussi, ça m'aiderais certainement.
Si tu veux juste rajouter des boutons sur un fond, tu n'es pas obligé de les découper, tu peux simplement placer les boutons par dessus le fond.
Un exemple tout simple que j'ai fait pour une page facebook (en HTML):
<!-- Arrière-plan -->
<body background="urldelimage" style="background-repeat:no-repeat;">
<!-- Bouton1 -->
<SPAN style="position: absolute; top: 240 px; left: 265 px;width: 225px; height: 49px">imagedubouton1" style="float: right;" /></a>
</SPAN>
<!-- Bouton 2 -->
<SPAN style="position: absolute; top: 300 px; left: 265 px;width: 225px; height: 49px">
<a href="liendubouton2" target="_blank"><img src="imagedubouton2" style="float: right;" /></a>
</SPAN>
</body>
_____________
Dans arrière-plan, le style="background-repeat:no-repeat signifie qu'il ne faut pas répéter le fond.
Pour les boutons, dans position:
'top' augmentera la distance entre le haut de la page (ou du cadre) et de l'image et 'left' fera de même depuis la partie gauche du site ou du cadre.
Attention, le point d'ancrage d'une image en html est en haut a gauche, c'est-à-dire que si ton image est placée en 0x0, tu l'a verra entièrement, et ce ne sera pas la centre de ton image qui se trouvera en cette position (ça paraît normal, mais c'est juste que Photoshop place son point d'ancrage par défaut au milieu des photos).
Et pour le width (largeur) et height (hauteur), il faut simplement insérer les dimensions de ton image.
_____________
Si tu veux des précisions, n'hésite pas à me le demander, et dis moi ce que tu veux faire aussi, ça m'aiderais certainement.
Shirohime
Messages postés
4
Date d'inscription
samedi 30 juillet 2011
Statut
Membre
Dernière intervention
4 janvier 2012
6
13 août 2011 à 18:38
13 août 2011 à 18:38
Il faudra créer des zones dynamiques en javascript. Je l'avais fait pour mon site personnel, mais je ne me rappelle malheureusement plus de la technique. Je te conseille de chercher un tutoriel adapté à ta version de Dreamweaver.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Merci pour vos réponses :)
@ OsmØze : Je ne suis vraiment pas douée, j'arrive même pas à faire ce que tu m'as dis --"
En fait, j'aimerai envoyer un genre de newsletter et donc sur l'image qui me sert de newsletter, j'aimerai insérer un lien vers mon site web, un vers le facebook et un autre vers le twitter.. Il me semble que c'est tout simple mais je n'y arrive quand même pas T_T
@ OsmØze : Je ne suis vraiment pas douée, j'arrive même pas à faire ce que tu m'as dis --"
En fait, j'aimerai envoyer un genre de newsletter et donc sur l'image qui me sert de newsletter, j'aimerai insérer un lien vers mon site web, un vers le facebook et un autre vers le twitter.. Il me semble que c'est tout simple mais je n'y arrive quand même pas T_T
