Le deal à ne pas rater :
Cartes Pokémon 151 : où trouver le coffret Collection Alakazam-ex ?
Voir le deal

Partagez | 

 Infobulle CSS


Coolosseman

Coolosseman
Fondateur

Messages : 245
Date d'inscription : 28/04/2010
Âge : 31

Infobulle CSS Vide
MessageSujet: Infobulle CSS   Infobulle CSS EmptyJeu 13 Oct - 2:47

Un exemple d'infobulle.

Placement : Panneau d'administration > Affichage > Couleur > Feuille de style CSS

Un exemple d'infobulle à associer avec : https://coolosseman.forumsactifs.net/t16-infobulle-html#18

L'exemple ici le code est appelé "thumbnail" qui est à placer sur les balises HTML avec class=" "

Exemple de code:
Code:
.thumbnail {position: relative;z-index: 0;
}
.thumbnail:hover {background-color: transparent;z-index: 50;cursor: help;
}
.thumbnail span {
position: absolute;
padding: 5px;
left:-1000px;
visibility: hidden;
color: #B8B8B8;
-moz-border-radius:15px;
}
.thumbnail span img {border: 1px groove;padding: 2px;}

.thumbnail:hover span {
visibility: visible;
top: -10px;
left: 200;
width: 250px;
}

Revenir en haut Aller en bas
https://coolosseman.forumsactifs.net

 Infobulle CSS

Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum des mille et une merveilles ::  :: Gestion d'apparence :: CSS-