•  

    Thème #3 -Girly-

     

    Pour installer le thème merci de:

    • Mettre un menu à gauche
    • Ne pas mettre plus de 7 liens dans le menu du header (et sans déroulant)
    • Mettre toutes les valeurs à 0
    • Me demander pour le titre du blog
    • Me demander pour le code du menu "Hey !! What's up ?"
    • Les valeurs en rouge seront peut-être à changer

    Cependant, vous devrez changer le numéro en rouge par celui de votre module de partenaires et le nombre de px qui sera peut-être faussé (je crois que cela dépend de la taille des écrans).

    Si vous avez un souci, je suis là pour vous aider mais normalement tout marche (j'espère qu'il n'y aura aucun problème) é_è

     

    /*--Scrolling--*/
    ::-webkit-scrollbar-thumb:vertical {background-color: #eb5e91;}
    ::-webkit-scrollbar {height: 0px;
    width: 9px;
    background-color: white;}

    /*--Police--*/
    .post_table_profile a{}.post_table_profile a:hover{}.post_table_msg{}.post_table_msg a{}.post_table_msg a:hover{}
    @font-face {font-family: "Always_In_My_Heart";
         src: url('http://ekladata.com/FhxXhbxf7wT9Vz99sQIaBwH9VcY/Always-In-My-Heart.ttf');
    }
    @font-face {font-family: "Cafe_Brewery";
        src: url('http://ekladata.com/XJuAisBX3fAnO8Ok_FUIGACFS_M/cafe-brewery-2.0.ttf');}

    /*--fond fenêtre--*/
    #body { background:url('http://ekladata.com/3YZFabOQZS8QglwfvKHZRT_jD3I.png') repeat;}
    #body a {text-decoration: none;
    }


    /*--fond page--*/
    #background {min-height: 1200px;
        width: 1200px;
        background: none;
    box-shadow: none;}


    /*--header--*/
    #header {height: 500px;
        background-color: none ;
        margin-bottom: 80px ;
    background: url('http://ekladata.com/35ucoNC_TLBRXcWEqu7a5BpVFdo.png') 50% 0% no-repeat;}



    /*--menu header--*/
    #menu {     height: 50px;     background:url('http://ekladata.com/EDh2wv_1qCYLqnTnTFsT1nWTGaA.png') repeat;    }
    #menu{position: absolute;
        top: 424px;
        left: 100px;
    border: 1px solid #aaaaaa;}
    #menu a {display: inline;     
        font-family: Always_In_My_Heart ;     font-size: 30pt;     
        color: #eb5e91;     background:;     
        padding: 5px 20px 6px 20px;
    }  


    /*--menu1--*/
    #menu1 {width: 250px;
        
    background-color : #ffffff;  
    padding: 40px 30px 30px 30px;
        margin :  44px 0px 00px 00px;
    text-align: justify;
        border: 1px solid #aaaaaa;
    }

    #menu1 a {}

    #menu1 a:hover {}

    #menu1 .module_menu_titre {}

    #menu1 .module_menu_contenu {padding-bottom: 20px;}

    #menu1{padding-bottom : 20px;}


    #menu1 .module_menu_titre{    
        position: relative;     height: 30px;    
        font-weight: none;     font-style: none;    
        text-decoration: none;     font-variant: normal;   
        color: #5d5d5d;     font-family: Cafe_Brewery;   
        font-size: 25px; padding-bottom: 10px;
        text-align: right;
    }

    #menu1 a {color:white;
    font-weight: bold;}
    #menu1 a:hover {color:#f6478d ;
        font-weight: bold;
        text-shadow: none;
    }

    /*--module dans header--*/
    #module_menu146500070 {position: absolute;     
        top:70px;     
        left: 15px;
    width: 352px;}
    #module_menu146500070 .module_menu_titre {    display: none;}

        
    /*--module de recherche--*/

    .module_menu_type_search [type="submit"]
    {display:none;}
     .module_menu_type_search [name="q"]   { width: 250px; background-color: #eeeeee; border: solid 1px grey;}  .module_menu_type_search [type="submit"]   {display:none;}


    /*--module des visiteurs--*/



    .module_menu_type_lastvisitors img{
        width : 40px;

    margin-top: 20px;
    border-radius: 25px 15px / 12px 18px;
    border: solid 1px white;
    opacity: 1;}

     


    /*--article--*/
    #content {width: 850px;
    margin-left: 350px;
        margin-right: 10px;
    min-height: 400px;
    }

    .module_titre_contenu, .module_titre_contenu a {color: #f6478d;}


    .module_titre_contenu {font-family: Cafe_Brewery;
    height: 100%;
        color: #f6478d;
    font-size: 22pt;
    line-height: 100%;
    padding: 10px 10px 5px 10px;
    text-align: left;
    letter-spacing: 3pt;
    border-radius: 5px 5px 0px 0px;}

    .article_info { font-family: ;
    height: 100%;
    font-size: 7pt;
        color : grey;
    line-height: 100%;
    text-align: right;
    padding:00px 10px 30px 10px;}

    .module_contenu {padding: 10px;
    background: white;
        font-size: 12pt;
    border: 1px solid #aaaaaa;
    margin-bottom: 40px;
    color: #5d5d5d;}
    .module_contenu a {color: black;
    font-weight: bold;}

    .module_contenu em {color: #f6478d;}
    .module_contenu strong {color: #f6478d;}

    .module_contenu a:hover {color: #f6478d;}

    .module_bottom {}


    /*--footer--*/
    #footer {width: 100%;
        padding-right: 10px;
        text-align: center;
        color: white;
        padding-left: 10px;
        line-height: 300%;
        height: 40px;}

    #footer a {color: black;}

    #footer a:hover {opacity: 0.4;}

    #footer:after {content: "- © Rioko Sakura";
    color : black;}

    /*--commentaire--*/
    .comment_normal, .comment_admin {
    width: 100%;
    }
    div.commentheader{
    background-color: #f9f9f9;
    margin-top: 10px;

    border-bottom: dashed 1px grey;}
    div.commentbody {
    padding-top: 10px;
    padding-right: 2px; padding-left: 7px;
    padding-bottom: 10px;
    background-color: #f9f9f9;
    text-align: justify;
    margin-bottom: 25px;
    }
    .comment_admin .commentnumber {
    color: #9a9a9a;
    font-family: Cafe_Brewery;
    font-weight: lighter;
    font-size: 25px;
    float: right;}
    .commentnumber {
    float: right;
    color: #9a9a9a;
    font-family: Cafe_Brewery;
    font-size: 25px;
    font-variant: normal;
    text-align: center;
    padding-right: 10px;
    width: 45px;
    padding-left: 10px;}
    .commentpseudo a {
    font-style: normal;
    text-decoration: none;
    font-variant: normal;
    }
    .commentpseudo {
    line-height: 140%;
    padding-top: 5px;
    font-family: Cafe_Brewery;
    font-weight: lighter;
    font-size: 18px;
    float: right;
    letter-spacing: 3pt;}
    .comment_admin .commentpseudo {
    font-style: normal;
    text-decoration: none;
    font-variant: normal;
    }
    .commentdate {float: left;
    font-size: 9pt;
    padding-top: 5px;
    padding-left: 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: grey;
    opacity: 0.8;
    line-height: 200%;
    }
    .commentavatar {float: right;}
    .commentavatar img {
    width: 90%;

    box-shadow: 0px 0px 3px #9a9a9a;}

    /*--Bouton et champs--*/
    input[type="text"], select, textarea {position: relative;
        top: -3px;
        color: grey;    
        height: 29px;
        padding: 2px}




    /*--helpbubble--*/
    #help_bubble {border-radius: 3px;
    background: white;
    border: 1px solid #cacaca;
    color: #f6478d;}


    /*--forums--*/
    .post_table_head {background:url('http://ekladata.com/EDh2wv_1qCYLqnTnTFsT1nWTGaA.png') repeat;
        padding: 3px 2px 3px 2px;
    text-align: center;
    font-family: arial;
    color: white;
    border-radius: 15px 15px 0px 0px;}
     
    .post_table_profile a {position: relative;
        top: -9px;
        display: block;
        width: 100%;
        margin-bottom: 8px;
        background: rgba(255,255,255,.7);
        color: #f6478d;}
     
    .post_table_profile a:hover {color: black;}
     
    .post_table_profile {background:url('http://ekladata.com/EDh2wv_1qCYLqnTnTFsT1nWTGaA.png') repeat;
    width: 110px;
    height: 100px;
        padding-top: 10px;
    font-family: "Trajan";
    font-size: 17px;
        letter-spacing: -0.4pt;
    text-align: center;
    border-radius: 0px 0px 0px 15px;}
     
    .post_table_profile img {position: relative;
        top: -40px;
        border-radius: 8px / 20px;
        box-shadow: 0px 0px 8px white;}
     
    .post_table_msg { background: #f7f7f7;
    padding: 5px 10px 5px 10px;
    border-radius: 0px 0px 15px 0px;
    color: grey;
    box-shadow: inset 0px 0px 7px grey;}
    .post_table_msg p {width: 455px;}

     

    Merci à Nagalia pour ses codes très utiles.

     


    34 commentaires
  • Oui, je sais que "Rejoint" est normalement avec un "S" mais c'est pas grave (technique de flemme pour ne pas devoir tout refaire) mais dans les codes il n'y a pas le header avec les fautes

     

    Pour installer le thème merci de:

    • Mettre un menu à droite
    • Ne pas mettre plus de 5 lien dans le menu du header
    • Ne pas mettre des titre d'articles trop long
    • Mettre toutes les valeurs à 0

    Si vous avez un souci, je suis là pour vous aider mais normalement tout marche :)

     

     /*--fond fenêtre--*/
    #body {background:url('http://ekladata.com/1DprEGddeqUedbmvNfx8-PuXTg8.png') no-repeat 50% 0%,url('http://ekladata.com/q7sHfvMhH3PSPmAsM1V5R89Rjwg.png') repeat 0% 0%,url('http://ekladata.com/q7sHfvMhH3PSPmAsM1V5R89Rjwg.png') repeat 50% 0%;}
    #body a { text-decoration: none;}

    /*--fond page--*/
    #background {
    width: 1200px;
        margin-top: 0px;
    padding-left: 10px;
    padding-right: 10px;}

    /*--header--*/
    #header {
    height: 553px;
    margin-bottom: 40px;}

    #titre_header {font-size: 0pt;}






    /*--menu header--*/
    #menu {z-index: 15;     
        list-style-type: none;
        margin: 0px; padding: 0px;
        position: absolute;
        top: 565px;
    left: 490px;
    text-transform: uppercase;
    font-size: 15pt;
    line-height: 290%;}  
    #menu a {letter-spacing: 1.0pt;}  
    #menu ul a, #menu ul a {letter-spacing:1.0pt;
        line-height: 10px;}  
    #menu ul a:hover,
    #menu ul a:hover {
        text-shadow: 1px 1px 10px white;}


    #menu li {
    float: left;
    }

    #menu a {
        display: block;
    height:50px;
    width: 100px;
        padding-left: 5px;
        padding-right: 25px;
        color: #266dac;
        text-align: right;
    }
    #menu ul a {
    height: 30px;
    width: 140px;
    background-color: #e8e8e5;
    text-align: left;
        padding-left: 5px;
    padding-right: 5px;}


        

    /*--menu1--*/
    #menu1 {position: absolute;
    top: 650px;
    left: 200px;
        width: 331px;
    }

    #menu1 .module_menu_titre {height: 0px;
    font-size: 0pt;}
    #menu1 .module_menu_contenu {}

    .module_menu_type_lastvisitors {
        position: absolute;

    width: 100px;
    top: -600px;
    left : -40px;}

    .module_menu_type_lastvisitors img {width:50px;
    height: 50px;
    margin-bottom: 25px;
    border-radius: 12px 15px / 8px 19px;
    box-shadow: 0px 0px 2px white;
    border: solid 2px white;
    opacity: 0.7;}

    .module_menu_type_lastvisitors img:hover{opacity: 1;}

    /*--article--*/
    .module_titre_contenu {height: 100%; padding-top: 9px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;} .module_titre {  top: 390px;      left:505px;       heigh: 500px;         width: 810px;                 
    -webkit-transform: rotate(90deg);                -moz-transform: rotate(90deg);                -o-transform: rotate(90deg);                transform: rotate(90deg);}
    #content {width: 1000px;
        heigh :100px;
    margin-left: 180px;
    text-align: justify;
    }
    .module_titre_contenu,.module_titre_contenu a {
        margin-top :4px;
    font-weight: ;
        font-family: arial;
        color: #266dac;
        font-size: 30pt;
    text-decoration: none;
    text-align: left;
    text-shadow: 0px 2px 2px white;
        }


    .article_info { display: none;
    }

    .module_contenu {
        
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 10px;
        width: 940px;
        background-color: #fafafa;
    font-family:arial;
    font-size: 11pt;
    color: black;
    letter-spacing: 0.3pt;
    border-radius: 25px 15px / 12px 18px;
    }


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

    .module_contenu a:hover {
        color: #266dac;
    }

    .module_bottom {
        height: 40px;

    }

    /*--footer--*/
    #footer {
        height: 25px;
        font-size: 14px;
        color: #266dac;
        background-color: #e8e8e5 repeat
            position: absolute;
    float: center;
    }

    #footer a {
        color: #266dac;
    }

    #footer a:hover {
        opacity: 0.4;
    }

    #footer:after {content: "-  Design by Rioko Sakura  -  © 2015";}

    /*--commentaire--*/
    .comment_normal, .comment_admin {
    width: 100%;
    }

    div.commentheader{
        background-color: white;
        margin-top: 10px;
        border-right: solid 1px #ebebeb;
    border-left: solid 8px #fbe31f;
        border-top: solid 1px #ebebeb;
    }

    div.commentbody {
        background-color: white;
    padding: 5px 5px 7px;
    text-align: justify;
    margin-bottom: 25px;
     border-right: solid 1px #ebebeb;
    border-left: solid 8px #fbe31f;
        border-bottom: solid 1px #ebebeb;}

    .comment_admin .commentnumber {
        color: #9a9a9a;
    font-family: impact;
    font-weight: lighter;
    font-size: 25px;}

    .commentnumber {
    float: left;
       color: #9a9a9a;
    font-family: impact;
    font-weight: lighter;
    font-size: 25px;
            font-variant: normal;
    text-align: left;
    padding-left: 10px;
    width: 35px;}

    .commentpseudo a {
    font-style: normal;
    text-decoration: none;
    font-variant: normal;
    }

    .commentpseudo {
        line-height: 140%;
    float: left;
    padding-top: 5px;
    font-family: arial;
        font-size: 18px;}

    .comment_admin .commentpseudo {
    font-style: normal;
    text-decoration: none;
    font-variant: normal;
    }

    .commentdate {float: right;
    font-size: 9pt;
    padding-top: 5px;
    padding-right: 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: grey;
        opacity: 0.8;
        line-height: 200%;
    }

    .commentavatar img {
    width: 90%;
    border-radius: 12px 15px / 8px 19px;
    box-shadow: 0px 0px 2px #9a9a9a;
    }

     

    Merci à Nagalia pour ses codes très utiles.

     

    En cadeau, je vous propose des petits avatars

    Thème #2 -Les Minions-Thème #2 -Les Minions-Thème #2 -Les Minions-Thème #2 -Les Minions-


    17 commentaires
  • Thème  #1

    Pour installer le thème merci de:

    • Mettre un menu à droite
    • Mettre toutes les valeurs à 0
    • Mettre que 4 visiteurs

    Cependant, vous devrez changer le numéro en rouge par celui de votre module de partenaires et le nombre de px qui sera peut-être faussé (je crois que cela dépend de la taille des écrans).

    Si vous avez un souci, je suis là pour vous aider mais normalement tout marche :) 

     

    /* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;} /* End http://www.cursors-4u.com */
    ::-webkit-scrollbar-thumb:vertical {background-color: #444147;}
    ::-webkit-scrollbar {height: 0px;
    width: 9px;
    background-color: white;}

    #background {width: 1300px;
        }
    #footer:before{ content: "Codes et Graph' par Rioko Sakura -" ;}

    #header {    background-image:url("http://ekladata.com/Lv9j9hx0YVzEdS53gTYvg6rvCrY.png");
        background-position: left top;
    background-repeat: no-repeat;
    background-attachment: absolute;
        height: 792px;}

    #body {background-image:url("http://ekladata.com/3UW1S1dJQ6g5W99Ji9PoVKQkJfY.png");
        background-position: center top;
    background-repeat: repeat;
    background-attachment: fixed;
    text-align: justify;}


    #content {
    min-height: 850px; }

    .module_menu_type_shoutbox {position: absolute;
        top: 540px;                   
        left: -310px;
    width: 220px;}
    .module_menu_type_shoutbox [type="submit"]
    {display:none;}

    #module_menu143198628 {position: absolute;
        top: 560px;                   
        left: -590px;
    width: 220px;}

    #module_menu143198904 {position: absolute;
        top: 580px;                   
        left: -840px;
    }
    #menu1{position: absolute; top: 0px; left: 1285px;
     background-image:url("http://ekladata.com/c92aSUuddt-KdAVc5JVhpabiN0M.png");
    border: 1px solid white;}
     .module_menu_type_search [name="q"]   {border-radius: 5px  15px 5px 15px; width: 150px; background-color:#c3c3c3;}  .module_menu_type_search [type="submit"]   {display:none;}


    #content {margin-left: 20px;
    margin-right: 350px;
    margin-top: 50px;}



    #menu1 .module_menu_titre {
    color: white;
    font-family: "times new roman";
    text-shadow: 0px 0px 2px white;
    text-align: right;
    padding-right: 25px;
        font-size: 15pt;
        margin-top: 10px;}
    #menu1 { width: 200px;}

    #menu1 .module_menu_contenu_block {
        text-align: justify;
    color: black;
    font-family: arial;
    font-size: 15pt;
        
        margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 35px;
        width: 180px;
    }


    #menu1 .module_menu_contenu_block {color: grey;
        text-decoration : none;
    }



    .module_titre_contenu, .module_titre_contenu a {
        font-family: "Times New Roman", Times, serif;
    font-size: 25pt;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    font-variant: small-caps;
    text-align: left;
        margin-left: 20px;
        margin-bottom: 10px;
    color: #42343b;
    text-shadow: 0px 0px 1px #42343b;}

    .module_contenu { margin-bottom: 30px;
    text-align: justify;
    color: black;
    font-family: arial;
    font-size: 10pt;}



    .article_info {text-align: left;
        height: 15px;
        font-size: 8pt;
        color: black;
        opacity: 0.6;

    margin-bottom: 10px;}

    .article_info a:hover {color: grey;
    text-decoration : none}



    .commentbody {    font-family: arial;
    font-size: 10pt;
    font-style: italic;
    color: black;
    padding-left: 10px;
    margin-bottom: 10px;}



    .commentpseudo a{color:black;text-decoration : none}
    .commentpseudo a:hover {color: grey;
    text-decoration : none}

    .commentdate {font-family: arial;
    color: black;
    opacity: 0.2;}

    .commentnumber {padding-left: 15px;
        font-family: 'times new roman';
    font-weight: bold;
    color: black;}

    .comment_admin .commentbody {color: #6bacda;
        text-shadow: 0px 0px 1px white;
    }


    #footer { height: 30px; color: black;
        text-align : center;
        font-size: 8pt;
    font-family: "arial";}

    #footer a {color: black;
    font-family: "arial";}

    #footer a:hover {color: grey;
        text-decoration : none;
    font-family: "arial";}

    #content {    line-height: 1.4em;}

     

    Merci à Nagalia pour ses codes très utiles.


    58 commentaires


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