Comment on fait ça ? Jolie infobulle au survol de liens sur Framasoft

Bonjour,

Le plus simple est de donner le lien de la page où se trouve l'exemple qui m'intéresse : http://www.framasoft.net

Dans le bloc en bas au centre, dont le titre est "111 tutoriels de logiciels libres", si on survole les liens dans la liste, on obtient une infobulle personnalisée qui affiche le contenu de title="" de la balise <a>.

J'ai beau scruter la feuille de style, je ne trouve pas comment c'est fait !

Une idée ?

Bonne soirée

c'est grâce à un script (de la mort qui tue ) que tu trouveras là avec du css que voili voilou

div.nicetitle
{
    position: absolute;
	padding: 4px;
	min-width: 200px;
    top: 0px;
    left: 0px;
    color: #1E73CD;
    font-size: 11px;
    font-family: Verdana, sans-serif;
    font-weight: bold;
    background: #ccc;
    
    /* Mozilla proprietary */
    -moz-border-radius: 6px;
}

div.nicetitle p
{
	margin: 0;
	padding: 0 3px;
}

div.nicetitle p.destination
{
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding-top: 3px;
	font-family: Verdana, sans-serif;
	color: #fff;
}

heureusement, y'avait qu'une couleur #ccc dans le css pour le repérer