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

Script pour créer des infos bulles 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 en CSS Étendre la vue

Script pour créer des infos bulles en CSS

par 2011N2 » mar. 20 déc. 2011 13:49
Bonjour,

Voici un tutoriel vous permettant de créer des infos bulles CSS sur votre site.

Dans le CSS principal de votre site, collez ceci :

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;
}
Ensuite, sur les différentes pages de votre site, pour créer une info bulle, il vous suffit de mettre ceci :
a href="URL de renvoi" class="tooltip"Le texte du lien est iciemspan/spanLe texte de l'infobulle est ici/em/a
Problème de téléchargement

Bonjour Suivez les indications de KAV, si vous n'[…]

Présentation

Hello :hello: , Merci pour l'accueil

New crash game Plinko

Oh, great. Crash games are a good choice if you wa[…]

Site officiel du casino Vavada

C'est un vieux casino, ce n'est pas du tout int&ea[…]