• Thème en libre service #10 - Paisible

    Code thème en LS 10

     

    Les Codes

    @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');}

    /*--fond fenêtre--*/
    #body {word-wrap: break-word;
    background: #f5f5f5:}
    #body a {text-decoration: none;}

    /*--fond page--*/
    #background {margin-top: 70px;
    width: 1120px;
    background: white;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.5);}

    /*--header--*/
    #header {height: 235px;
    background: url('http://ekladata.com/MmWe8-M5-DqroV0C5nVeq9ZEZ-E.jpg') 50% 0% no-repeat, #424953;}
    #titre_header {text-align: left;
    position: relative;
    top: 20px;
    left: 50px;
    color: black;
    font-size: 45pt;
    font-family: Master;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);}

    #titre_header a {color: white;
    text-shadow: -1px -3px 0px #19d9c8;}

    #titre_header a:hover {text-decoration: none;}
    #header-link {display: inline-block;}

    /*--menu header--*/
    #menu {width: 1120px;
    top: 190px;
    left: 0px;
    height: 45px;
    font-family: 'SF';
    font-size: 18pt;
    line-height: 220%;}

    #menu a {display: inline-block;
    width: 100%;
    padding: 0px 10px 0px 10px;
    color: #f7f7f7;
    text-shadow: 1px 1px 0px black;}

    #menu li {height:45px;}

    #menu li:hover {background: #ffa68a;}

    #menu ul {background: #ffa68a;
    position: absolute;
    margin-top: -7px;
    width: 180px;}

    #menu ul li {height: 25px;}

    #menu ul a {width: 170px;
    padding: 3px 5px 3px 5px;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;}

    #menu ul a, #menu ul a:hover {font-size: 12pt;
    display: inline-block;
    line-height: 100%;
    position: absolute;
    margin-top: 0px;
    width: 165px;}

    #menu ul a:hover {padding-left: 25px;
    width: 150px;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;}

    /*--menu1--*/
    #menu1 {width: 300px;
    background: #e3e3e1;
    padding: 40px 17px 40px 17px;
    font-family: round;}
    #menu1 a {color: #c095b0;}
    #menu1 a:hover {color: white;}
    #menu1 .module_menu_titre {height: 100%;
    background: #d1d1d1;
    padding: 15px;
    font-family: SF;
    font-size: 14pt;
    text-align: center;
    color: #44474a;}
    #menu1 .module_menu_contenu {padding: 15px 0px 30px 0px;}

    /*--recherche--*/
    .module_menu_type_search .module_menu_titre {display: none!important;}
    .module_menu_type_search .module_menu_contenu {background: none!important;
    border-bottom: none!important;}
    .module_menu_type_search [type="submit"] {display: none;}
    .module_menu_type_search input[type="text"] {height: 30px;
    width: 89%;
    padding-left: 30px!important;
    color: #333!important;
    border-radius: 5px;
    box-shadow: none;
    border: none;
    background: white;
    background-image: url('http://ekladata.com/6EDQP4lbqPa5Ex3AiysuQq_TLXI.png')!important;}

    /*--module dernier visiteurs--*/
    .module_menu_type_lastvisitors img {width: 60px;
    height: 60px;
    border-radius: 60px;
    margin: 5px;}
    /*--article--*/
    #content {width: 690px;
    margin: 40px;
    font-family: round;}
    /*-titre d'article-*/
    .module_titre_contenu, .module_titre_contenu a {color: #ffa68a}
    .module_titre_contenu:hover, .module_titre_contenu a:hover {}
    .module_titre_contenu {font-family: SF;
    font-size: 25pt;
    height: 100%;}
    /*-article info-*/
    .article_info {background: #fafafa;
    text-align: right;
    padding: 5px 15px 5px 5px;
    font-size: 8pt;
    margin: 5px 0px 10px 0px;}
    .article_info a {color: #171016!important;}

    .article_info a:hover {color: #ffbfac!important;}
    /*-contenu article-*/
    .module_contenu {color: #171016;
    font-size: 10pt;}
    .article_text {}
    .module_contenu a {color: #83bbe0;}
    .module_contenu a:hover {color: #badaba;}
    .module_bottom {}

    /*--commentaire--*/
    .comment_normal, .comment_admin {width: 100%;
    background: #ddf4f6;
    margin: 25px 0px 25px 0px;
    border-radius: 10px;}

    div.commentheader {height: 30px;
    border-bottom: dashed 1px #424953;
    line-height: 230%;
    font-family: SF;
    text-transform: uppercase;}
    div.commentbody {padding: 10px;}
    .commentbody p {}

    /*-numéro de commentaire-*/
    .commentnumber {font-family: SF;
    padding: 0px 5px 0px 15px;}
    .commentnumber:hover {}

    /*-comment pseudo-*/
    .commentpseudo {font-size: 16px;
    color: white;
    font-weight: normal!important;
    text-shadow: 1px 1px 0px #2f5074;}
    .commentpseudo img {display: none;}
    .commentpseudo a {color: #b8dbb9;
    font-weight: normal!important;
    text-shadow: 1px 1px 0px #2f5074;}
    /*-comment date-*/
    .commentdate {font-size: 7pt;
    letter-spacing: 1px;}
    /*-avatar de commentaire-*/
    .commentavatar {margin-right: -10px;}
    .commentavatar img {border: 2px solid #424953;
    border-radius: 80px 15px / 40px 70px;
    width: 40px;
    height: 40px;}


    /*--bouton--*/
    input[type=button],input[type=submit], button {background: #ffa68a;
    color: white;
    text-shadow: 1px 1px 0px #da7f62;
    text-transform: uppercase;
    font-size: 13pt;
    padding: 5px 10px 5px 10px;
    border: 3px solid #ffa68a;
    border-radius: 5px;
    font-weight: bold;}
    input[type=button]:hover,input[type=submit]:hover, button:hover {color: #ffa68a;
    background: white;
    text-shadow: none;}


    /*--forums--*/
    .post_table {width: 100%;
    background: #fafafa;
    margin: 5px 0px 35px 0px;
    border: 2px solid #424953;}

    .post_table_head {background: #424953;
    height: 35px;
    text-align: right;
    color: #dfdfdf;
    line-height: 250%;
    padding: 0px 10px 0px 0px;}

    .post_table_profile {width: 15%;
    background: #424953;}
    .post_table_profile a {color: white;
    position: absolute;
    margin-top: -30px;
    text-transform: uppercase;
    font-size: 14pt;
    margin-left: 15px;}
    .post_table_profile img {width: 70px;
    height: 70px;
    border-radius: 100px;
    margin: -15px 0px 20px 10px;}

    .post_table_msg {padding: 10px;}
    .forum_table {margin-top: 20px;}
    .forum_table th, .topic_table th{background: #f2c7df;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 0 5px 10px;
    color: white;
    text-shadow: 1px 1px 0px #af8da5;}
    .forum_table tr:nth-child(even), .topic_table tr:nth-child(even){background: #fbfbfb;}
    .forum_table tr:nth-child(odd), .topic_table tr:nth-child(odd){background: #efefef;}
    .forum_table td, .topic_table td {padding: 5px 8px 5px 8px;}

    .forum-description {background: grey;
    color: white;
    padding: 10px;
    margin: 10px 0px 10px 0px;
    border-radius: 5px;}

    /*--footer--*/
    #footer {height: 80px;
    background: #424953;
    color: white;
    text-align: center;
    font-family: arial;
    font-size: 11pt;}
    #footer a {color: white;}
    #footer:after {content: "Header by natjkriss - Design original by Elinae - ©2016";
    color: white;}

    Pour installer le thème

    1. Mettre à zéro toutes les valeurs de votre blog et décocher tout ce que vous pouvez sauf > ça <.

    2. Choisir un seul menu à droite.

    3. Faites attention au nombre de lien dans le menu du header..

    4. Copier, coller et appliquer les codes CSS du thème proposé.

     

    Ce que vous devez faire et savoir en plus de copier le code

    1.   Si votre titre de blog est entièrement en lettre capitale, ça ne rendra pas bien.

    2. J'ai très peu codé le menu de droite, il est simplissime : si vous voulez le personnalisé : allez-y.

    3. Il vaut mieux choisir 8 derniers visiteurs pour le module "derniers visiteurs".

    4. Vous pouvez utiliser un menu déroulant pour votre menu du header.

      

    En cas de bug dans l'affichage du thème, vérifiez que toutes les valeurs du thème sont à zéro. Si le problème ne vient pas de là, n'hésitez pas à me prévenir et j'essaierai de voir où ça coince.

     

    Suite à mon article Les 6 fails de thème avant d'en arriver à la v.15 beaucoup de gens ont apprécié un de ces thèmes, j'ai donc décidé de le coder. En espérant qu'ils servent o/ ! 

    7 Juillet 2016. Le thème est  adapté aux grands écrans (au moins de 1120px de large) - Idée du thème en Janvier 2016


  • Commentaires

    1
    Mercredi 13 Juillet 2016 à 13:12
    Ouiiii après avoir staulker depuis 8h d'i mat !!!
    2
    Mercredi 13 Juillet 2016 à 13:12

    Super sympa :p

    3
    Mercredi 13 Juillet 2016 à 13:18

    aaah je suis hyper fan >w<

    4
    Mercredi 13 Juillet 2016 à 13:32

    J'ai oublié,  je te l'empreinte :) le thème 

    5
    Mercredi 13 Juillet 2016 à 15:08

    OH OUIII je l'attendais !

    Par contre il me semble que tu t'es fail, c'est pas un menu à doite ? [meuf chiante]

    • Voir les réponses
    6
    Mercredi 13 Juillet 2016 à 15:29

    Eli je voulais savoir si c'est parce que je suis sur tablette ou c'est normal les commentaires ? '^' 

    • Voir les réponses
    7
    Mercredi 13 Juillet 2016 à 21:34

    Au fait c'est possible d'avoir l'artiste de l'image du header ou tout simplement l'image de base stp ? ^^

    • Voir les réponses
    8
    Mercredi 13 Juillet 2016 à 22:12

    En 1 seconde eli, tu viens de me sauver la vie *^*

    • Voir les réponses
    9
    Dimanche 17 Juillet 2016 à 20:07

    J'aime beaucoup le thème il est très joli,je te l'empreinte.Je peux changer l'header ?

    Merchi d'avance !

    • Voir les réponses
    10
    Dimanche 17 Juillet 2016 à 20:23

    merci ^^

    11
    Mercredi 20 Juillet 2016 à 10:47

    Magnifaïke ! *^* Puis-je te l'emprunter ?

    Et est ce que une fois que je changerais de thème je pourrais garder ta mise en page ? Ne t'inquiète pas si tu l'accepte je dirais que la mise en page est de toi

    • Voir les réponses
    12
    Mercredi 20 Juillet 2016 à 16:03

    ^^

     

    Par contre j'ai un énorme soucis avec les commentaires

    Ils sont assez bizarres à l'affiche et je n'arrive plus à écrire correctement

    http://ekladata.com/RpvW7vFedtfem41jBGW7k0RpMoU.jpg

    Et aussi niveau des sous menus du header il y a des barres blanches qui apparaissent tu peux aller voir ici: http://worldouworld.ek.la/

    • Voir les réponses
    13
    Mercredi 20 Juillet 2016 à 16:20

    D'accord si tu souhaites venir voir le CSS de mon blog je peux te mettre la permission

    D'accord je serais patiente

    • Voir les réponses
    14
    Mercredi 20 Juillet 2016 à 16:22

    D'accord alors je te mets la perm' ^^

    D'accord c:

    • Voir les réponses
    15
    Mercredi 20 Juillet 2016 à 16:27

    D'accord merci infiniment ! :)

    Je n'en vois pas à priori mais promis si je vois un bug je te préviendrai ! ^^

    16
    Mercredi 20 Juillet 2016 à 16:32

    Ok en tout cas merci de ton aide ! ^^

    17
    Jeudi 21 Juillet 2016 à 09:54

    Arh arh arh, il est magnifique le thème E.E

    18
    Samedi 23 Juillet 2016 à 03:35

    Bonsoir Elinae :) Je t'emprunte ce th-me pour mon nouveau blog principal vue que je suis en train de faire mon second blog principal.

    Bonne continuation pour ce thème, tes thèmes sont très réussis

    19
    Lundi 25 Juillet 2016 à 21:38
    Je te l'emprunte :).
    20
    Mardi 2 Août 2016 à 13:01

    Hey ! J'ai tenté de changer mon thème avec le nouveau formatk, sauf que je n'arrive pas à changer la couleur du  fond de feunêtre et la couleur du texte du menu 1. Et aussi il y a une bande grise foncée qui est apparue dans le menu du header :/ Es-tu capable de résoudre ces problèmes ? Bisous ! :)

    • Voir les réponses
    21
    Mercredi 3 Août 2016 à 13:55

    Ok ! C'est le même que la dernière fois: http://worldouworld.ek.la/ Et je te mets la perm'

    • Voir les réponses
    22
    Mercredi 3 Août 2016 à 14:07

    Ok !

    • Voir les réponses
    23
    Mercredi 3 Août 2016 à 14:15

    Hum je vais le laisser noir ça ira ^^ Merci

    24
    Jeudi 4 Août 2016 à 19:01

    Coucou :'D

    Du coup, suite à tes explications j'arrive à faire ce que je souhaitais donc merciii ! ~ Et je te pique le thème du coup, le temps d'en avoir un personnalisé :)

    25
    Samedi 6 Août 2016 à 15:19

    Hey :3

    Est-ce que je peux te l'emprunter? Je ne sais pas quand je vais le mettre, si c'est dans deux jours ou deux mois, mais je te le dis déjà x9

     

    • Voir les réponses
    26
    Vendredi 12 Août 2016 à 17:28

    Coucou,je te le pique merci ^^

    Et je change juste l'header mais je laisse les crédits ^^

    27
    Dimanche 14 Août 2016 à 14:31

    Ô grande déesse du codage, je prends ce thème et je ne changerai plus jamais je crois bien, j'en suis fan *0*

    28
    Jeudi 18 Août 2016 à 13:12

    Je peux t'emprunter quelques codes du thème? Bien sûr je n'oublierais pas de créditez à ton nom :3

    • Voir les réponses
    29
    Jeudi 25 Août 2016 à 15:12

    Salut, je me permets de t'emprunter ce superbe thème, merci beaucoup !

    30
    Jeudi 25 Août 2016 à 16:03

    (Re)bonjour x'3

    En fait j'ai une petite question, les premiers codes css, ceux pour la police, l'adresse que tu mets, où est-ce que tu l'as trouve? 

    Voilà c'était seulement pour ça, merci d'avance! Et j'espère que tu as compris où je voulais en venir parce que je sais que je suis pas très explicative.. Enfin voilà x')

    • Voir les réponses
    31
    Mercredi 28 Septembre 2016 à 15:19

    C'est beaucoup trop beau *.* j'emprunte en te créditant x)

    32
    Jeudi 6 Octobre 2016 à 19:39

    je te l'emprunte ! :3

    (pour un autre blog hors ligne !) 

    33
    Vendredi 21 Octobre 2016 à 21:15

    Oooh je te l'emprunte.... ce thème est.... waw *^*

    34
    Lundi 24 Octobre 2016 à 13:59

    Je vais essayer de l’installer en test, merci beaucoup !

    35
    Mardi 1er Novembre 2016 à 12:19

    Je te l'emprunte :3

    36
    Mercredi 23 Novembre 2016 à 16:28

    Trop magnifique ! x) je te le prend si ça te dérange pas ... j'aime bien le côté simpliste ! <3 ^^

    37
    Vendredi 25 Novembre 2016 à 16:29

    Je te l'emprunte,il est très beau!^^

    38
    Vendredi 25 Novembre 2016 à 16:33

    C'est très jolie!Je l'emprunte!

    39
    Dimanche 27 Novembre 2016 à 16:40

    Il est trop beau! Je prends!

    40
    Mardi 20 Décembre 2016 à 14:29

    hey ! super design je te le pique ^^

    41
    Dimanche 25 Décembre 2016 à 18:37

    Je prends ce thème il est trop beau happy

    42
    Dimanche 5 Mars à 22:34

    Bonsoir Elinae, je trouve ton thème très réussi et je me permet de le prendre pour mon blog sur la filière " Littéraire " 

    J'espère que cela ne posera aucun soucis, je citerai ton nom pour créditer !

    Sur ceux, bonne continuation et merci à toi ;)

    43
    Lundi 6 Mars à 00:02

    Fais toi plaisir l'ami,  j'ai fait ce thème pour ça ! x)

    Merci de créditer, et de rien ^^

    44
    Mercredi 28 Juin à 18:58

    Je te prend celui la au final, plus simple ^^

    45
    Dimanche 17 Septembre à 11:45

    Je te le pique merci du partage !

    Comeback Bloody ???

    46
    Dimanche 17 Septembre à 11:51

    Vas-y fais toi plais' ! xD

    OMG J'avoue, j'pensais que tu avais abandonné eklabog, je pensais pas te revoir après tant de temps o:

    47
    Dimanche 17 Septembre à 12:05

    Non c'est juste que comme toi j'ai abandonné le graphisme et j'avais le BAC a préparer toussa toussa, je vais voir maintenant si je peux encore être sur la plateforme , venir de temps en temps au moins pourquoi pas !

    48
    Dimanche 17 Septembre à 12:14

    J'ai pas abandonné le graphisme, c'est le graphisme qui m'a abandonné Q_Q l'inspiration m'a laissé tombé et donc je peux plus rien faire (c'est pour ça que je suis passée au dessin, enfin péniblement XDDD mais au dessin quand même).

    Bah écoute tout est possible sur la plateforme, si tu veux te mettre au dessin, viens donc ! (tu peux même participer à mon animation AVC que j'ai créé pour me "forcer" à faire un dessin par mois x))

    Si tu écris, tu peux écrire, je sais qu'il y a beaucoup de gens qui font ça sur ekla (même si je les connais pas et que je les ai pas forcément tous trouvé mais on m'en a pas mal parlé).

    Ou tu peux passer par là de temps en temps comme tu disais aussi XD

    49
    Dimanche 17 Septembre à 12:18

    Ah oui bah c'est ce qui m'arrive aussi ! puis je n'ai plus le même plaisir a faire des créations, je trouve ça ennuyant et moche mdr

    J'ai achetée ma tablette graphique il y a quelques temps maintenant ( mes dessins sont pas beau parce qu'il faut que je prenne le coup de main) mais pourquoi pas participer, je vais voir si c'est pas long car j'ai beaucoup de boulot en ce moment 

    J'y ai pensée pour l'écrit ! en plus je suis entrain d'écrire une fiction entre mon prof d'art et de philo x) Mais je n'ai pas encore réfléchi a ce que j'allais faire, je vais bien voir au fil des semaines

    50
    Dimanche 17 Septembre à 12:24

    Idem, j'arrive plus à aimer ça vu que je trouve ça moche x_x ... peut être que l'inspiration reviendra (au moins pour les thèmes svp Q_Q )

    Oh cool ! Tu me montreras tes essaies ? Mais t'inquiètes moi non plus j'ai pas pris le coup de main, 9 dessins sur 10 sont juste ignobles et je les enregistres pas u_u

    Entre ton prof d'art et de philo ? XD WHAT ? Pourquoi pas x) ...

    51
    Dimanche 17 Septembre à 12:35

    Oui si tu veux ! je les mettrais sur mon blog je pense je te préviendrai !

    Oui gros délire avec ceux de ma classe, en même temps ils ne sont pas discret <.<

    52
    Dimanche 17 Septembre à 12:38

    Yay cool ! Tu me diras quand tu auras posté ça x) hehe

    Je vois, j'ai jamais eu ce genre de truc dans mon lycée, enfin ils étaient discret quoi ! Sauf la CPE avec un prof (et ce même prof et une prof de français avant, et ce prof en question était marié MAIS OSEF XD)

    53
    Dimanche 17 Septembre à 12:59

    Tiens donc mon prof d'art est marié lui aussi xDDDD

    54
    Dimanche 17 Septembre à 13:03

    Oh comme c'est étonnant ! xD

    55
    Dimanche 17 Septembre à 15:38

    Oui mdrrr

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :