Liens sur image

3 participants

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

Résolu Liens sur image

Message par hirulan 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
avatar

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 Invité 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.
Anonymous

Invité
Invité


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

Résolu Re: Liens sur image

Message par hirulan Jeu 1 Nov 2012 - 14:36

Oui, les liens écrits dans l'image.

Par exemple:

Liens sur image 111

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.

avatar

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 Jeu 1 Nov 2012 - 14:44

il y a ce tutoriel là : https://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 :
)


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

MlleAlys
Membre actif

Messages : 5767
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 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

demeter1
Membre actif

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

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

Résolu Re: Liens sur image

Message par hirulan 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
avatar

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

- Sujets similaires

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