[TOUTES VERSIONS] Toolbar menu bienvenue et notifications version modernBB

-Astuce des Forums Milouze14&Compagnie- Astuce postée par: Jackymi :u1541: Réponse automatique: Merci de cliquer ici pour voir le message Pour toute information,merci de contacter un Membre du Staff

Code:

/* Toolbar menu bienvenue et notifications version modernBB */
       
        #fa_toolbar #fa_right #notif_list li.see_all {
color: #fff;
font-size: 1.2rem;
background-color: #333;
border-radius: 6px;
padding: 12px 18px !important;
text-align: center;
}

       #fa_toolbar #fa_right #notif_list {
border-radius: 6px;
border: none;
font-size: 1.2rem;
display: none;
position: absolute;
list-style-type: none;
margin: 0;
padding: 0;
background-color: #FFFFFF;
z-index: 999;
box-shadow: 0 0 9px rgba(0, 0, 0, 0.3), 0 0 1px 1px rgba(0, 0, 0, 0.2);
top: 42px;
}
       
        #fa_usermenu table {
width: 100%;
}
        #fa_usermenu td {
display: inline-block;
padding: 0px;
margin: 0;
line-height: 1.526;
}
        #fa_usermenu td.first {
text-align: right;
}
         #fa_usermenu td.bold {
font-weight:500;
text-align: left;
padding-left: 6px;
}

         #fa_usermenu {
position: absolute;
left: 0;
top: 0px;
bottom: 0;
width: 180px;
 padding: 18px;
color: #333333;
font-size: 1.2rem;
text-align: center;
border-radius: 0 0 0 3px;
background-color: rgba(0, 0, 0, 0.03);
border-right: 1px solid rgba(0, 0, 0, 0.06);
}

        #fa_menulist {
background-color: #FFFFFF;
line-height: 32px;
z-index: 999;
min-width: 180px;
width: auto;
display: none;
border-radius: 0 0 3px 3px;
border: none;
position: absolute;
list-style-type: none;

box-shadow: 0 0 9px rgba(0, 0, 0, 0.3), 0 0 1px 1px rgba(0, 0, 0, 0.2);
top: 42px;
margin: 0px;
padding: 9px 18px 9px 230px;
}
     
        /* Fin toolbar ModernBB */

@Jackymi a écrit:Hello les amis (e )

Voici une astuce , afin d'avoir un menu bienvenue et notifications sur la toolbar, façon modernBB

Un aperçu image , pour mieux comprendre ;