• Thème #2 -Les Minions-

    Oui, je sais que "Rejoint" est normalement avec un "S" mais c'est pas grave (technique de flemme pour ne pas devoir tout refaire)

     

    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/neQISFaQdWUA_0XzcFg8dFReo1g.png') no-repeat 50% 0%,url('http://ekladata.com/SR5tG56iPV3r67sLtCf4PXpVV1E.png') repeat-x 50% 0%,url('http://ekladata.com/SR5tG56iPV3r67sLtCf4PXpVV1E.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: 523px;
    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-


  • Commentaires

    1
    Samedi 18 Juillet 2015 à 20:27

    Chouet thème, et jolis avatars! *3* Simple et pas trop coloré, et puis j'aime beaucoup le jaune!

    Une petite chose (pardonne mon obstination), mais rejouint s'écrit rejoins, vu qu'il est marqué en gros vaut mieux que l'orthographe soit juste, à part si c'est voulu, je ne sais pas... Oui mes conseils sont pas très centré graphisme mais bon tant que ça peut t'aider... >_<

    2
    Samedi 18 Juillet 2015 à 20:42

    Je déteste tellement le français xD

    Non c'est pas voulu, pff trop la flemme de changer :p

    Bon je vais faire la technique de flemmarde...

    3
    Samedi 18 Juillet 2015 à 20:57

    Aha tout s'explique!

    Pas de soucis, c'est juste une remarque, je suis pas la boss moi xD

    4
    Dimanche 19 Juillet 2015 à 12:01

    Non mais je sais x)

    5
    Mardi 21 Juillet 2015 à 13:05

    J'aime beaucoup :') Ayant vu le film (ne me jugez pas ! xD)

    C'est simple mais le fond s'accorde bien et j'adore les typo

    Je le prend pour mon blog secondaire ^^

    6
    Mardi 21 Juillet 2015 à 13:08

    J'aurais vraiment voulu voir le film mais j'étais dans un endroit où le cinéma n'existe pas avant au moins 30 minutes en voiture... donc bon la flemme m'a rejoint xD

    Oui, j'avais peur que certain le trouve trop simple d'ailleurs, mais pour le prochain j'espère faire un truc un peu moins simple...

    Pas de soucis :)

    7
    Mardi 21 Juillet 2015 à 13:09

    Ah.. moi le ciné est à 15 minutes à pieds xD

    Mais j'aime bien la simplicité de ce thème :)

    8
    Mardi 21 Juillet 2015 à 13:12

    Ah tu as de la chance ^^ maintenant de retour chez moi, je suis même pas sûre qu'il le passe dans mon ciné ^^'

    Tant mieux alors :D

    9
    Samedi 5 Septembre 2015 à 17:20

    coucou je suis la pickpocket Minokoto et  je pense te prendre le thème s'il te plait ^^

    et merci d'avance ^^

    10
    Samedi 5 Septembre 2015 à 17:31

    Mino (sous un autre compte) mais c'est pas sur que je le prenne ^^ 

    11
    Jeudi 5 Mai 2016 à 22:08

    Coucou je t'emprunte ce theme le temps que je fasse le mien merci beaucoup!

    12
    Samedi 7 Mai 2016 à 16:47

    Ok pas de soucis ^^

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :