Rollover lien-image
Voici comment faire apparaitre une image en sélectionnant un mot.
Tout d'abord copiez ce code et collez-le dans votre feuille de style CSS dans le bloc
/* Contenu: style des articles.
| a.view { position:relative; border-bottom:0px dashed transparent; text-decoration: none; } a:hover.view { text-decoration: none; background: none; } a.view span {display: none;} a:hover.view span { display: inline; position: absolute; top: -40px; left: 0px; z-index: 20; width:100%; padding:2px 4px; } |
Ensuite dans votre article en mode html:
<p><a href="url de l'article" a
class="viewpic">votre texte<span>
<img src="url de
l'image"></span></a></p>
Sélectionnez le texte pour voir le résultat.
Les Chatons
se reposèrent après une longue promenade.
Bien entendu il faudra changer la position de l'image et du texte selon la mise en page de votre article.
Vous pouvez l'inserer au milieu d'un grand texte aussi. Pour celà, augmenter ou diminuer top et left,
afin de positionner l'image.
Par Jacky, Samedi 1 Septembre 2007 à 23:06 GMT+2 dans Astuces CSS (article, RSS)
