Webinventif

Vous désirez rendre l'expérience de la navigation sur votre site/blog plus attrayante ?

GTL va vous y aider ! GTL et un petit bout de javascript qui va vous permettre des faire de très jolis tooltips !

Pour celà:

1. Incluez le javascript
<script type="text/javascript" src="js/glt.js"></script>
2. Ajoutez ce style css (modifiable)
.glt-elm{
        position: absolute;
        left: 0;
        top: 0;
        width: 150px;
        color: #fff;
        opacity: 0.9;
        visibility: hidden;
        filter:progid XImageTransform.Microsoft.Alpha(opacity=90);/*hack pour ie*/
}
.glt-elm p{
        background: #666;
        margin: 0;
        padding: 0.5em;
}
.glt-elm img{
        display: block;
}
3. Utiliser ces 2 images top rounded image et bottom rounded image

Et voilà, tous vos éléments comportant un attribut "title" possède un tooltip !

Liens

• La demo
• L'implementation avec les différents paramètres
• Le .js