![[MAX]](http://ekladata.com/HY6lqCpBSwVvKgQVeuruy447QxM@100x100.jpg)
-
Thème en libre service #2 - Manga girl/H2SO4
Les Codes
#content { line-height: 1.4em;}
@font-face {font-family: "nathaniel";
src: url('http://ekladata.com/Pfv8RPwS_IqupMJaS8KZVKMaoHo/Nathaniel.ttf');}
#body {background-image:url("http://ekladata.com/lwub4gMoVNWU7qMVd4is5Ej67cI.png");
background-position: center top;
background-repeat: repeat;
background-attachment: fixed;
font-family: arial;
text-align: justify;}
#body a {font-weight: normal;
font-style: normal;
text-decoration: none;
font-variant: normal;}
#background {width: 1000px;
background-color: #fbf2d9;
box-shadow: 0px 0px 5px black;}
#header { background-image:url("http://ekladata.com/TJQUMT6I_4B6DqUBNAwLNnHMzQI.png");
background-position: center top;
background-repeat: no-repeat;
background-attachment: absolute;
height: 415px;}
#titre_header a {font-family: "nathaniel";
color: #faffe4;
text-shadow: 0px 0px 5px #493e44;
font-size: 40pt;}
#titre_header {position: absolute;
top: 210px;
margin-left: 420px;}
#slogan_header {font-family: "arial";
color: #faffe4;
font-size: 8pt;
letter-spacing: 1pt;
text-shadow: 0px 0px 3px #493e44;}
#menu1 .module_menu_titre {background-color: #ed6556;
color: white;
font-family: "times new roman";
text-shadow: 0px 0px 2px white;
text-align: left;
padding-left: 25px;
padding-top: 5px;
height: 25px;}
#menu1 .module_menu_contenu {background-color: #ed6556;
color: #f8d8d2;
padding: 0px 5px 5px;
margin-bottom: 30px;}
#menu1 {width: 200px;
margin-top: 0px;
margin-left: 15px;}
.module_titre_contenu, .module_titre_contenu a {
height: 35px;
font-family: "Times New Roman", Times, serif;
font-size: 25pt;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-variant: small-caps;
text-align: center;
color: #42343b;
text-shadow: 0px 0px 1px #42343b;}
.article_info {margin-bottom: 15px;
text-align: center;
height: 10px;
font-size: 8pt;
color: black;
opacity: 0.6;
margin-top: -5px;}
.article_info a:hover {color: #ed6556;}
#content {margin-left: 235px;
margin-right: 15px;
margin-top: 0px;}
#menu1 a {color: #fee5a8;}
#menu1 a:hover {color: #d6d6d6;}
.article_text {font-family: arial;
font-size: 10pt;}
.article_text a {color: #dc4c46;
font-weight: bold;}
.article_text a:hover {color: #66674c;}
.module_contenu_block>a {color: #ea9174;}
.module_contenu_block>a:hover {color: #f6be6c;}
.commentbody { font-family: arial;
font-size: 10pt;
font-style: italic;
color: #6a6a6a;
padding-left: 10px;
background-color: #fadb89;
border-radius: 0px 0px 45px 18px;
margin-bottom: 20px;
padding-right: 15px;}
.commentavatar img {border-radius: 15px 32px / 32px 15px;
border: solid 3px #ed6556;}
.commentpseudo a{color:#ff4946;}
.commentdate {font-family: arial;
color: black;
opacity: 0.2;}
.commentnumber {padding-left: 15px;
font-family: 'times new roman';
font-weight: bold;
color: black;
padding-right: 15px;}
.commentheader { margin-top: 5px;
background-color: #fadb89;
border-radius: 38px 23px 0px 0px;}
.comment_admin .commentnumber {color: white;}
.comment_admin .commentheader { background-color: #474145;
border-radius: 38px 23px 0px 0px}
.comment_admin .commentbody {color: #d6d6d6;
background-color: #474145;
border-radius: 0px 0px 45px 18px;}
.commentavatar {padding-right: 5px;
padding-left: 5px; padding-bottom: 10px;}
.comment_admin .commentavatar img {border: solid 3px #e9e9e9;}
.comment_admin .commentdate {font-family: arial;
color: white;
opacity: 0.2;}
#footer:after {content: " - Design by Elinae - © 2014";}
::-webkit-scrollbar {height: 0px;
width: 9px;
background-color: white;}
::-webkit-scrollbar-thumb:vertical {background-color: #444147;}
#footer { height: 20px; color: black;
opacity: 0.7;
font-family: "times new roman";}
#footer a {color: black;
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
Haha merci x) (pour le code et le thème xD j'ai connu le code grâce à euh Toshiki il me semble)
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 ^^
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)
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)
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 :')
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)
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)
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)
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)
Bah si ça marche, tant mieux alors XD ! (peut être que tu as la police sur ton ordinateur aussi x) )
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)
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)
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 ^^)
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))
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)
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
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?)
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. ^^
Aussi, c'est un peu dommage que tu ne prennes plus les thèmes, je voulais t'en demander un. ><
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 :/
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.)
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))
Merfiiii <3
Aussi, je me demandais comment tu faisait les cases déroulantes comme dans "les codes".
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 ^^"
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 ^^
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 ???
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
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 ?
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)
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
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
Oh je vois, d'accord, merci en tout cas, je vaks jetter un coup d'oeil quand j'aurais terminé mon artkcle brouillon papier
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....
euh, si moi je peux faire la création de bienvenu avec le header ou toi comme tu veux c'est juste pour savoir
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")
Oh mon dieu merci beaucoup je t'aime, ça rend très bien! :D
J'ai un peu bidouillé les codes huhu
Je te pique le concept et le CSS en te créditant sur mon header !
Merci beaucoup pour ce travail !
Suivre le flux RSS des commentaires
Vous devez être connecté pour commenter
Créer mon blog 
Ouah alors lui il est vraiment jolie *-*
Hum... Hésitation x)