ChatBox


Créations de thèmes et tests graphiques en tout genre
 

Partagez|
Infobulles
Maku'
Maku'
Messages : 61
Points : 596
Date d'inscription : 12/09/2014
Age : 26
Localisation : Dijon
MessageSujet: Infobulles Dim 27 Mar - 10:05
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce porttitor, tortor eu eleifend lobortis, nulla purus pharetra sem, eu feugiat nulla tellus eget nisl. Praesent turpis diam, aliquam pellentesque molestie nec, commodo venenatis eros. Suspendisse potenti. Maecenas hendrerit ante a sapien luctus, ac aliquet nisl consectetur. Cras enim libero, ultrices a congue at, molestie in mi. Donec Oeufviolet
vestibulum ultrices tempor. Phasellus pellentesque in mi ut laoreet. Pellentesque ac vehicula enim. Maecenas at consequat est, a aliquet leo. In hac habitasse platea dictumst. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.


Code:
<span class="conteneur_infobulle"><span class="mot_infobulle">Oeuf</span><span class="infobulle"><img src="URL_IMAGE" alt="couleur"</span></span>

Code:
.conteneur_infobulle
{
  position:relative;
  overflow:visible;
}
.conteneur_infobulle .infobulle
{
  position:absolute;
  top:5px;
  left:5px;
  width:110px;
  height:110px;
  opacity:0;
  visibility:hidden;
  overflow:hidden;
  transition:1s;
}
.conteneur_infobulle:hover .infobulle
{
  opacity:1;
  visibility:visible;
  z-index:999;
  transition:1s;
}
.mot_infobulle:hover
{
  text-decoration:underline;
}
Revenir en haut Aller en bas
Infobulles
Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Sujets similaires

-
» Mettre deux infobulles cote a cote.
» Mettre une opacité aux infobulles
» problème avec les infobulles
» Problème avec les infobulles
» Bonjour , les staff ect... Infobulles

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
MakuroGraph :: Codes sans CSS Forum :: Fiches relations, rps et autre-