-
Eklablog
Les pixels de la partie Eklablog sont prévu uniquement pour celle-ci. Vous trouverez des images pour le Menubar, Recherche, Calendrier et autre.
Pour changer ces Pixels, copier le code présent sur l'article dans la partie indiqué. (ce ne sont pas toujours des codes Css)
-
Par Steem le 4 Juin 2016 à 23:28#menubar {background : url(http://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 CssSi 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
Laisser un commentaire avant de vous servir.
2 commentaires
Suivre le flux RSS des articles de cette rubrique
Suivre le flux RSS des commentaires de cette rubrique