RechercherAccueilMembresGroupesConnexionS'enregistrerFAQ

Partagez | 
 

 Script info bulle en CSS

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
avatar
San Giuliano
Admin

Localisation : Corse
Age : 50
Masculin
MessageSujet: Script info bulle en CSS Sam 4 Aoû - 6:23

Salut...

Voici un petit script pour faire une info bulle en CSS


Place ce code dans ton fichier CSS

Code:
a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: ;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 15px;
    left: -30px;
    padding: 3px;
    color: #000;
    border: 2px solid #ff0000;
    background: #256c73;
    width:180px;
}
a.tooltip:hover em span {
    position: absolute;
    top: -13px;
    left: 0px;
    height: 0px;
    width: 0px;
    background: transparent url(image-infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}

Utilise ce lien pour que l'info bulle s’affiche
Code:
<a href="URL de renvoi" class="tooltip">Le texte du lien est ici<em><span></span>Le texte de l'infobulle est ici</em></a>


Passe ta souris ici pour voir le résultatCe lien vas vers l'index du forum



Utilisez le Forum aide Webmastering pour demander le l'aide.
Revenir en haut Aller en bas
http://chezsangiuliano.forumgratuit.org/h2-page-perso-san-giulia
 

Script info bulle en CSS

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Tutoriel Webmastering-