1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies. En savoir plus.


  2. Pepsyz Modding | Team propose désormais de jailbreak vos PS3 !



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



  4. Tu pourras y trouver du contenu exclusif, une nouvelle couleur de pseudo, des privilèges comme la création de shop et plus encore !

  5.    
    Logiciel pour écouter la Radio sur son PC sous Windows 7/8/10 !

  6.    
    Envoyer un message à tous vos contacts Skype en un seul clique avec ce logiciel gratuit by PM|T !

  7.    

    PepsyzModding 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.
Rejeter la notice


Ce site ne contient aucun fichier de jeux ou DLC illégaux. Il ne répertorie que les fichiers disponibles sur le réseau internet .
En outre, il n'héberge aucun fichier sur ses serveurs. Les responsables de ce site et/ou son hébergeur ne pourront être désignés responsables d'éventuels téléchargements illégaux !

HTML-CSS Crée votre propre ToolTip.

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

Nous vous conseillons de vérifier au préalable le contenu que vous téléchargez.
Si un lien de téléchargement ne fonctionne plus, merci de signaler le topic en question !

  1. bySqueakers

    bySqueakers Lobbyman / Moddeur PS3 Donateur

    176
    27
    270
    Hors Ligne
    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 Visiteur Visiteur

    0
    0
    0
    Hors Ligne
    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
     
    bySqueakers apprécie ceci.
  3. bySqueakers

    bySqueakers Lobbyman / Moddeur PS3 Donateur

    176
    27
    270
    Hors Ligne

    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

    284
    160
    1 323
    Hors Ligne

    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
     
  • bySqueakers

    bySqueakers Lobbyman / Moddeur PS3 Donateur

    176
    27
    270
    Hors Ligne

    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

    284
    160
    1 323
    Hors Ligne
    Dernière édition: 2 Décembre 2016
  • SebMarley PM|T

    SebMarley PM|T Administrateur Membre du personnel Administrateur

    284
    160
    1 323
    Hors Ligne
    image ajoute au topic :)
     
  • bySqueakers

    bySqueakers Lobbyman / Moddeur PS3 Donateur

    176
    27
    270
    Hors Ligne

    Vous devez vous enregistrer ou vous identifier pour voir le contenu

    image ajoute au topic :)
    Cliquez pour agrandir...
    Merci bien
     
  • Partager cette page

    Sécurité du site Web