• Bonjour ! Ca fait longtemps que je n'avais pas fait de thème! Celui ci est un peu plus élaboré et quelques codes css s'y ajoutent !

    Des défaut sont toujours présent évidemment....

    N'oubliez pas de décocher toute les case dans "Apparence" "modifier le thème" Sauf -ça-

     

    Je precise que certains codes sont de Elinae ;)

    @font-face {font-family: "Master";
     src: url('http://ekladata.com/UKntiAf8XrBrQ19P8hVHaR201Bg/master_of_break.otf');}
     @font-face {font-family: "SF";
    src: url('http://ekladata.com/tjayi-v3IbuMqxhkUJTKWbAAqQQ/SF-New-Republic.ttf');}
     @font-face {font-family: "round";
    src: url('http://ekladata.com/3CTUswhiEj245cn85IhQtNDqWyE/Rounded_Elegance.ttf');}#body {
    background-image: url(http://www.tektura.com/media/cache/context/white-wood_4500x3000.jpg) ;
        background-reapeat: REAPEAT fixed;
    background-attachment: fixed ;}
     
    /*--article--*/
    #content {}

    .module_titre_contenu, .module_titre_contenu a {height: 100%;
    font-family: Master;
    font-size: 30pt;
    color: #F7F268;
    line-height: 400%;
    text-shadow: 2px 3px 0px #9E00B6 ;}

    .module_titre_contenu {
    -ms-transform: rotate(-1.2deg); /* IE 9 */
        -webkit-transform: rotate(-1.2deg); /* Chrome, Safari, Opera */
        transform: rotate(-1.2deg)}

    .article_info {
    width: 100%;
    height: 10px;
        text-align: left;
    opacity: 0.4;
    color: BLACK;
    font-size: 5.5pt;
    padding-left: 50px;
    margin-bottom: 10px;}

    .article_info a {}

    .article_info a:hover {}

    .module_contenu {margin-left: 22px;
        width: 575px;
    font-family: Master;
    font-size: 14pt;
    color: black;
    text-align: justify;}

    .article_text {padding-left: 20px;}
    .module_contenu a {color: BLACK;}
    .module_contenu a:hover {border-bottom: 4pxwhite double;
    color: grey;}
    .module_bottom {}
     
    #footer:after {content: "- Thème : Bird-Girl -  Design by Mion (Codes CSS by Elinae)  -  ©2015-2017";
    color: #2e2e2e}

     /*--menu1--*/
    #menu1 {width: 300px;
    padding: 40px 7px 40px 17px;
    font-family: Master;}
    #menu1 a {color: BLACK;}
    #menu1 a:hover {color: white;}
    #menu1 .module_menu_titre {height: 100%;
    padding: 15px;
    font-family: Master;
    font-size: 17pt;
    text-align: center;
    color:black;}
    #menu1 .module_menu_contenu {padding: 15px 0px 30px 0px;}

    /*--header--*/
    #header {background: url('http://ekladata.com/P4DHk4r_5czNp_-yLqeUVAAdBNM/titreuh.png')no-repeat;}

    /*--menu header--*/
    #menu {width: 1120px;
    top: 510px;
    left: 1px;
    height: 45px;
    font-family: 'Master';
    font-size: 30pt;
    line-height: 220%;}
     #menu a {
    color: #F7F268;
    text-shadow: 1px 1px 0px #9E00B6;}

    /*--commentaire--*/
    .comment_normal, .comment_admin {width:98%;
    margin-left: auto; margin-right: auto;
        margin-top: 12px;
        margin-bottom: 10px;
    background: #F7F268;
    border-radius: 34px;}

    div.commentheader{height: 45px;
    background: #9E00B6;}

    div.commentbody {padding: 4px;}

    .commentnumber {font-family:round;
    font-size: 18pt;
    width: 60px;
    text-align: center;
    margin-top: 4px;
    color: #F7F268;}

    .comment_admin .commentpseudo a {color:#F7F268;}
    .comment_normal .commentpseudo a {color:white;}

    .commentpseudo {font-family: Master;
    font-size: 20pt;
    margin-left: 4px;
    margin-top: -4px;
    color: black;
    min-width: 400px;
    max-width: 500px;}

    .commentpseudo a {color: #F7F268;}
    .commentpseudo a:hover {border: none;
    color: #F7F268;}

    .commentdate {float: left;
    width: 500px;
        position: relative;
    top: -8px;
    font-family: georgia;
    font-style: italic;
    color: black;
    font-size: 9pt;}

    .commentavatar {position: relative;
        top: -55px;
        padding: none;
        margin-right: -21px;}

    .commentavatar img {width: 53px;
    height: 53px;
    box-shadow: 0px 0px 5px #F7F268;}

    .comment-reply a {color: #F7F268;
    background: BLACK;
    border-radius: 3px;
    padding: 3px 5px 3px 5px;
    margin-left: 10px;}

    .comment-reply a:hover {border: none;
    background: BLACK;}

    .block-reply {padding-left: 0px;
    margin-left: 25px;
    border-left: 0px;
        margin-top: 15px;}

    .block-reply li {margin-right: 15px;
        margin-bottom: 18px;}

    .block-reply li .commentheader{height: 45px;
    background: none;}

    .block-reply li .commentpseudo {padding: 3px0px 0px 5px;}
    .block-reply li .commentpseudo a {color:BLACK;}
    .block-reply li .commentdate {padding: 0px0px 0px 21px;
    color: BLACK;}

    .block-reply li .comment_normal, .block-replyli  .comment_admin{border: 1px dashed BLACK;
    padding: 3px 7px 3px 7px;
    color: BLACK;}

    .block-reply li .commentavatar {position: relative;
        top: -64px;
        margin-right: -45px;}

    .block-reply li .commentavatar img {width:40px;
        height: 40px;
        border-radius: 4px;}
     
    /*--Forums--*/
    .module_contenu_block {margin-top: 5px;}
    .post_table_profile a {z-index: 9;
        position: absolute;
            margin-top: 10px;
        display: block;
        width: 150px;
        text-align: center;
    font-family: Master;
    font-size: 18pt;
    color: Black;
    text-shadow: 0px 0px 5px black;
    line-height: 20%;
    -ms-transform: rotate(-2.5deg); /* IE 9 */
        -webkit-transform: rotate(-2.5deg); /* Chrome, Safari, Opera */
        transform: rotate(-2.5deg)}
     
    .post_table {
        width: 574px;
            margin-bottom:10px;
        margin-top: 10px;
        background: none;}

    .post_table_head {position: absolute;
        margin-top:120px;
    width: 110px;
    padding: 3px 5px 3px 5px;
    color: black;
    font-family: Master;}

    .post_table_profile {float: middle;
        width: 200px;
        height: 200px;
    }

     

     

    Pour la bannière, vous devez juste me donnez le nom de votre blog et je ferais une bannière avec votre ce nom. Autrement, sur votre bannière il restera marqué "Titre du blog" ;)

     

    Le résultat final :

    2 ème thèmeclique pour le voir en plus grand


      Si vous avez des problèmes dans l'installation vous pouvez m'envoyer un message privé.

    Encore une fois, soyez indulgents...je ne suis vraiment pas douée pour faire des thèmes bien comme il faut...

     

    Merci de créditer avant de prendre.
     


    15 commentaires
  •  

     

     

    Petit thème ! (clique pour voir la taille d'origine)

    Bannière

    Thème Aikatsu Stars

     

    Fond

    Thème Aikatsu Stars

    menu :

    Thème Aikatsu Stars

    Pre's

    Thème Aikatsu Stars

    stat's :

    Thème Aikatsu Stars

     Quelque code css pour le thème :

    body {
    background-image: url(http://ekladata.com/PuuZU70biT-YbVHAAD5J4LxVySw/fond-hime-1.jpg) ;
        background-reapeat: REAPEAT fixed;
    background-attachment: fixed ;}

    Et voila !

     


    2 commentaires
  • C'est mon premier thème soyez indulgents svp

    Thème Pyroli , Evoli(clique))

     

     

     

    Thème Pyroli , Evoli(clique)

     

     

    Thème Pyroli , Evoli(clique)

    Thème Pyroli , Evoli(clique)

     

    Merci de dire avant de prendre et de créditer merci

    (Vous pouvez tout redimentionner)


    6 commentaires
  • C'est mon tout 1er thème alors soyez indulgents ! <3

    1er thème !cliquez dessus

    bannière

    1er thème !pre's

    1er thème !stat's

    1er thème !cliquez dessus

    fond du blog

    1er thème !menu 1

    cliquez dessus

    1er thème !cliquez dessus

    menu 2

     

     

    Voilà ! N'hésitez pas, si les images sont trop grandes à mettre des codes css ! Et si vous n'y arrivez pas,je vous donnerez les codes moi-même.


    9 commentaires


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