• 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";
         src: url('http://ekladata.com/ICCYy8TpxBTyQ_quuAiO4nM0ZYE/Fighting-Spirit-Turbo.ttf');}
    @font-face {font-family: "Viner Hand ITC";
         src: url('http://ekladata.com/_mM2wU7cL7oIbXm-3-BpwjDVr-E/viner-hand-itc.ttf');}

    #body {
        background: url(http://nsm08.casimages.com/img/2016/03/23//16032312591120257714083144.png) no-repeat fixed 4% 0%,
            url(http://nsm08.casimages.com/img/2016/03/23//16032312560920257714083134.png) no-repeat fixed 10% 0%,
            url(http://nsm08.casimages.com/img/2016/03/23//16032312591120257714083145.png) no-repeat fixed 100% 0%,
            url(http://nsm08.casimages.com/img/2016/03/23//16032301011120257714083146.jpg) repeat fixed  0% 0%; }

    #background {
       background: url(http://nsm08.casimages.com/img/2016/03/24//16032401342020257714088070.png ) no-repeat 40% 40px,
            url(http://nsm08.casimages.com/img/2016/03/22//16032206071520257714082132.png) no-repeat 40% 0px,
            url() repeat fixed  0% 0%;
        width: 1050px;
        box-shadow: 0 0 10px darkred;
        background-color: #FFFFFF;}


    #header {margin-bottom: 35px;
        height: 450px;
        background-image: url("");}

    #titre_header {top: 100px;
            left: 670px;}

    #titre_header a {
        font-family: fighting spirit turbo;
        font-size: 55px;
        color: black;
        text-shadow: 0 0 5px white, 0 0 5px white, 0 0 5px white;}

    #slogan_header {left: 720px;
        top: 190px;
        font-family: fighting spirit turbo;
        font-size: 25px;
        color: white;
        text-shadow: 0 0 5px darkred, 0 0 5px black, 0 0 5px red;}

    /*Menu en-tête*/
    #menu {top: 3px;}

    #menu a {font-size: 20px;
        font-weight: none;
        text-align: center;
        font-family: fighting spirit turbo;
        color: black;
        text-shadow: 0 0 4px white, 0 0 4px white, 0 0 5px white, 1px 1px 3px white; }

    #menu a:hover {color: darkred;}


    /*Articles*/
    .module_titre a {color: black;}
    .module_titre {margin-top: 15px;
        background: url(http://nsm08.casimages.com/img/2016/03/22//16032207384820257714082423.png) no-repeat 10% 0%,
    url() no-repeat 0% 0%;
        height: 45px;
        font-size: 14px;
        font-weight: none;
        text-align: center;
        font-family: fighting spirit turbo;
        color: black;
        text-shadow: 0 0 5px white, 0 0 5px white, 0 0 5px white;
        margin-left: 10px;
        margin-right: 25px;
        border-bottom: 4px ridge darkred;}

    .module_contenu {text-align: justify;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 13px;
        font-family: arial;
        color: black;
        text-shadow: 0px 0px 2px white;
        
       }

    .module_contenu a {color: darkred;
        font-weight : bold;}

    .module_contenu a:hover {color: black;}

    .article_info {margin-right: 5px;
        margin-bottom: 10px;
        font-size: 11px;
        font-weight: none;
        text-align: center;
        font-family: arial;
        text-align: right;
        color: black;
        text-shadow: 0 0 2px white, 0 0 2px white;}

    .article_info a {color: darkred;}

    /*Menus 1 et 2*/

    #menu1 {
            width: 270px;  }

    #menu1 .module_menu_titre {height: 30px;
        line-height: 30px;
        background-image: url("http://nsm08.casimages.com/img/2016/03/23//16032306562220257714085455.png") ;
        font-size: 18px;
        text-align: center;
        font-family: impact;
        text-transform : uppercase;
        color: black;
        text-shadow: 0 0 3px white, 0 0 2px white, 0 0 2px white;
        border-bottom: 3px ridge darkred;
        border-right: 3px ridge darkred;}

    .module_menu_contenu {font-size: 13px;
        color: black;
        font-family: arial;
        padding: 5px;
        text-shadow: 0 0 5px white;}

    .module_menu_contenu a {text-shadow: 1px 1px 1px white, -1px -1px 2px white;
        color: black;
        font-weight : bold;}

    .module_menu_contenu a:hover {color: darkred;}


    /*Modules*/
    .module_menu_type_newsletter input[name=subscribe] {
        width:90%;
        border-radius: 3px;
        margin-top: 5px;}

    .module_menu_type_newsletter {text-align: center;}

    .module_menu_type_search [name="q"] {
        width:90%;
        height: 25px;
        border-radius: 1px;
        margin-bottom: 10px;}

    .module_menu_type_search {text-align: center;}
     

    /*Visiteurs*/
    .module_menu_type_lastvisitors img { filter: grayscale(1);         
        -webkit-filter: grayscale(1);         
        -moz-filter: grayscale(1);         
        -o-filter: grayscale(1);         
        -ms-filter: grayscale(1);
        max-width: 50px;
        margin: 2px;
        border-radius: 10px;
         margin: 5px; }

    .module_menu_type_lastvisitors img:hover {
      filter: grayscale(0);         
        -webkit-filter: grayscale(0);         
        -moz-filter: grayscale(0);         
        -o-filter: grayscale(0);         
        -ms-filter: grayscale(0);
        max-width: 50px;
        margin: 5px;}

    #help_bubble {font-family: news times;
     
        padding: 3px;
        font-style : italic;
        font-size: 13px;
        border-radius: 5px;
        border: 2px solid black;
        color: maroon;
        background-color: white; }

    /*--commentaire--*/
    .comment_normal, .comment_admin {
    width: 99%;
    }
     div.commentheader{
        background: #414141;
        margin-top: 10px;
        border: 1px solid #414141;
        border-bottom: none;}

    .comment_admin div.commentheader { border: 1px solid darkred;
        background: #350F0F;
        margin-top: 10px;
        }

     div.commentbody {border: 1px solid #414141;
        padding: 10px;
        background-color: #F0F0F0;
        text-align: justify;
        margin-bottom: 25px;
        }

    .comment_admin .commentnumber {
        color: white;
        font-family: impact;
        font-size: 20px;
        float: right;}

     .commentnumber {text-shadow: none;
        line-height: 30px;
        color: white;
        font-family: impact;
        font-size: 25px;
        font-variant: normal;
        text-align: center;
       }

     .commentpseudo a {color: white;
        font-style: normal;
        text-decoration: none;
        font-variant: normal;
    }
     .commentpseudo {
        line-height: 30px;
        text-shadow: 1px 1px 0px black;
        color: white;
        font-weight : bold;
        font-family: "arial";
        font-size: 18px;
        float: left;
        padding-left: 5px;
        }

     .comment_admin .commentpseudo {text-shadow: 1px 1px 0px darkred;
        font-style: normal;
        text-decoration: none;
        font-variant: normal;
    }
     .commentdate {float: right;
        text-shadow: none;
        font-size: 10px;
        padding-top: 5px;
        padding-left: 5px;
        font-family: Arial;
        color: #FEF3ED;
        line-height: 20px;
    }

     .commentavatar img {
        width: 55px;
        box-shadow: 0px 0px 3px darkred;}

     .comment-reply>a {font-size: 12px;
        font-weight : bold;
        margin-left: 10px;
        color: darkred;
        border-radius: 3px;
        padding: 3px;
        }
     

    .block-reply div.commentbody {background: white;
        padding-left: 4px;
        border-bottom: 1px solid darkred; }
     


    /*Haut - bas de page*/
       
    #id1{position: fixed;
        right: 5px;
        bottom: 20%;
        opacity: 0.2;}
       
    #id2{position: fixed;
        right: 5px;
        bottom: 30%;
        opacity: 0.2;}

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

    /*-Shoutbox-*/

    .menu_shoutbox strong {
        color: maroon;
        font-family: arial;
        font-size: 15px;  
        text-shadow: 0px 0px 3px white, 0 0 3px white;  }

    .menu_shoutbox {padding: 3px;
        margin: 5px;
        border: 2px solid black;
        border-radius: 5px;
        height: 235px;     
        color: black;
        text-shadow: 0px 0px 3px white, 0px 0px 3px white, 0 0 5px white;
        font-family: arial;
        font-size: 13px;
        background-image: url("http://nsm08.casimages.com/img/2016/03/23//16032305241620257714085006.png");
        background-repeat: no-repeat;}

    .module_menu_type_shoutbox [name="shoutbox_msg"]{width: 80%;  border: 1px solid black; }


    #footer {height: 20px;
       position: 100% 100%;
        text-align: center;
        margin: 0px;
       
    }

    #footer a {color: black;}

    #footer::after{ text-align: right;
        font-size: 12px;
        font-family: arial;
        content: "- Design du blog by Kalyna";
        color: maroon;
        text-shadow: 0 0 3px white; }




    /*menubar*/
    #menubar,
    #menubar a { color: white; font-weight: normal;
         font-family: arial; font-size: 12px; text-shadow: 0 0 5px darkred;  }

    #menubar {color: white;
        font-family: arial; font-size: 12px;
        font-weight: normal; text-shadow: 0 0 5px black; }

    #menubar :hover {color: white;}

    .menubar_section li:hover {color: black;
        text-shadow: 0 0 15px white;
        text-shadow: 0 0 5px darkred; }

    .menubar_section li {color: white;
        text-shadow: 0 0 5px black, 0 0 5px darkred;
        font-family: arial;
        font-size: 13px;}

    #menubar { background-image: url("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 { background: none;}

    #menubar_hide { background-image: url("http://nsm08.casimages.com/img/2016/03/23//16032305484920257714085114.png");
          height: 2px;
    }
    #menubar_show { background-image: url("http://nsm08.casimages.com/img/2016/03/23//16032305484920257714085113.png");
          height: xpx;
    }


    .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-radius: 5px;  }

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

    #notifications_panel li{ background: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 { background: none;}
    #menubar_favorites_btn,
    #menubar_nofavorites_btn:hover {   background: url("/images/menubar/icon_nofavorite.png")no-repeat 50% 50%; }
    #menubar_favorites_btn:hover,
    #menubar_nofavorites_btn {
          background: url("/images/menubar/icon_favorite.png")no-repeat 50% 50%; }

    /*Fenetres*/

    .window_title{ font-family: viner hand itc;
        font-size: 17px;
        text-shadow: 0 0 5px black, 0 0 5px 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-image: url("http://nsm08.casimages.com/img/2016/03/23//16032301011120257714083146.jpg");}
    .window_content {background-image: url("http://nsm08.casimages.com/img/2016/03/22//16032207092420257714082375.png");}
    .window_tabs {background-image: url("http://nsm08.casimages.com/img/2016/03/22//16032207092420257714082375.png");}


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

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

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

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

    .window_content {border-radius: 0px 0px 5px 5px;
                    -moz-border-radius: 5px;
                    -webkit-border-radius: 5px}

     

    /!\ Attention /!\
    - 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 la créa est de moi, Kalyna.


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