Thème pour Novembre [+ previews thème noël]

Personnellement, je ne savais pas, mais j'ai trouvé ce tuto !


Le code est à placé > (Panneau d'administration > Affichage > Images & Couleurs > Couleurs > Feuille de style CSS) et vous copiez collez dedans :

Code:

.tstaff{font-size:1em;}

.thumbnail{position: relative;z-index: 0;}

.thumbnail:hover{background-color: transparent;z-index: 50;}

.thumbnail span{
position: absolute;
background-color: (couleur du fond de l'infobulle);
padding: 5px;
left: -1000px;
visibility: hidden;
color: (couleur du texte à l'intérieur de l'infobulle);}

.thumbnail span img{border: 1px groove;padding: 2px;}

.thumbnail:hover span{
visibility: visible;
top: 15px;
left: 25px;
width: (largeur de l'infobulle, mettre un peu plus que l'image à l'intérieur);}

Ensuite, ouvrez l'endroit où vous voulez voir apparaitre l'infobulle (cela peut-être sur votre page d'accueil, ou dans un sous-forum, à vous de voir) et copiez/collez-y ce code HTML :

Code:

<table><tr>
<td><div class="thumbnail">
<img src="Lien de la mini image vue de tous">
<span><div class="tstaff" align="center">
Texte que tu peux ajouter, qui sera centré au-dessus de l'image interne
<img src="lien de l'image à l'intérieur de l'info-bulle"><br>
Texte que tu peux ajouter, qui sera centré au-dessous de l'image interne
</div></span>
</div></td>
</tr></table>

Pensez à mettre les liens des images. Si vous souhaitez que l'infobulle apparaisse à partir d'un texte, retirer < img src="Lien de la mini image vue de tous" > & remplacez par le texte que vous souhaitez.

Certaines astuces pour l'infobulle ne fonctionnent que sous mozilla firefox. Celle que je vous donne marche également sous opéra & internet explorer, ce qui est un plus. Bon courage =D

Ce tuto est de Yummy Cookie © sur le Forum gratuit d'entraide.
Pour voir le tutoriel dans son contexte,
Cliquez ici !

Une autre manière :

Autre INFOBULLE