FORUM D’ENTRAIDE INFORMATIQUE (FEI)
Site d’assistance et de sécurité informatique

Script pour créer des infos bulles images en CSS

Répondre

Afin d’empêcher la création automatisée de comptes, nous vous demandons de réussir le défi ci-contre.
Smileys
:D :) :-) ;) :| :( :cry: :cheers: :hourra: :mv: :lol: :mdr: :bonjour: :hello: :jap: :siffle: :bisou: :P :o :x :roll: :good: :bad: :super: :reflexion: :suspect: :? :oops: :peur: :zen: :boude: :bug:

Revue du sujet : Script pour créer des infos bulles images en CSS Étendre la vue

Script pour créer des infos bulles images en CSS

par San Giuliano » jeu. 5 janv. 2012 21:49
Script pour créer des infos bulles images en CSS
Voici un petit tutoriel pour réaliser une info bulle réactive au passage de la souris et affichant une image

Coller ce code dans votre CSS

a.imag{
position: relative;
z-index: 1;
}
a.imag:hover{
cursor: help;
z-index: 2;
}
a.imag span{
display: none;
}
a.imag:hover span{
display:block;
position:absolute;
z-index: 3;
top: 20px;
left: -40px;
}  Puis utilisez ce lien sur vos pages web

a class="imag" href="URL" le texte du lien ici spanimg border="0" alt="exemple" src="L'adresse de votre image ici" //span/aEt voici le résultat le texte du lien ici Image
Play TV

Lorsque je démarre une vidéo avec Fi[…]

Je ne me soucie pas de la musique et des jeux, mai[…]

Supprimer une page facebook

Bonjour à tous, Je cherche à d&eacu[…]

reddit

For myself, when I want to raise the upvote on a R[…]