Liens sur image

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Liens sur image

Message par hirulan le Jeu 1 Nov 2012 - 13:41

Bonjour,

Voici mon soucis:

J'aimerais insérer une image jpg dans mon forum.
Cette image comprend du texte et à fortiori, des liens.

Comment faire en sorte que ces liens soient 'cliquables" directement dans l'image publié ?
Autant j'arrive à faire en sorte qu'un clic sur l'image renvoit sur un lien, autant une zone délimitée de l'image (dans le cas précis, les adresses des liens écrit dans l'image) ..nada.
Mon coté novice a raison de moi Embarassed

Merci d'avance de vos conseils salut

Infos diverses
- votre statut sur le forum :fondateur
- votre ou vos navigateur : Chrome
- Type de forum: Phpbb2

hirulan
Nouveau membre

Messages : 3
Inscrit(e) le : 01/11/2012

http://mandragore.lebonforum.com/
hirulan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens sur image

Message par Kinotto le Jeu 1 Nov 2012 - 14:19

Bonjour,

Je n'ai pas bien compris, vous souhaitez qu'une seule partie de votre image soit cliquable?
Serait-il possible de développer svp?

Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens sur image

Message par hirulan le Jeu 1 Nov 2012 - 14:36

Oui, les liens écrits dans l'image.

Par exemple:



J'aimerais pouvoir écrire une série de liens au coeur de l'image, et lorsque l'utilisateur clique sur le lien, ca le renvoit sur le site en question.


hirulan
Nouveau membre

Messages : 3
Inscrit(e) le : 01/11/2012

http://mandragore.lebonforum.com/
hirulan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens sur image

Message par MlleAlys le Jeu 1 Nov 2012 - 14:44

il y a ce tutoriel là : http://forum.forumactif.com/t231069-creer-une-image-reactive
ou encore ce générateur ci : http://www.image-maps.com/ (avec cette vidéo très pratique, merci Adam_sfp :
@Adam_sfp a écrit:http://www.screencast.com/t/uh4XPgsQ
)


Dernière édition par MlleAlys le Jeu 1 Nov 2012 - 15:07, édité 1 fois

MlleAlys
+ Hyperactif +

Messages : 4405
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens sur image

Message par demeter1 le Jeu 1 Nov 2012 - 14:46

Il vous faut utiliser votre image en image de fond. C’est à dire, donner une class à une div dans laquelle vous mettrez votre texte, qui sera stylisée avec votre image en fond.

Code:
<div class="page_accueil">Votre texte ici avec vos liens</div>

Dans votre CSS :
Code:
.page_accueil {
background-image:url("lien de votre image");
height:hauteur en px de votre image;
width:largeur en px de votre image;}

pour les liens
Code:
<a href="Adresse ou URL"> le nom du lien </a>

demeter1
+ Hyperactif +

Masculin
Messages : 8225
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens sur image

Message par hirulan le Jeu 1 Nov 2012 - 17:47

Un grand merci à vous tous Thanks

Quelle rapidité de réponse et quelle efficacité Yes

Vraiment un super lien que ce générateur.
(je plancherais dessus plus longuement pour comprendre et pas mourir idiot).

Je cloture donc.

A bientôt

Hirulan

hirulan
Nouveau membre

Messages : 3
Inscrit(e) le : 01/11/2012

http://mandragore.lebonforum.com/
hirulan a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum