1 CSS (+ HTML) : Info bulle [ne fonctionne pas sous Opera] 13/9/2008, 21:10
Ce tutoriel a été publié par Nirupan sur SOS-Forum. Afin que les tutoriels de SOS-Forum restent en libre accès, ainsi que par respect du travail accompli, tout tutoriel copié ou s'en inspirant publié ailleurs qu'ici, devra en citer le ou les auteurs ainsi que la provenance via un lien vers ce sujet sur le SOS-Forum. |
Un petit truc qui n'est pas de ma création. Tout d'abord copiez ce code dans votre css
- Code:
a.info { position:relative; background:none; z-index:10; }
a.info:hover { z-index:20; }
a.info span { display:none; }
a.info:hover span { display:block; position:absolute; top:18px; left:10px; padding-left:25px; padding-top:24px; padding-bottom:5px; padding-right:8px; width:205px; height:45px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style:italic; font-size:10px; color:#999999; text-decoration:none; text-align:justify; }
a.info:hover>span { background-image:url(http://i34.servimg.com/u/f34/11/14/60/21/bginfo10.png); }
a.info:hover span { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i34.servimg.com/u/f34/11/14/60/21/bginfo10.png", sizingMethod="crop"); }
le code html a mettre ou vous voulez
- Code:
[url=http://www.sos-forum.com/le%20lien]le texte
la description[/url]
bon bin voilà....
EDIT : Ne fonctionne pas sous Opera 10.