• Thème en libre service #2 - Manga girl/H2SO4

     

    Les Codes

    #content {    line-height1.4em;}

    @font-face {font-family"nathaniel";
        srcurl('http://ekladata.com/Pfv8RPwS_IqupMJaS8KZVKMaoHo/Nathaniel.ttf');


    #body {background-image:url("http://ekladata.com/lwub4gMoVNWU7qMVd4is5Ej67cI.png");
        background-positioncenter top;
    background-repeatrepeat;
    background-attachmentfixed;
    font-familyarial;
    text-alignjustify;}

    #body a {font-weightnormal;
    font-stylenormal;
    text-decorationnone;
    font-variantnormal;}

    #background {width1000px;
        background-color#fbf2d9;
    box-shadow0px 0px 5px black;}

    #header {    background-image:url("http://ekladata.com/TJQUMT6I_4B6DqUBNAwLNnHMzQI.png");
        background-positioncenter top;
    background-repeatno-repeat;
    background-attachmentabsolute;
    height415px;}

    #titre_header {font-family"nathaniel";
    color#faffe4;
    text-shadow0px 0px 5px #493e44;
    font-size40pt;}

    #titre_header {position: absolute;
    top: 210px;
    margin-left: 420px;}

    #slogan_header {font-family"arial";
    color#faffe4;
    font-size8pt;
    letter-spacing1pt;
    text-shadow0px 0px 3px #493e44;}

    #menu1 .module_menu_titre {background-color#ed6556;
    colorwhite;
    font-family"times new roman";
    text-shadow0px 0px 2px white;
    text-alignleft;
    padding-left25px;
    padding-top5px;
    height: 25px;}

    #menu1 .module_menu_contenu {background-color#ed6556;
    color#f8d8d2;
    padding0px 5px 5px;
    margin-bottom30px;}

    #menu1 {width200px;
    margin-top0px;
    margin-left15px;}

    .module_titre_contenu.module_titre_contenu {
        height: 35px;
        font-family"Times New Roman"Timesserif;
    font-size25pt;
    font-weightnormal;
    font-stylenormal;
    text-decorationnone;
    font-variantsmall-caps;
    text-aligncenter;
    color#42343b;
    text-shadow0px 0px 1px #42343b;}

    .article_info {margin-bottom: 15px;
        text-aligncenter;
        height10px;
        font-size8pt;
        colorblack;
        opacity0.6;
    margin-top-5px;}

    .article_info a:hover {color#ed6556;}


    #content {margin-left235px;
    margin-right15px;
    margin-top0px;}

    #menu1 {color#fee5a8;}
    #menu1 a:hover {color#d6d6d6;}

    .article_text {font-familyarial;
    font-size10pt;}

    .article_text {color#dc4c46;
    font-weightbold;}
    .article_text a:hover {color#66674c;}

    .module_contenu_block>{color#ea9174;}
    .module_contenu_block>a:hover {color#f6be6c;}


    .commentbody {    font-familyarial;
    font-size10pt;
    font-styleitalic;
    color#6a6a6a;
    padding-left10px;
    background-color#fadb89;
    border-radius0px 0px 45px 18px;
    margin-bottom20px;
    padding-right: 15px;}

    .commentavatar img {border-radius15px 32px 32px 15px;
    bordersolid 3px #ed6556;}

    .commentpseudo a{color:#ff4946;}

    .commentdate {font-familyarial;
    colorblack;
    opacity0.2;}

    .commentnumber {padding-left15px
        font-family'times new roman';
    font-weightbold;
    colorblack;
    padding-right: 15px;}

    .commentheader margin-top5px;
        background-color#fadb89;
    border-radius38px 23px 0px 0px;}


    .comment_admin .commentnumber {colorwhite;}
    .comment_admin .commentheader background-color#474145;
    border-radius38px 23px 0px 0px}

    .comment_admin .commentbody {color#d6d6d6;
        background-color#474145;
    border-radius0px 0px 45px 18px;}


    .commentavatar {padding-right5px;
    padding-left5pxpadding-bottom10px;}

    .comment_admin .commentavatar img {bordersolid 3px #e9e9e9;}
    .comment_admin .commentdate {font-familyarial;
    colorwhite;
    opacity0.2;}
    #footer:after {content"  -  Design by Elinae - © 2014";}

    ::-webkit-scrollbar {height0px;
    width9px;
    background-colorwhite;}

    ::-webkit-scrollbar-thumb:vertical {background-color#444147;}

    #footer height20pxcolorblack;
    opacity0.7;
    font-family"times new roman";}
    #footer {colorblack;
    font-family"times new roman";
    margin-left: 15px;}

    #footer a:hover {color#e7524c;
    font-family"times new roman";}

    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 à gauche.

      3. Copier, coller et appliquer les codes CSS du thème.

     

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

    1. Le code pour que la police du titre du blog soit visible par tous ne fonctionne pas toujours.

    2. Eviter de mettre des liens dans le 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.

     

    Le thème date de l'été 2014. Le thème adapté aux écrans de moins de 1000px de large et plus


  • Commentaires

    1
    Lundi 9 Mars 2015 à 19:18

    Ouah alors lui il est vraiment jolie *-*

    Hum... Hésitation x)

    2
    Lundi 9 Mars 2015 à 19:50

    Hésitation ? A propos de quoi?

    3
    Lundi 9 Mars 2015 à 20:11

    J'aime beaucoup le code des avatars ^^

    Sinon très beau thème

    4
    Lundi 9 Mars 2015 à 20:15

    Haha merci x) (pour le code et le thème xD j'ai connu le code grâce à euh Toshiki il me semble)

    5
    Lundi 9 Mars 2015 à 20:24

    Je me suis toujours demandé comment il faisait pour trouver des codes CSS qui marche.

    Sinon en faisant le tour et en regardant les graphs, et tu fais de très belle chose >_< (je tutoie) c'est très coloré mais ça pique pas les yeux. On dirait que les renders ont toujours fait partie des images ^^

    6
    Lundi 9 Mars 2015 à 20:30

    Il ? Qui ça "il" ? 

    Hahaha merci beaucoup x) (tu peux me tutoyer, je ne me sens pas assez vieille pour qu'on me vouvoie XD), tant mieux si ça pique pas les yeux, je n'aime pas trop ce qui pique les yeux x) (et pour l'impression que les render ont toujours fait parti des images, c'est le but, mais ça fait plaisir de voir que j'ai réussi à maîtriser "l'incrustation" x) après 3 ans de graphisme)

    7
    Lundi 9 Mars 2015 à 20:34

    Ah XD C'est une fille.

    3 ans :') Quelle patiente

    8
    Lundi 9 Mars 2015 à 20:36

    Oui Toshiki c'est une fille XD ! Et sinon pour les codes, bah c'est pas un code très compliqué celui des avatars, et il y a pas mal de code pas très compliqué qui fonctionnent bien, mais justement, plus ils sont simples, mieux ils marchent x) !

    Rien avoir avec de la patience, juste j'aime le graphisme, donc j'en ai fait 3 ans sans m'arrêter et j'ai fini par m'améliorer x)

    9
    Lundi 9 Mars 2015 à 20:40

    okey ^^

    10
    Lundi 9 Mars 2015 à 20:51

    Parce que j'aimais beaucoup celui que tu m'avais proposé mais lui aussi du coup xD

    Et maintenant je ne sais pas lequel choisir pour mon prochain thème :')

    11
    Lundi 9 Mars 2015 à 20:52

    Bah j'ai sorti les deux thèmes (celui que je t'avais montré c'est le thème en libre service n°3 avec quelques petites modifs assez légère), donc il n'y a plus que toi qui peut choisir ce que tu veux XD (par contre toi qui voulait un truc plutôt sombre, ce thème là c'est un peu raté XDD)

    12
    Lundi 9 Mars 2015 à 20:56

    Oui je l'ai vu ! Il est aussi super x) Je pense que je vais prendre lui.. Il me ressemble plus :') (Tant pis hein ! Ce sera pour plus tard le thème sombre xD)

    13
    Lundi 9 Mars 2015 à 20:58

    Haha tu choisi ce que tu veux xD les thèmes sont en libre service donc x) ...

    Par contre pour le titre du blog, pas sûr que ça fonctionne du coup, vu que le code marche pas toujours x_x (pour le changement de police je veux dire)

    14
    Lundi 9 Mars 2015 à 21:06
    Je viens de tester le thème sur mon blog test (histoire de voir à quoi il ressemble "en vrai") et la police du titre marche ^^ Après je ne sais pas si c'est un coup de chance ou mon ordi' qui le voit comme ça mais en tout cas... ça marche ! x)
    15
    Lundi 9 Mars 2015 à 21:14

    Bah si ça marche, tant mieux alors XD ! (peut être que tu as la police sur ton ordinateur aussi x) )

    16
    Lundi 9 Mars 2015 à 21:24

    (Oui peut être x) )

    17
    Lundi 9 Mars 2015 à 21:26

    Tu peux vérifier si tu veux, si tu as la police nathaniel sur ton ordinateur, alors normal que ça s'affiche, si tu n'as pas la police sur ton ordinateur ça veut dire que le code marche vraiment et c'est fantastique x)

    18
    Lundi 9 Mars 2015 à 21:47

    J'ai une bonne nouvelle 8D 

    Je n'ai pas la police donc le code marche ! Félicitation ;D

    19
    Lundi 9 Mars 2015 à 21:49

    ENFIIIN \o/ c'est une très bonne nouvelle alors, merci d'être allée voir x) ! (et tu es sur quelle navigateur, car j'ai pas vérifié si ça marchait sur d'autres navigateur que google chrome)

    20
    Lundi 9 Mars 2015 à 21:52

    Ahah ! De rien x) (Sur Google Chrome aussi x') Mais j'avais prévu de bientôt installer mozilla donc au pire je te dirais bientôt ^^)

    21
    Lundi 9 Mars 2015 à 22:01

    Hahaha ok x) bah si tu l'installes, et que tu y penses, préviens moi si le code marche aussi sur firefox (moi j'ai firefox mais depuis quelque temps il refuse de marcher, enfin c'est super galère de le faire fonctionner, ça fait planter mon ordinateur toussa, donc j'évite x))

    22
    Mardi 10 Mars 2015 à 18:32

    ça marche sur mozilla !! 8D

    Ha bon ? ._. Moi ça a toujours marché.. Bon on verra bien xD

    23
    Mardi 10 Mars 2015 à 19:18

    OYEAH ! Génial alors, merci d'avoir vérifié ça x) ! 

    Baah on va dire que c'est mon ordinateur qui est capricieux hein x)

    24
    Mardi 10 Mars 2015 à 19:26

    De rien ! ;D

    Okay ! xD

    25
    Jeudi 12 Mars 2015 à 17:14

    C'est très beau!c'est toi qui dessine tes themes et header?

    26
    Jeudi 12 Mars 2015 à 18:58

    Non les personnages qui sont sur les headers ou les autres images ne sont pas dessiné par moi ^^' , je ne dessine pas vraiment donc x) ...

    Je m'occupe de la composition, de la présentation et du codage des thèmes ^^ et quand il n'y a pas de personnage, là c'est moi qui dessine xD

    27
    Samedi 14 Mars 2015 à 20:52

    Je peux le prendre, Elinae?

    28
    Samedi 14 Mars 2015 à 21:28

    Tu peux ^^

    29
    Dimanche 15 Mars 2015 à 08:58

    D'accord merci! :3

    30
    Dimanche 15 Mars 2015 à 12:53

    De rien x)

    31
    Lundi 30 Mars 2015 à 00:54

    Je peux le prendre???

    32
    Lundi 30 Mars 2015 à 00:56

    Euh...oui, mais tu en as déjà pris un non ? x)

    33
    Lundi 30 Mars 2015 à 00:57

    x)

    oui mais s'était pour un blog que je gère avec un ami(e)^^

    34
    Lundi 30 Mars 2015 à 01:11

    OK ok x) d'accord, bon tu peux prendre ce thème aussi ^^

    35
    Lundi 30 Mars 2015 à 01:13

    merki^^(je l'adore*p*il est magnifique*o*)

    36
    Lundi 30 Mars 2015 à 01:23

    Hahaha merci =)

    37
    Lundi 30 Mars 2015 à 01:31

    de rien^w^

    38
    Jeudi 9 Avril 2015 à 17:48

    Bonjour, est ce que je peux le prendre ?

    39
    Jeudi 9 Avril 2015 à 18:14

    Bonjour, oui tu peux x) 

    40
    Jeudi 9 Avril 2015 à 18:15

    Merci beaucoup.... ♥

    41
    Jeudi 9 Avril 2015 à 18:17

    Il rend super bien ! ♥

    42
    Jeudi 9 Avril 2015 à 18:17

    De rien x)

    43
    Samedi 18 Avril 2015 à 22:10

    Je te le prends :3

     

    44
    Dimanche 19 Avril 2015 à 12:07

    D'accord ^^

    45
    Mercredi 29 Avril 2015 à 18:55

    Je te le prends aussi , il est magnifique ! *-*

    46
    Mercredi 29 Avril 2015 à 19:13

    D'accord et merci x3

    47
    Mercredi 29 Avril 2015 à 19:15

    De rien ^^

    48
    Jeudi 21 Mai 2015 à 18:02

    Je te le prends ~

    49
    Jeudi 21 Mai 2015 à 18:05

    Hahaha vas-y, je t'en pris x)

    50
    Samedi 13 Juin 2015 à 14:43

    Je le prends car il est trop beau!

    51
    Samedi 13 Juin 2015 à 15:00
    D'accord x)
    52
    Samedi 13 Juin 2015 à 15:01

    Woua il est trop beau!! Je l'imaginais pas comme ça!

    53
    Samedi 13 Juin 2015 à 15:05
    Tu l'imaginais comment ? Il est comme dans le screen hein xD ..tu le vois comment toi ?
    54
    Samedi 13 Juin 2015 à 15:06

    Oh! Je l'imaginais pareil mais en grand il est plus impressionant!

    55
    Samedi 13 Juin 2015 à 17:19

    encore, j'ai vu que le thème s'affiche pas comme ça devrait pour toi, car tu as du ne pas tout décocher ^^ (je pense que c'est voulu?)

    56
    Samedi 13 Juin 2015 à 18:40

    Non.... Je vais verifier...

    57
    Samedi 13 Juin 2015 à 18:41

    pour les titres des modules ^^

    58
    Samedi 13 Juin 2015 à 18:43

    Oui c'est bon! J'avais oubliée une chose^^

    59
    Jeudi 2 Juillet 2015 à 17:56

    Salut!  Ce thème est vraiment beau, est-ce que je peux l'utiliser?

    60
    Jeudi 2 Juillet 2015 à 17:59

    Lacie : oui tu peux ^^

    61
    Vendredi 10 Juillet 2015 à 13:34

    Coucou, je savais pas quoi prendre, donc j'ai tout essayé, et celui là me plaît bien. :)

    PS : J'ai aussi pris un avatar, mais je compte le changer. ^^

    62
    Vendredi 10 Juillet 2015 à 13:54

    D'accord ^^

    63
    Vendredi 10 Juillet 2015 à 20:44

    Aussi, c'est un peu dommage que tu ne prennes plus les thèmes, je voulais t'en demander un. ><

    64
    Vendredi 10 Juillet 2015 à 21:43

    Haha je ne prends plus les thèmes car ça me demande trop de travail (et en plus en ce moment j'ai beaucoup de mal à en faire u_u ) 

    Désolé pour ça :/

    65
    Vendredi 10 Juillet 2015 à 21:45

    Pas grave, ça arrive un manque d'inspiration. ;)

    Au début, je voulais en faire un moi même, mais je ne m'y connaît pas du tout en CSS. (Mais bon, ça s'apprend.)

    66
    Vendredi 10 Juillet 2015 à 21:48

    Non mais surtout tu peux très bien faire un thème sans css tu sais ^^

    67
    Vendredi 10 Juillet 2015 à 21:55

    Ah bon ? '^' Mais je pense qu'il sera moins joli.

    68
    Vendredi 10 Juillet 2015 à 21:57

    Non non tu peux faire un thème sans css qui est très très joli quand même ! Le css c'est juste en plus. 

    Pour faire un thème joli sans css, il faut savoir faire des choses simples, pas trop chargé, ni trop vide, et avec des couleurs harmonieuse, ou sinon jouer sur les images (par exemple avec des images de fonds, headers..etc, donner des effets, alors qu'en fait ce ne sont que des images x))

    69
    Vendredi 10 Juillet 2015 à 21:58

    Merfiiii <3

    Aussi, je me demandais comment tu faisait les cases déroulantes comme dans "les codes".

    70
    Vendredi 10 Juillet 2015 à 22:01

    des cases déroulantes ? Non, ça sans codage tu peux pas faire.

    Mais je te disais que tu peux faire un thème tout aussi joli, sans codage, il sera par contre certainement plus simple, mais il pourra être aussi joli ^^"

    71
    Vendredi 10 Juillet 2015 à 22:04

    Ok, je vais tester. (Désolée si je suis chiante ^^' )

    72
    Vendredi 10 Juillet 2015 à 22:05

    Haha non ça va, après voilà, quand on fait un thème pour la première fois sur eklablog, c'est jamais évident, car eklablog nous permet de personnalisé à fond nos thèmes, et au début on est complètement perdu. Donc pour les premiers thèmes que tu feras, tu y arriveras pas trop, mais c'est normal, c'est le temps de t'habituer ^^

    Ensuite, je te conseille de te créer un blog test, pour faire des thèmes, et tester des trucs, ça te permettra de pas changer le thème de ton "vrai" blog tant que tu n'as pas fini de préparer le futur nouveau thème ^^

    73
    Vendredi 10 Juillet 2015 à 22:09

    Oui, je vais faire ça. :) Merci.

    74
    Vendredi 10 Juillet 2015 à 22:10

    De rien ^^

    75
    Vendredi 31 Juillet 2015 à 11:13

    Reloooo je te prends le théme stp ( pas très français ...) par contre je pourrais pas le mettre cette semaine car je ne suis pas sur mon ordi ^^

    Oh et pour le titre il faut te donner le nom du blog ou pas ???

    76
    Vendredi 31 Juillet 2015 à 12:45

    Oui tu peux prendre ce thème x)

    Et non, quand je dis pas dans l'article qu'il faut me demander le titre, ça veut dire qu'il n'y  a pas besoin de me le demander xD

    77
    Vendredi 31 Juillet 2015 à 15:13

    Soy Mino'

    Merci ^^ ( je n'ai pas changé de pseudo c'est mon compte teste XD donc c'est sur ce compte que je trouve le théme, je mets le thème avec ma tablette 8D) donc j'ai une petite question, tu peux me dire non si tu le souhaites, parce je ne sais pas ou mettre mes rubriques et je ne les veux pas dans le menus alors es-ce que je peux les mettre dans le pied de page por favor ? 

    78
    Vendredi 31 Juillet 2015 à 15:27

    Oui vas-y, mes tes rubriques dans le pied de page xD

    79
    Vendredi 31 Juillet 2015 à 15:33

    Mercii *^* parcontre du a fait comment pour que tes avatars car leur couleurs moi ils ont fini avec la couleur du pied page ( si tu ne comprends pas va voir sur le compte misswaffle ) (je me suis reco XD)

    80
    Vendredi 31 Juillet 2015 à 15:37

    Quand je vois ton blog test on dirait que ton pied de page est un peu transparent et que les avatars sont en dessous du footer, donc ça doit être ça le problème

    81
    Vendredi 31 Juillet 2015 à 15:51

    Ooh... et comment je dois faire ?

    82
    Vendredi 31 Juillet 2015 à 17:40

    Je sais pas, moi je n'ai pas eu ce problème, donc ton soucis vient d'un des codes que tu as ajouté je pense x) et vu que je ne sais pas quels codes tu as ajouté, je peux pas t'aider

    83
    Vendredi 31 Juillet 2015 à 17:44

    Oh je vois, d'accord, merci en tout cas, je vaks jetter un coup d'oeil quand j'aurais terminé mon artkcle brouillon papier 

    84
    Vendredi 31 Juillet 2015 à 17:45

    Comme tu veux x) bonne chance

    85
    Vendredi 31 Juillet 2015 à 17:47

    Euh.....merci....

    86
    Dimanche 2 Août 2015 à 17:19

    c'est mino ( c'est mon compte teste ) je voulais savoir; si c'était possible d'avoir une image de bienvenu avec une forme particulière ou non ? parce que je ne sais pas quoi mettre en image de bienvenu.... 

    87
    Dimanche 2 Août 2015 à 17:24

    Tu me demandes de te faire une image ? Ou j'ai pas compris ?

    88
    Dimanche 2 Août 2015 à 17:31

    euh, si moi je peux faire la création de bienvenu avec le header ou toi comme tu veux c'est juste pour savoir

    89
    Dimanche 2 Août 2015 à 17:37

    oui tu peux faire l'image de bienvenue avec le header (mais ça sera peut être un peu "trop" car répéter une image plusieurs fois, parfois ça fait un peu "lourd")

    90
    Dimanche 2 Août 2015 à 17:46

    ooh je vois, alors je ne vais pas en faire alors, merci du conseil ^^

    91
    Lundi 10 Août 2015 à 14:28

    J'aime beaucoup ♥ Je peux changer le header par contre? Merci du partage! ♥

    92
    Lundi 10 Août 2015 à 15:07

    Oui tu peux changer le header si tu veux ^^

    93
    Lundi 10 Août 2015 à 23:01

    Oh mon dieu merci beaucoup je t'aime, ça rend très bien! :D

    J'ai un peu bidouillé les codes huhu 

    94
    Dimanche 23 Août 2015 à 14:35

    J'adore ce thème *^*

    95
    Dimanche 23 Août 2015 à 15:19

    Shuchu : tant mieux alors x) !

    Haru : merci ^^

    96
    Lundi 7 Septembre 2015 à 19:49

    M.A.G.N.I.F.I.Q.U.E j'avais déjà vus cette image mais ce que tu as fait avec est splendide!

    97
    Mercredi 11 Mai 2016 à 01:23

    C'est super beau ! Bravo pour ton travail :) ! Comme j'ai du mal sur les CSS, j'essaye de me baser sur un de tes thèmes, si ça ne te dérange pas ><". 

      • Mercredi 11 Mai 2016 à 19:01

        Pas de soucis =) 

    98
    Samedi 2 Juillet 2016 à 13:59

    Salut, pourrais-tu me l'installer s'il te plaît (j'ai essayé de le mettre mais j'ai fait n'importe quoi) ?

      • Samedi 2 Juillet 2016 à 14:01

        Oui si tu veux XD mais il me faut la permission pour modifier le thème et le lien de ton blog

    99
    Samedi 2 Juillet 2016 à 14:10

    Merci c'est fait. :)

      • Samedi 2 Juillet 2016 à 14:13

        Je dois tout remettre à zéro au niveau du thème, donc si d'un coup il y a page blanche ou que rien ne s'affiche ou s'affiche bizarrement : c'est normal

    100
    Samedi 2 Juillet 2016 à 14:14

    Ok (encore merci).

      • Samedi 2 Juillet 2016 à 14:19

        Voilà, ça devrait être bon maintenant, je vérifie juste si les commentaires s'affichent normalement et tu pourras m'enlever les droits

    101
    Samedi 2 Juillet 2016 à 14:25

    Merci. :)

      • Samedi 2 Juillet 2016 à 15:01

        De rien ^^

    102
    Jeudi 14 Novembre 2019 à 23:15

    Je te pique le concept et le CSS en te créditant sur mon header ! 

    Merci beaucoup pour ce travail ! 

    103
    Mardi 19 Mai 2020 à 10:32

    Je te l’empreinte parce que flemme de faire un thème toute seul pour une fois xD

    Suivre le flux RSS des commentaires

    Vous devez être connecté pour commenter