CoupdePouce

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 Chatonschats             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.

 

aucun commentaire - aucun rétrolien

Page précédente | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | Page suivante