Fiches & Messages
Administration
Présentations & Prédéfinis
Relations
Fiches RPG
Publicités
Autres
Templates & Éléments
Header & Navigation
Page d'accueil
Catégories
Qui est en ligne
Liste sujets
Liste membres
Messages & Profil
Autres
Halloween
Index complets
Références
Passer commande
Welcome
Halloween
Header & Navigation
Navigation latérale
Halloween, LS codage
Templates & Eléments
Header & Navigation
Navigation latérale
Toutes versions
Optimisé
5 infobulles placées en haut à gauche permettent d'afficher des liens rapides en hover
Retour
CSS
/*********************************** NAVIGATION LATERALE, HALLOWEEN ***********************************/ /* Contient les cercles */ .bloc_onglet { position: fixed; top: 5%; } /* Info-bulles */ .bloc_infobulle { margin-top: 10px; position: relative; z-index: 24; } /*Image*/ .bloc_imgbulle { width: 100px; height: 100px; border-radius: 50%; } /* Triangle noir */ .bloc_anglebulle { border: 0 solid transparent; border-top-width: 10px; border-bottom-width: 10px; border-right: 11px solid black; position: absolute; left: -10px; top: 45px; } /* Bloc des liens */ .bloc_bulle { background: #000; display: none; height: 150px; left: 120px; padding: 20px 5px 5px; position: absolute; text-align: center; top: 0; width: 200px; } .bloc_infobulle:hover .bloc_bulle { display: block; } .bloc_infobulle:hover { width: 120px; } /* Liens */ .bloc_infobulle a { text-decoration: none !important; color: #a3a3a3; } .bloc_infobulle a:hover { color: #dfdfdf; } /*********************************** FIN AVIGATION LATERALE, HALLOWEEN ***********************************/
HTML
Je suis un lien
Je suis un lien
Je suis un lien
Je suis un lien
Je suis un lien
Je suis un lien
Je suis un lien
Je suis un lien
Je suis un lien
Je suis un lien
Je suis un lien
Je suis un lien
Dernière modification : 20 November 2018 21 : 32.
#navigationlaterale #navigation #forumactif #codage #libreservice