• Bienvenue à tous sur HackandModz !
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies. En savoir plus.
Rejeter la notice
Visiteur,
Bienvenue sur Hack & Modz

Tutoriel Crée votre propre Tooltip - CSS/HTML

Discussion dans 'HTML & CSS' créé par Weyzen, Août 27, 2016.

  1. Weyzen

    Weyzen Membre Banni

    8
    1
    33
    Hors Ligne
    Salut a tous

    Ont se retrouve sur un nouveaux Tutoriels Crée votre propre Tooltip - CSS / HTML

    "

    Veuillez vous inscrire ou vous connecter pour voir le message.

    "

    Code:
    <!DOCTYPE html>[/COLOR]
    <html>
    <style>
    .tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    }
    
    .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    }
    
    .tooltip:hover .tooltiptext {
    visibility: visible;
    }
    </style>
    <body style="text-align:center;">
    
    <p>Votre Texte</p>
    
    <div class="tooltip">Votre texte
    <span class="tooltiptext">Tooltip text</span>
    </div>
    
    <p>HackAndModz</p>
    
    </body>
    </html>
    
     
    Dernière édition par un modérateur: Août 27, 2016
  2. Weyzen

    Weyzen Membre Banni

    8
    1
    33
    Hors Ligne
    Si le BBCODE bug c'est pas de ma faute j'ai essaie tout technique
     
  3. Blackbeard

    Blackbeard Administrateur | Développeur Administrateur

    2,202
    791
    148
    Hors Ligne
    Bonjour @Weyzen@Weyzen,

    Je vais changé la couleur de votre topic afin qu'il soir visible sur les 2 Styles disponibles sur HackAndModz.Net.

    Cordialement BlackBeard