Page 1 of 1

Lien sur une partie de l'image de fond.

Posted: Sat May 05, 2007 10:47 am
by django29
Bonjour. Je cherche à créer un lien vers un autre site sur une partie de l'image de fond du template Flowers.
Extrait du template_css.css :
.waterbody {
background:#FFFFFF url(../images/bg_body.jpg) no-repeat left top;
margin:0;
color:#000000;
}
Je pourrais séparer l'élément à lier du reste de l'image, mais dans ce cas, je ne sais pas comment le positionner.
Aucun module du template ne semble permettre de placer une image à cet endroit, et je ne sais pas créer une nouvelle position.
Je sais faire un mappage (grâce à Map this), mais comment remplacer l'image de fond appelée dans le css, par un fichier html de mappage ?
Merci de vos lumières.

Re: Lien sur une partie de l'image de fond.

Posted: Mon May 07, 2007 7:42 am
by syan
on ne peut pas mettre de lien sur un background image en css. Une solution est d'insérer une image "vide: transparente" dans le div waterbody

Code: Select all

<div id="waterbody">
<a class="yyy" href="http://xxxx/" title="xxx">
<img src="http://xxxxyyyzzz" style="border:0;" alt="zzzz" id="wwww" />
</a>
</div>

Re: Lien sur une partie de l'image de fond.

Posted: Mon May 07, 2007 2:15 pm
by django29
Merci syan.
N'étant pas (encore) un virtuose des PHP-CSS-CMS ... peux-tu me préciser :
- Ce que je dois trouver pour remplacer tes yyy et xxx de la ligne <a class ... ?
- Les réf de l'image <img src ... sont celle de l'image de fond, ou ce que tu appelles une image vide ?
- Comment délimite-t-on la zone sur laquelle il y a un lien ?
Désolé pour mon ignorance.

Re: Lien sur une partie de l'image de fond.

Posted: Wed May 09, 2007 7:34 am
by syan

Code: Select all

<div id="waterbody">
<a class="situasuneclass" href="http://www.tonsite.ext/la_page_de_ton_lien.php" title="titre_de_l_image">
<img src="http://www.tonsite.ext/ton_image_transparente.png" style="border:0;" alt="le_descriptif_que_tu_veux_mettre" id="id_de_ton_choix" />
</a>
</div>
ou sans class, ni id

Code: Select all

<div id="waterbody">
<a href="http://www.tonsite.ext/la_page_de_ton_lien.php" title="titre_de_l_image">
<img src="http://www.tonsite.ext/ton_image_transparente.png" style="border:0;" alt="le_descriptif_que_tu_veux_mettre"  />
</a>
</div>

Re: Lien sur une partie de l'image de fond.

Posted: Tue Apr 03, 2012 12:33 pm
by tennis2table
Bonjour,
J'utilise JA Purity II avec Joomla 1.5
Quel fichier doit-modifier pour insérer ce code ?
Merci de votre aide
Jérôme