1. N'oublie pas que Pepsyz Modding | Team a ses propres logiciels !

  2.    
    Salut, tu n'es pas encore premium ? Qu'attends-tu pour les rejoindre !
    Tu pourras y trouver du contenu exclusif, une nouvelle couleur de pseudo Visiteur , des privilèges comme la création de shop et plus encore !

  3.    
    Logiciel pour écouter la Radio sur son pc sous Windows 7/8 /10

  4.    
    Envoi un message à tous tes contacts Skype en un seul clique avec ce logiciel by PM|T

  5.    

    PepsyzModding.fr n'est en aucun cas responsable de vos téléchargement de Jeux & DLC illégaux sur le forum ! De vos faits sur votre consoles, si vous (abimé/briké votre console) il faudra en assumé les conséquences.

    Vous êtes le seul responsable de vos actes.

HTML-CSS Crée votre propre ToolTip.

Discussion dans 'Programmation' créé par Meizh, 1 Décembre 2016.

  1. Meizh

    Meizh Lobbyman / Moddeur PS3 Donateur

    134
    24
    240
    Salut la communauté de Pepsyz.

    Je vais apprendre à certaines personnes qui commence la Programation Web à crée sa propre Tooltip.
    (Image plus bas).

    Ouvrez votre Éditeur de Texte (Sublime Texte 2)

    Ouvrez un Ficher : votretexte.html

    Exemple pour le rôle administrateur :
    Code:
    Code:
    
    <style>
    /* Tooltip container */
    .tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted grey; /* If you want dots under the hoverable text */
    }
    
    /* Tooltip text */
    .tooltip .tooltiptext {
    visibility: hidden;
    width: 130px;
    background-color: grey;
    color: #FFF;
    text-align: center;
    padding: 8px 0;
    border-radius: 7px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
    }
    
    /* Show the tooltip text when you mouse over the tooltip
    container */
    .tooltip:hover .tooltiptext {
    visibility: visible;
    }
    
    </style>
    <div class="tooltip">Administrateur
    <center><span class="tooltiptext">Ont peut role de gere  dans un sens global</span></center>
    </div>
    Il faut connaître un minimum de base HTLM5/CSS3 pour comprendre ce code.


    Vous devez vous enregistrer ou vous identifier pour voir le contenu


    Bonne fin de soirée,

    Source : Rg

    Nowaz PM|T.
     
    Dernière édition par un modérateur: 2 Décembre 2016
    Pitupo PM|T apprécie ceci.
  2. WWT | VectorXHD

    WWT | VectorXHD Analyste Membre du personnel Analyste

    134
    42
    758
    JAMAIS OH GRAND JAMAIS mettre le CSS dans le .html sauf exception mais jamais un gros truc comme sa :)
    PS: je vois pas l'image
     
    Meizh apprécie ceci.
  3. Meizh

    Meizh Lobbyman / Moddeur PS3 Donateur

    134
    24
    240

    Vous devez vous enregistrer ou vous identifier pour voir le contenu

    JAMAIS OH GRAND JAMAIS mettre le CSS dans le .html sauf exception mais jamais un gros truc comme sa :)
    PS: je vois pas l'image
    Cliquez pour agrandir...
    Oui tkt je c'est ;) Mais pour des trucs comme sa je m'embrouille entre les 2 fichier^^
     
  • SebMarley PM|T

    SebMarley PM|T Administrateur Membre du personnel Administrateur

    Top posteur du mois

    307
    135
    1 153

    Vous devez vous enregistrer ou vous identifier pour voir le contenu

    Salut la communauté de Pepsyz.

    Je vais apprendre à certaines personnes qui commence la Programation Web à crée sa propre Tooltip.
    (Image plus bas).

    Ouvrez votre Éditeur de Texte (Sublime Texte 2)

    Ouvrez un Ficher : votretexte.html

    Exemple pour le rôle administrateur :
    Code:
    Code:
    
    <style>
    /* Tooltip container */
    .tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted grey; /* If you want dots under the hoverable text */
    }
    
    /* Tooltip text */
    .tooltip .tooltiptext {
    visibility: hidden;
    width: 130px;
    background-color: grey;
    color: #FFF;
    text-align: center;
    padding: 8px 0;
    border-radius: 7px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
    }
    
    /* Show the tooltip text when you mouse over the tooltip
    container */
    .tooltip:hover .tooltiptext {
    visibility: visible;
    }
    
    </style>
    <div class="tooltip">Administrateur
    <center><span class="tooltiptext">Ont peut role de gere  dans un sens global</span></center>
    </div>
    Il faut connaître un minimum de base HTLM5/CSS3 pour comprendre ce code.

    Bonne fin de soirée,

    Nowaz PM|T.
    Cliquez pour agrandir...
    salut

    il manque l' image , veux tu bien mettre ta source & ou crédit
     
  • Meizh

    Meizh Lobbyman / Moddeur PS3 Donateur

    134
    24
    240

    Vous devez vous enregistrer ou vous identifier pour voir le contenu

    salut

    il manque l' image , veux tu bien mettre ta source & ou crédit
    Cliquez pour agrandir...
    C'est bon pour l'image je met la source ce soir ;)
     
  • SebMarley PM|T

    SebMarley PM|T Administrateur Membre du personnel Administrateur

    Top posteur du mois

    307
    135
    1 153
    Dernière édition: 2 Décembre 2016
  • SebMarley PM|T

    SebMarley PM|T Administrateur Membre du personnel Administrateur

    Top posteur du mois

    307
    135
    1 153
    image ajoute au topic :)
     
  • Meizh

    Meizh Lobbyman / Moddeur PS3 Donateur

    134
    24
    240
    Merci bien
     
  • Partager cette page