Connexion
S'inscrire
Actualités
Quoi de neuf
Activités générales
Auteurs
Forums
Nouveaux messages
Rechercher un forum
Quoi de neuf
Nouveaux messages
Nouveaux messages de profil
Activités générales
Membres
Membres inscrits
Visiteurs actuels
Nouveaux messages de profil
Rechercher dans les messages des profils
Teams
Créé ton équipe
Quoi de neuf ?
Nouveaux messages
Rechercher un forum
Menu
Connexion
S'inscrire
Install the app
Install
Forums
Forums généraux
Informatique
Développement
Crée votre propre Tooltip - CSS/HTML
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
Vous utilisez un navigateur non à jour ou ancien. Il ne peut pas afficher ce site ou d'autres sites correctement.
Vous devez le mettre à jour ou utiliser un
navigateur alternatif
.
Répondre à la discussion
Message
<blockquote data-quote="deleted535977" data-source="post: 6792804"><p style="text-align: center">Salut <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite391" alt=":membre:" title="Membre :membre:" loading="lazy" data-shortname=":membre:" /> </p> <p style="text-align: center"></p> <p style="text-align: center">Ont se retrouve sur un nouveau<span style="color: #b30000"> [FA]fa-terminal[/FA] </span><strong><span style="color: rgb(179, 0, 0)">Tutoriels - </span></strong><span style="color: #000000">Comment crée votre propre Tooltip</span></p> <p style="text-align: center"></p> <p style="text-align: center">[ATTACH=full]97199[/ATTACH] </p> <p style="text-align: center"></p> <p style="text-align: center">Ouvre votre<span style="color: #b30000"> [FA]fa-terminal[/FA] Éditeur</span> de Texte (Sublime Texte 2)</p> <p style="text-align: center"></p> <p style="text-align: center">Ouvre un <span style="color: #ff8000">[FA]fa-folder-open[/FA] <strong>Ficher </strong>: </span><span style="color: #000000">votretexte.html</span></p> <p style="text-align: center"><span style="color: #000000"></span></p> <p style="text-align: center"><span style="color: #000000">[CODE]</span></p> <p style="text-align: center"><span style="color: #000000"><style></span></p> <p style="text-align: center"><span style="color: #000000">/* Tooltip container */</span></p> <p style="text-align: center"><span style="color: #000000">.tooltip {</span></p> <p style="text-align: center"><span style="color: #000000">position: relative;</span></p> <p style="text-align: center"><span style="color: #000000">display: inline-block;</span></p> <p style="text-align: center"><span style="color: #000000">border-bottom: 1px dotted grey; /* If you want dots under the hoverable text */</span></p> <p style="text-align: center"><span style="color: #000000">}</span></p> <p style="text-align: center"><span style="color: #000000"></span></p> <p style="text-align: center"><span style="color: #000000">/* Tooltip text */</span></p> <p style="text-align: center"><span style="color: #000000">.tooltip .tooltiptext {</span></p> <p style="text-align: center"><span style="color: #000000">visibility: hidden;</span></p> <p style="text-align: center"><span style="color: #000000">width: 130px;</span></p> <p style="text-align: center"><span style="color: #000000">background-color: grey;</span></p> <p style="text-align: center"><span style="color: #000000">color: #FFF;</span></p> <p style="text-align: center"><span style="color: #000000">text-align: center;</span></p> <p style="text-align: center"><span style="color: #000000">padding: 8px 0;</span></p> <p style="text-align: center"><span style="color: #000000">border-radius: 7px;</span></p> <p style="text-align: center"><span style="color: #000000">/* Position the tooltip text - see examples below! */</span></p> <p style="text-align: center"><span style="color: #000000">position: absolute;</span></p> <p style="text-align: center"><span style="color: #000000">z-index: 1;</span></p> <p style="text-align: center"><span style="color: #000000">}</span></p> <p style="text-align: center"><span style="color: #000000"></span></p> <p style="text-align: center"><span style="color: #000000">/* Show the tooltip text when you mouse over the tooltip</span></p> <p style="text-align: center"><span style="color: #000000">container */</span></p> <p style="text-align: center"><span style="color: #000000">.tooltip:hover .tooltiptext {</span></p> <p style="text-align: center"><span style="color: #000000">visibility: visible;</span></p> <p style="text-align: center"><span style="color: #000000">}</span></p> <p style="text-align: center"><span style="color: #000000"></span></p> <p style="text-align: center"><span style="color: #000000"></style></span></p> <p style="text-align: center"><span style="color: #000000"><div class="tooltip">Administrateur</span></p> <p style="text-align: center"><span style="color: #000000"><center><span class="tooltiptext">Ont peut role de gere RealityGaming dans un sens global</span></center></span></p> <p style="text-align: center"><span style="color: #000000"></div></span></p> <p style="text-align: center"><span style="color: #000000">[/CODE]</span></p> <p style="text-align: center"><span style="color: #000000"></span></p> <p style="text-align: center"><span style="color: #000000"></span></p> <p style="text-align: center"><span style="color: #000000"></span></p></blockquote><p></p>
[QUOTE="deleted535977, post: 6792804"] [CENTER]Salut :membre: Ont se retrouve sur un nouveau[COLOR=#b30000] [FA]fa-terminal[/FA] [/COLOR][B][COLOR=rgb(179, 0, 0)]Tutoriels - [/COLOR][/B][COLOR=#000000]Comment crée votre propre Tooltip[/COLOR] [ATTACH=full]97199[/ATTACH] Ouvre votre[COLOR=#b30000] [FA]fa-terminal[/FA] Éditeur[/COLOR] de Texte (Sublime Texte 2) Ouvre un [COLOR=#ff8000][FA]fa-folder-open[/FA] [B]Ficher [/B]: [/COLOR][COLOR=#000000]votretexte.html [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 RealityGaming dans un sens global</span></center> </div> [/CODE] [/COLOR][/CENTER] [/QUOTE]
Insérer les citations…
Vérification
Publier la réponse
Forums
Forums généraux
Informatique
Développement
Crée votre propre Tooltip - CSS/HTML
Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
Acceptez
En savoir plus.…
Haut