yen a pas

09 juillet 2008

test survol

Survolez-moi

Bon alors voila le tuto (merci _ELSA_) pour qui j'ai fait le test et trouvé le bugg ;)

bref il faut etre en mode avancé
dans la feuille de style vous copiez ca :
a.viewpic {
  position:relative;
  border-bottom:1px dashed #808080;
  text-decoration: none;
}
a:hover.viewpic {
  text-decoration: none;
  background: none;
}
a.viewpic span {display: none;}

a:hover.viewpic span {
  display: inline;
  position: absolute;
  top: -20px;
  left: 10px;
  z-index: 20;
  width:100%;
  padding:2px 4px;
}
Bien sur on peu modifier le top, left, padding pour ajuster suivant sont gout

ensuite quand on fait un message,
on commence par tout ecrire tout et on bascule en mode html <>

et on copie le reste

<a href="http://storage.canalblog.com/23/91/202698/15439901.gif" class="viewpic">Survolez-moi<span><img alt="coucou" src="http://storage.canalblog.com/23/91/202698/15439901.gif" /></span></a>

attention surtout de publier illicot sans repasser en mode text sinon ce gentil editeur va vous changer les balise <span> en balise <font> et ca marche plus

En rouge tout ce qui est personnalisable bien sur

Commentaires