


#menubar {background : url(https://ekladata.com/s1IKnqmughrWV632AbGIy9nLvyc/Menubar-spirit-track.png) left no-repeat;
height : 74px;
width : 263px;
position : fixed;
display : block;
padding-top : 74px;
color : black;
z-index : 1;
top : 100%;
margin-top : -80px;
left : 10px}
.menubar_button
.menubar_section:hover,
.menubar_section,
.menubar_separation,
.menubar_button,
#menubar_logo,
#menubar_favorites{ background: none;}
#menubar_section_content,
#menubar_section_appearance,
#menubar_section_interactions,
#menubar_section_manage,
#menubar_section_account,
#menubar_section_help,
#menubar_notifications,
#menubar_signin { background: none;}
#menubar_section_help {display : none;}
#menubar_section_content,
#menubar_section_appearance,
#menubar_section_interactions,
#menubar_section_manage,
#menubar_signin,
.menubar_button{ background : white;
border-radius : 3px;
opacity : 0.8;
position : relative;
left : 280px;
top : -18px;
color : black;
padding-bottom : 70px}
#menubar_section_content li,
#menubar_section_content li:last-child {position : relative;
bottom : 270px}
#menubar_section_appearance li,
#menubar_section_appearance li:last-child {position : relative;
bottom : 222px}
#menubar_section_interactions li,
#menubar_section_interactions li:last-child {position : relative;
bottom : 174px}
#menubar_section_manage li,
#menubar_section_manage li:last-child {position : relative;
bottom : 150px}
#menubar_hide {display : none;}
#menubar_section_account a{font-size : 0px;}
#menubar_section_account img {position : relative;
border-bottom : 1px solid white;
border-left : 1px solid white;
border-top : 1px solid white;
border-right : 1px solid white}
#menubar_section_account li,
#menubar_section_account li:last-child {position : relative;
bottom : 260px;
left : -40px;
width : 137px;
font-size : 10px;
padding-left : -10px;}
#menubar_section_account li:hover,
#menubar_section_account li:last-child:hover {color : white;
background : #94B8B2;}
#menubar_section_account li {background : white;
position: relative;}
#menubar_section_account li:last-child {border-radius : 0 0 5px 5px;}
#menubar_section_account li:last-child:before { content:"";
position: absolute;
top: 100%;
left: 50px;
width: 0;
height: 0;
border-top: 20px solid white;
border-right: 13px solid transparent;
border-left: 13px solid transparent; }
#menubar_section_account {position : absolute;
top : 29px;
left : 50px;
height : 100px;}
#menubar_notifications {position : absolute;
top : 0px;
left : 135px;
height : 100px;
width : 50px;}
#menubar_notifications img{opacity : 0}
#notifications_panel li{height : 20px;
overflow : hidden;
width : 130px;
float : left;
height : 22px;}
#notifications_panel li:hover {background : #94B8B2;}
#notifications_panel {width : 260px;
margin-left : -135px;
height : 66px;
overflow : hidden;
margin-top: -17px;}
.notif_date {display : none;}
#menubar_favorites_btn,
#menubar_nofavorites_btn:hover,
#menubar_favorites_btn:hover,
#menubar_nofavorites_btn {position : relative;
top : -82px;
left : 110px;
height : 100px;
background : none}
Copier coller ce code dans Apparence > Modifier le thème > Ajouter du Css
Si le menubar passe par dessus le contenu du blog, modifier l'espacement gauche de la page dans Apparence > Modifier le thème > Format du blog > Marges extérieurs


Exemple


Laisser un commentaire avant de vous servir. 
