Eklablog Tous les blogs Top blogs Lifestyle
Editer l'article Suivre ce blog Administration + Créer mon blog
MENU

blog d'exposition de créations, de commandes graphiques, et d'animations

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

 

Les Codes

#content {    line-height1.4em;}

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


#body {background-image:url("https://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("https://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

Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article
M
Je te l’empreinte parce que flemme de faire un thème toute seul pour une fois xD
Répondre
S
Je te pique le concept et le CSS en te créditant sur mon header ! <br /> Merci beaucoup pour ce travail ! 
Répondre
A
Merci. :)
Répondre
A
Ok (encore merci).
Répondre
A
Merci c'est fait. :)
Répondre