• Thème #3 Angel

    Thème dans les couleurs blanc, rose et vert pâles.

    Thème #3 Angel

     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 si ce n'est pas déjà fait.
    (normalement c'est déjà noté dans le pied de page)

    1. Mettre vos paramètres à zéro (marges, menus, bordures, liens, contenu, etc)
    2. Mettre le #menu1 à gauche.

     

     

     html,body { cursor : url("http://nsm08.casimages.com/img/2016/02/20//16022006003420257713988879.png"), auto; }

    @font-face {font-family: "gabriola";
         src: url('http://ekladata.com/mdvOyk3-RX70_IU2E3_kJSoac0I/Gabriola.ttf');}
    @font-face {font-family: "edwardian script itc";
         src: url('http://ekladata.com/_RXpbMyIGgRBWx5AuyQ3j4uj1Es/Edwardian.ttf');}

    /*Fond*/
    #body {  background-image: url("http://nsm08.casimages.com/img/2016/02/19//16021908133920257713986588.png");
        background-repeat: repeat;
        background-attachment: fixed}

    #background { background-image: url("http://nsm08.casimages.com/img/2016/02/20//16022006403120257713988896.png");
        box-shadow: 0 0 15px black;
      
        width: 1050px;
      
    }

    #header {background-image: url("http://nsm07.casimages.com/img/2017/02/19//17021912332620257714856908.png"); height: 450px;
        background-repeat: no-repeat;
        font-family: edwardian script itc;
        font-size: 85px;
        color: white;
        font-weight: none;
        text-shadow: 0 0 5px DeepPink , 0 0 5px deeppink, 0 0 5px black;    }

    #titre_header {top: 50px; left: 50px;}
    #titre_header a {color: white;}

    #slogan_header {font-family: edwardian script itc;
        font-size: 45px;
        color: white;
        font-weight: none;
        text-align: center;
        text-shadow: 0 0 5px ForestGreen, 0 0 5px ForestGreen, 0 0 5px black;}

    /*Menu en-tête*/

    #menu {
        top: 10px;
        text-align: right;
       
        left: 900px;
        
    }
    #menu a {
        height: 20px;
        line-height: 23px;
        background-image: url("http://nsm08.casimages.com/img/2016/02/20//16022006403120257713988896.png");
        border-radius: 3px;
        box-shadow: 0 0 3px ForestGreen, 0 0 3px green;
        font-family: gabriola;
        font-size: 23px;
        color: white;
        font-weight: bold;
        text-shadow: 0 0 2px deeppink, 0 0 2px deeppink, 0 0 2px green;
        margin-bottom: 10px;
        margin-right: -10px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 20px;
        padding-left: 5px;
        }

    #menu a:hover {box-shadow: 0 0 3px deeppink, 0 0 3px indigo;
        color: white;
        font-weight: bold;
        text-shadow: 0 0 2px green, 0 0 2px green, 0 0 2px white;
        font-size: 27px;
        padding-right: 15px;}

    #menu1 { width: 270px;
        margin-left: 5px;
        margin-right: 10px;
      
       }

    #menu1 .module_menu_titre { height: 76px;
        line-height: 88px;
        background-image: url("http://nsm07.casimages.com/img/2017/03/03//17030307301914970214889233.png");
        background-repeat: no-repeat;
        background-position: center;
        padding: 5px;
        font-family: gabriola;
        font-size: 24px;
        color: white;
        font-weight: bold;
        text-align: center;
        text-shadow: 0 0 5px LightGreen, 0 0 5px black, 0 0 5px black;
        }

    .module_menu_contenu {
        font-family: arial;
        padding: 5px;
        margin-bottom: 25px;
        color: black;    }

    .module_menu_contenu a {color: #D06C9D;
        font-weight : bold;}


    /*Modules*/

    .module_menu_type_search [name="q"] {width:85%;
        border-radius: 2px; }


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

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

    .menu_shoutbox {padding: 3px;
        margin: 5px; border: 1px dashed SeaGreen;
        border-radius: 5px;
        height: 240px;     
        color: black;
        text-shadow: 0px 0px 3px white, 0px 0px 3px white;
        font-family: arial;
        font-size: 12px;
        background-image: url("http://nsm08.casimages.com/img/2016/02/20//16022002511420257713988845.png");
        background-repeat: no-repeat;}

    .module_menu_type_shoutbox [name="shoutbox_msg"]{width: 80%; }

    /*com-avatar*/
     div.commentheader {color: white;
        margin-bottom: 5px;
        padding: 2px;
        height: 20px;
        background: #80D1B5;
    }

    .commentdate {
        text-shadow: none;
        font-size: 10px;
        padding: 2px;
        font-family: Arial;
        color: white;
        line-height: 15px;
    }

    .commentpseudo, .commentpseudo a {
        line-height: 18px;
        text-shadow: 1px 1px 0px #D44A8F;
        color: white;
        font-weight : bold;
        font-family: arial;
        font-size: 18px;
        }

    .commentnumber {text-shadow: 1px 1px 0px white;
      line-height: 20px;
        color: #380044;
        font-family: arial;
        font-size: 20px;
        font-variant: normal;
        font-weight : bold;
        text-align: center;
       }

    .comment_normal, .comment_admin {
        border: 2px solid #80D1B5;
        margin-bottom: 15px;
        width: 99%;
    }

    .block-reply .commentpseudo a  {color: white;}


    .commentavatar img {margin: 3px;
        border-radius: 50px;
        max-width: 55px;
        box-shadow: 0 0 3px deeppink, 0 0 3px pink, 0 0 3px indigo; }


    /*Visiteurs*/

    .module_menu_type_lastvisitors img {max-width: 40px;
        opacity: 0.9; margin: 2px;
        border-radius: 20px;
        border: 1px solid white;
        box-shadow: 0 0 3px deeppink, 0 0 2px indigo;
        margin: 5px; }

    .module_menu_type_lastvisitors img:hover {
        box-shadow: 0 0 3px green, 0 0 3px green, 0 0 3px white;
        border: 1px solid white;
        opacity: 1;
        margin: 5px;}

    #help_bubble {
        font-weight: bold;
        padding: 3px;
        font-style : italic;
        font-size: 12px;
        border-radius: 5px;
        border: 2px solid #E175A0;
        color: black;
        background-color: white; }

     /*Articles*/

    #content { margin-right: 10px;}

    .module_titre  {height: 60px;
         line-height: 60px;
        background: url(http://nsm08.casimages.com/img/2016/02/20//16022002324420257713988827.png) no-repeat 100% 0%,
       url(http://nsm08.casimages.com/img/2016/02/20//16022002341420257713988833.png) repeat-x 0% 50%;
        background-repeat: no-repeat;
        padding: 5px;
        font-family: gabriola;
        font-size: 18px;
        color: white;
        font-weight: bold;
        text-align: center;
        text-shadow: 0 0 5px deeppink, 0 0 5px PaleVioletRed, 0 0 5px black;
        margin-top: 10px;}

    .module_titre a {color: white;}

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

    .article_info a {color: green;}


    .module_contenu {
     margin-left: 5px; text-align: justify;
        font-family: arial;
        font-size: 13px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 25px;
        color: black;
        border-radius: 20px;
       }

    .module_contenu a {color: #E175A0;}

    #footer { height: 30px; text-align: center;
       }

    #footer a{ height: 50px;  color: grey;}

    #footer::after{
        font-size: 13px;
        font-family: arial;
        content: "- Thème du blog by Kalyna";
        color: #E175A0;
        text-shadow: 0 0 3px white, 0 0 3px white; }

    /*menubar*/
    #menubar,
    #menubar a { color: black; font-weight: normal;
         font-family: arial; font-size: 12px;   }

    #menubar {color: black;
        font-family: arial; font-size: 12px;
        font-weight: normal; }

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

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

    #menubar { background-image: url("http://nsm08.casimages.com/img/2016/02/19//16021908133920257713986588.png"); background-attachment: fixed;  }

    .menubar_button
    .menubar_section:hover,
    .menubar_section,
    .menubar_separation,
    .menubar_button,
    #menubar_logo,
    #menubar_favorites { background: none;}

    #menubar_hide,
    #menubar_show { background-image: url("http://nsm08.casimages.com/img/2016/02/20//16022005031920257713988864.png");}

    .menubar_section li {
               background:url("http://nsm08.casimages.com/img/2016/02/20//16022005084320257713988871.png")no-repeat; }
    .menubar_section li:last-child {
               background:url("http://nsm08.casimages.com/img/2016/02/20//16022005084320257713988872.png")no-repeat ; border-radius: 5px;  }

     .menubar_section:hover div{
                       background-image: url("http://nsm08.casimages.com/img/2016/02/20//16022005103520257713988873.png")}

    #notifications_panel li{ background:url("http://nsm08.casimages.com/img/2016/02/05//16020509063920257713950794.png")}
    #notifications_panel li:hover { background:url("http://nsm08.casimages.com/img/2016/02/20//16022005103520257713988873.png") }
    #notifications_panel .new_notification { background:url("http://nsm08.casimages.com/img/2016/02/20//16022005435820257713988878.png")}
    #notifications_panel li:last-child{ background:url("http://nsm08.casimages.com/img/2016/02/05//16020509063920257713950794.png");   }
    #notifications_panel li:last-child :hover{ background:url("http://nsm08.casimages.com/img/2016/02/05//16020509063920257713950794.png"); color: deeppink;  }

    #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: gabriola;
        font-size: 22px;
    text-shadow: 0 0 5px deeppink, 0 0 5px pink;}

    .window_handle_content {background-image:url("http://nsm08.casimages.com/img/2016/02/20//16022005103520257713988873.png");}
    .window_handle_left {background-image:url("http://nsm08.casimages.com/img/2016/02/20//16022005103520257713988873.png");}
    .window_handle_right {background-image:url("http://nsm08.casimages.com/img/2016/02/20//16022005103520257713988873.png");}
    .window_content_wrapper1 {background-image:url("http://nsm08.casimages.com/img/2016/02/20//16022005103520257713988873.png");}
    .window_content_wrapper2 {background-image:url("http://nsm08.casimages.com/img/2016/02/20//16022005103520257713988873.png");}
    .window_bottom_wrapper1 {background-image:url("http://nsm08.casimages.com/img/2016/02/20//16022005103520257713988873.png");}
    .window_bottom_wrapper2 {background-image:url("http://nsm08.casimages.com/img/2016/02/20//16022005103520257713988873.png");}
    .window_bottom {background-image: url("http://nsm08.casimages.com/img/2016/02/20//16022005103520257713988873.png");}
    .window_content {background-image: url("http://nsm08.casimages.com/img/2016/02/19//16021908133920257713986588.png");}
    .window_tabs {background-image: url("http://nsm08.casimages.com/img/2016/02/19//16021908133920257713986588.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}
     

  • Commentaires

    1
    Samedi 7 Octobre 2017 à 11:07

    Salut :3 Je peux le prendre ? Je l'adore >w<

    Juste une question : Comment t'as fait pour créer un code CSS du thème ?

    • Voir les réponses
    2
    Samedi 7 Octobre 2017 à 12:05

    Salut :) J'aime le thème, puis-je le prendre ? Merci!

    3
    Samedi 7 Octobre 2017 à 12:09

    Super :))

    4
    Mercredi 25 Octobre 2017 à 18:12

    Je prends!

    5
    Mercredi 25 Octobre 2017 à 22:30

    j'ai pris se theme mais je pense changer l'header

     

    6
    Dimanche 24 Décembre 2017 à 14:04

    je l; ai pris

    7
    Vendredi 29 Juin à 16:13

    Bonjour j'aimerais te le prendre si tu veux bien ? mes je sais pas comment faire pour le mettre peu tu me le mettre sur mon blog j'attend que tu me repond pour t'envoyer le lien de mon blog je mettrais la permission pour que tu puise le faire si jamais tu veux bien ^^ bisous

    8
    Vendredi 29 Juin à 16:26

    voici le lien  *^*

    de mon blog ^^

    http://un-univers-pour-tout-les-gout.eklablog.com/

    mes es ce que le menu du haut pourra rester comme je les m'y sur mon blog ou pas :) ?

    • Voir les réponses
    9
    Vendredi 29 Juin à 16:30

    merci c'est gentille *^* je te mes la permission sur mon blog *o*

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :