<style>
span.tip {
position: relative;
}
span.tip a span {
display: none;
}
span.tip a:hover {
font-size: 100%;
}
span.tip a:hover span {
display: block;
font-weight:normal;
text-decoration:none;
position: absolute;
background: #006699;
color: #fff;
top: 12px;
left: -10px;
width: 155px;
padding: 5px;
z-index: 100;
}
</style>
<ul>
<li style="line-height:1.2em">Lorsque vous passez votre souris sur la barre de titre d'un module, un outil de déplacement apparaît. <br/>Il vous permet de <span class="tip"><a href="#">glisser-déposer<span>(de l'anglais <i>drag-and-drop</i>)<br/>Cliquez sur un objet avec le bouton gauche de la souris, maintenez-le enfoncé tout en déplacant le pointeur vers sa cible et ensuite relâchez le bouton.</span></a></span> chaque module pour le placer où vous le souhaitez dans votre page d'accueil personnalisée.
<li>La palette de couleur dans la barre de titre des modules vous permet de choisir le contenu et la couleur du module.
<li>La croix vous permet de supprimer un module.
</ul>