• 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.

    Bullets

    Pour changer ces Pixels, copier le code présent sur l'article dans la partie indiqué. (ce ne sont pas toujours des codes Css)

  • Pack Spirit Track

    #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 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


      Laisser un commentaire avant de vous servir. 



    1 commentaire


    Suivre le flux RSS des articles de cette rubrique
    Suivre le flux RSS des commentaires de cette rubrique