• Thème #1 Tokyo Ghoul

    Bonjour ! Comme je l'avais dit dans un précédent article je reposte des anciens thèmes et voilà celui de Tokyo Ghoul. (Mettre le #menu1 à droite).

    Thème #1 Tokyo Ghoul

    Cliquez sur l'image pour agrandir.

    - Créditer / Prévenir en commentaire ou par MP si vous prenez un header ou un thème.
    - Préciser quelque part sur votre blog que le thème est de moi. 

    @font-face {font-family"Fighting Spirit Turbo";
         srcurl('http://ekladata.com/ICCYy8TpxBTyQ_quuAiO4nM0ZYE/Fighting-Spirit-Turbo.ttf');
    @font-face {font-family"Viner Hand ITC";
         srcurl('http://ekladata.com/_mM2wU7cL7oIbXm-3-BpwjDVr-E/viner-hand-itc.ttf');
    @font-face {font-family"dum1";
    srcurl('http://ekladata.com/C0JSQNkPSF5qRhGy_AcKyeZveYU/dum1.ttf');}

    #body {
        backgroundurl(http://nsm08.casimages.com/img/2016/03/23//16032312591120257714083144.pngno-repeat fixed 4% 0%
            url(http://nsm08.casimages.com/img/2016/03/23//16032312560920257714083134.pngno-repeat fixed 10% 0%
            url(http://nsm08.casimages.com/img/2016/03/23//16032312591120257714083145.pngno-repeat fixed 100% 0%
            url(http://nsm08.casimages.com/img/2016/03/23//16032301011120257714083146.jpgrepeat fixed  0% 0%}

    #background 
       backgroundurl(https://nsm08.casimages.com/img/2016/03/24//16032412545520257714088051.pngno-repeat 50% 0px
            url(no-repeat 40% 0px
            url(repeat fixed  0% 0%;
        width1050px;
        box-shadow10px darkred;
        background-color#FFFFFF;}


    #header {margin-bottom35px;
        height450px;
        }

    #titre_header {top100px;
            left670px;}

    #titre_header {font-variantsmall-caps;
        font-familydum1;
        font-size55px;
        colorblack;
        text-shadow5px white5px white5px white;}

    #slogan_header {right80px;
        top190px;
        font-familydum1;
        font-variantsmall-caps;
        font-size25px;
        colorwhite;
        text-shadow2px darkred3px black5px red;}

    /*Menu en-tête*/
    #menu {top395px;
        line-height35px;
        height35px;
        width100%;
        background-imageurl("http://nsm08.casimages.com/img/2016/03/23//16032301011120257714083146.jpg")}

    #menu {font-size16px;
        font-variantsmall-caps;
        font-weightbold;
        text-aligncenter;
        font-familyarial;
        colorwhite;line-height35px;
        height35px;
         }

    #menu a:hover {color#A80006;}

    ul#menu ul {background-imageurl("http://nsm08.casimages.com/img/2016/03/23//16032301011120257714083146.jpg")}

    ul#menu ul {font-size14px;
        line-height30px;
        height30px;}

    /*Articles*/
    .module_titre {colorblack;}

    .module_titre {
        backgroundurl(http://nsm08.casimages.com/img/2016/03/22//16032207384820257714082423.pngno-repeat 10% 0%
    url(no-repeat 0% 0%;
        height35px;
        line-height35px;
        font-size14px;
        font-weightbold;
        font-variantsmall-caps;
        text-aligncenter;
        font-familyarial;
        colorblack;
        margin-left15px;
        margin-right15px;
        border-bottom4px ridge darkred;
        text-shadowrgb(2552552553px 0px 0pxrgb(2552552552.83487px 0.981584px 0pxrgb(2552552552.35766px 1.85511px 0pxrgb(2552552551.62091px 2.52441px 0pxrgb(2552552550.705713px 2.91581px 0pxrgb(255255255-0.287171px 2.98622px 0pxrgb(255255255-1.24844px 2.72789px 0pxrgb(255255255-2.07227px 2.16926px 0pxrgb(255255255-2.66798px 1.37182px 0pxrgb(255255255-2.96998px 0.42336px 0pxrgb(255255255-2.94502px -0.571704px 0pxrgb(255255255-2.59586px -1.50383px 0pxrgb(255255255-1.96093px -2.27041px 0pxrgb(255255255-1.11013px -2.78704px 0pxrgb(255255255-0.137119px -2.99686px 0pxrgb(2552552550.850987px -2.87677px 0pxrgb(2552552551.74541px -2.43999px 0pxrgb(2552552552.44769px -1.73459px 0pxrgb(2552552552.88051px -0.838247px 0px;
    }

    .module_contenu {background#E9E9E9;
        text-alignjustify;
        padding-left20px;
        padding-right20px;
        padding-top5px;
        padding-bottom5px;
        margin-left15px;
        margin-right15px;
        margin-bottom25px;
        font-size13px;
        font-familyverdana;
        color#111;
        
       }

    .module_contenu {
        color#C50101;
       }

    .module_contenu a:hover {colorblack;}

    .article_info {margin-right5px;
        margin-bottom10px;
        font-size10px;
        font-weightnone;
        text-aligncenter;
        text-alignright
        color#444;
        }

    .article_info {colordarkred;}

    /*Menus 1 et 2*/

    #menu1 {
        box-shadow1px 1px 10px black;
       background-imageurl("http://nsm08.casimages.com/img/2016/03/23//16032301011120257714083146.jpg")
        width270px;
        margin-right15px;
        margin-left20px;}

    #menu1 .module_menu_titre {height30px;
        line-height30px;
        margin-bottom10px;
        font-size17px;
        text-aligncenter;
        font-familyarial;
        font-variantsmall-caps;
        font-weightbold;
        colorwhite;
       text-shadow1px 1px 0px #5F04052px 2px 0px #5F0405-1px -1px 0px #5F0405 ;
       
    }

    .module_menu_contenu {font-size13px;
        color#c0c0c0;
        font-familyarial;
        padding5px;
        margin-bottom20px;
        }

    .module_menu_contenu {
        color#fff;
        font-weight bold;}

    .module_menu_contenu a:hover {color#C20000;}


    /*Modules*/
    .module_menu_type_newsletter input[name=subscribe{
        width:90%
        border-radius3px
        margin-top5px;}

    .module_menu_type_newsletter {text-aligncenter;}

    .module_menu_type_search [name="q"{
        width:90%
        height25px
        border-radius1px;
        margin-bottom10px;}

    .module_menu_type_search {text-aligncenter;}
     

    /*Visiteurs*/
    .module_menu_type_lastvisitors img filtergrayscale(1);         
        -webkit-filtergrayscale(1);         
        -moz-filtergrayscale(1);         
        -o-filtergrayscale(1);         
        -ms-filtergrayscale(1);
        max-width50px
        margin2px
        border-radius10px
         margin5px}

    .module_menu_type_lastvisitors img:hover {
      filtergrayscale(0);         
        -webkit-filtergrayscale(0);         
        -moz-filtergrayscale(0);         
        -o-filtergrayscale(0);         
        -ms-filtergrayscale(0);
        max-width50px;
        margin5px;}

    #help_bubble {font-familynews times
     
        padding3px;
        font-style italic
        font-size13px
        border-radius5px
        border2px solid black
        colormaroon
        background-colorwhite}

    /*-commentaire-*/

    a.article_comments_link {    
        border-radius5px;
        colorwhite;
        background#CC689E
        padding2px 5px 2px 5px;}

     #commentform .mce-colorbutton  {display:none;}

    .comment_normal.comment_admin {
        width99%;
      }

     div.commentheader {height25px;
        background#1F1F1F;}

    .comment_admin div.commentheader {
        height25px;
        background#6F1113;
       }

     div.commentbody {
        text-alignleft;
        color#333;
        border-bottom1px solid #777777;
        border-left1px solid #777777;
        border-right1px solid #777777;
        padding-top10px;
        padding-right3px
        padding-left5px;
        padding-bottom5px;
        background-color#f9f9f9;
        text-alignjustify;
        margin-bottom25px;
    }



     .commentnumber {
        line-height25px;
        floatleft;
        colorwhite;
        font-familycalibri;
        
        font-weightbold;
        font-size20px;
        font-variantnormal;
        text-aligncenter;
        padding-right0px;
        width25px;
        padding-left0px;}


     .commentpseudo {colorwhite;
        
        font-weightbold;
        padding-left5px;
        font-size17px;
        floatleft;   
        line-height25px;
        }

     .commentpseudo {
       line-height25px;
       colorwhite;
      
       font-size16px;   
    }

    .commentpseudo a:hover {color#FFCC99;}

     .comment_admin .commentpseudo 
        font-stylenormal;
        text-decorationnone;
        font-variantnormal;}

     .commentdate {floatright;
        font-size11px;
        padding-right5px;
        colorwhite;
        font-familycambria;
        line-height25px;
        
    }
     .commentavatar 
        floatleft;
        width65px;
        margin-right3px;}

     .commentavatar img {border-radius5px;
        margin-right5px;
        margin-bottom5px;
        width55px;
       }

    .comment-reply {margin-left15px;
        background#444;
        colorwhite;
        padding2px 10px 2px 10px;
        border-radius2px;
        margin-bottom5px;
        }

    .comment-reply a:hover {margin-left15px;
        background#A8A8A8;
        colorwhite;
         padding2px 10px 2px 10px;
        border-radius3px;
        margin-bottom5px;}

    .block-reply div.commentbody 
        padding-left4px;
        color#565656;
        border-bottom1px solid #C7C7C7}

    .block-reply {margin-left25px;
        margin-right5px
        padding3px;
        border-leftnone;}

    .block-reply .commentavatar width50px}

    .block-reply  .commentavatar img  {width45px;
        border1px solid white;}

    .block-reply .commentpseudo {floatleft;
        margin-left5px}

    .block-reply div.commentbody {text-alignleft;
        background#FFFFFF;
        padding-left5px;}
    .block-reply div.commentheader {margin-top15px;}

    .block-reply .comment_admin div.commentbody {text-alignleft;
        color:  #454545;
        background#FFFFFF;}

    a.show-replies {color#fff;}

    .show-replies  
        margin-left200px;
        border-radius5px;
        padding-top2px;
        padding-bottom2px;
        padding-left25px;
        padding-right25px;
        background#7DA926;}


    /*Haut - bas de page*/
       
    #id1{positionfixed;
        right5px;
        bottom20%;
        opacity0.2;}
       
    #id2{positionfixed;
        right5px;
        bottom30%;
        opacity0.2;}

    #id1:hover {opacity1;}
    #id2:hover {opacity:1;}

    /*-Shoutbox-*/

    .menu_shoutbox strong {
        color: white
        font-familyarial;
        font-size15px;  
        text-shadow0px 0px 3px black;  }

    .menu_shoutbox {padding3px;
        margin5px
        border2px solid black;
        border-radius5px;
        height235px;     
        color: white;
        text-shadow0px 0px 3px black;
        font-familyarial;
        font-size13px;
        background-imageurl("http://nsm08.casimages.com/img/2016/03/23//16032305241620257714085006.png");
        background-repeatno-repeat;}

    .module_menu_type_shoutbox [name="shoutbox_msg"]{width80%;  border1px solid black}


    #footer {height20px;
       position100% 100%;
        text-aligncenter;
        margin0px;
       
    }

    #footer {colorblack;}

    #footer::aftertext-alignright;
        font-size12px;
        font-familyarial;
        content"- Design du blog by Kalyna";
        colormaroon
        text-shadow3px white}




    /*menubar*/
    #menubar,
    #menubar colorwhitefont-weightnormal;
         font-familyarialfont-size12pxtext-shadow5px darkred;  }

    #menubar {colorwhite
        font-familyarialfont-size12px;
        font-weightnormaltext-shadow5px black}

    #menubar :hover {colorwhite;}

    .menubar_section li:hover {colorblack
        text-shadow15px white;
        text-shadow5px darkred}

    .menubar_section li {colorwhite
        text-shadow5px black5px darkred
        font-familyarial
        font-size13px;}

    #menubar background-imageurl("http://nsm08.casimages.com/img/2016/03/23//16032301011120257714083146.jpg");   }

    .menubar_button
    .menubar_section:hover,
    .menubar_section,
    .menubar_separation,
    .menubar_button,
    #menubar_logo,
    #menubar_favorites backgroundnone;}

    #menubar_hide background-imageurl("http://nsm08.casimages.com/img/2016/03/23//16032305484920257714085114.png");
          height2px;
    }
    #menubar_show background-imageurl("http://nsm08.casimages.com/img/2016/03/23//16032305484920257714085113.png");
          heightxpx;
    }


    .menubar_section li {
               background:url("http://nsm08.casimages.com/img/2016/03/23//16032306250720257714085253.png")no-repeat
    .menubar_section li:last-child {
                   background:url("http://nsm08.casimages.com/img/2016/03/23//16032306250720257714085254.png")no-repeat  ;  border-radius5px;  }

     .menubar_section:hover div
                       background-imageurl("http://nsm08.casimages.com/img/2016/03/23//16032305485420257714085117.png")}

    #notifications_panel libackground:url("http://nsm08.casimages.com/img/2016/03/23//16032301011120257714083146.jpg")}
    #notifications_panel li:hover background:url("http://nsm08.casimages.com/img/2016/03/23//16032305485420257714085117.png"}
    #notifications_panel  .new_notification   {  background:url("http://nsm08.casimages.com/img/2016/03/22//16032207092420257714082375.png");  color  black;}
    #notifications_panel  li:last-child{  background:url("http://nsm08.casimages.com/img/2016/03/23//16032301011120257714083146.jpg");     }
    #notifications_panel li:last-child  :hover{  background:url("http://nsm08.casimages.com/img/2016/03/23//16032305485420257714085117.png");  color:  white;  }

    #menubar_section_content,
    #menubar_section_appearance,
    #menubar_section_interactions,
    #menubar_section_manage,
    #menubar_section_account,
    #menubar_section_help,
    #menubar_notifications,
    #menubar_signin backgroundnone;}
    #menubar_favorites_btn
    #menubar_nofavorites_btn:hover {   backgroundurl("/images/menubar/icon_nofavorite.png")no-repeat 50% 50%}
    #menubar_favorites_btn:hover,
    #menubar_nofavorites_btn 
          backgroundurl("/images/menubar/icon_favorite.png")no-repeat 50% 50%

    /*Fenetres*/

    .window_titlefont-familyviner hand itc;
        font-size17px;
        text-shadow5px black5px black;}

    .window_handle_content {background-image:url("http://nsm08.casimages.com/img/2016/03/23//16032301011120257714083146.jpg");}
    .window_handle_left {background-image:url("http://nsm08.casimages.com/img/2016/03/23//16032301011120257714083146.jpg");}
    .window_handle_right {background-image:url("http://nsm08.casimages.com/img/2016/03/23//16032301011120257714083146.jpg");}
    .window_content_wrapper1 {background-image:url("http://nsm08.casimages.com/img/2016/03/23//16032301011120257714083146.jpg");
    .window_content_wrapper2 {background-image:url("http://nsm08.casimages.com/img/2016/03/23//16032301011120257714083146.jpg");
    .window_bottom_wrapper1 {background-image:url("http://nsm08.casimages.com/img/2016/03/23//16032301011120257714083146.jpg");
    .window_bottom_wrapper2 {background-image:url("http://nsm08.casimages.com/img/2016/03/23//16032301011120257714083146.jpg");}
    .window_bottom {background-imageurl("http://nsm08.casimages.com/img/2016/03/23//16032301011120257714083146.jpg");
    .window_content {background-imageurl("http://nsm08.casimages.com/img/2016/03/22//16032207092420257714082375.png");}
    .window_tabs {background-imageurl("http://nsm08.casimages.com/img/2016/03/22//16032207092420257714082375.png");}


    .window_handle_left {border-radius12px 0px 0px 0px
                        -moz-border-radius:  12px 0px 0px 0px
                        -webkit-border-radius:  12px 0px 0px 0px

    .window_handle_right {border-radius0px 12px 0px 0px
                         -moz-border-radius:  0px 12px 0px 0px
                         -webkit-border-radius:  0px 12px 0px 0px}

    .window_bottom_wrapper1 {border-radius0px 0px 12px 12px
                            -moz-border-radius:  0px 0px 12px 12px
                            -webkit-border-radius:  0px 0px 12px 12px}

    .window_bottom_wrapper2 {border-radius0px 0px 12px 12px
                            -moz-border-radius:  0px 0px 12px 12px
                            -webkit-border-radius:  0px 0px 12px 12px}

    .window_content {border-radius0px 0px 5px 5px
                    -moz-border-radius5px
                    -webkit-border-radius5px} 

  • Commentaires

    1
    Mardi 14 Novembre 2017 à 22:38

    Je peux prendre celui-ci ?

    2
    Mercredi 15 Novembre 2017 à 21:35
    ( petite question : comment est-ce que tu mets de la transparence sur les menus du header ? )
    • Voir les réponses
    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :