-
Thème en libre service #10 - Paisible
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
1MinokotoMercredi 13 Juillet 2016 à 13:12RépondreOH OUIII je l'attendais !
Par contre il me semble que tu t'es fail, c'est pas un menu à doite ? [meuf chiante]
-
Mercredi 13 Juillet 2016 à 16:51
-
Eli je voulais savoir si c'est parce que je suis sur tablette ou c'est normal les commentaires ? '^'
-
Mercredi 13 Juillet 2016 à 16:52
-
Mercredi 13 Juillet 2016 à 17:24
-
Mercredi 13 Juillet 2016 à 17:34
-
Mercredi 13 Juillet 2016 à 18:55
-
Mercredi 13 Juillet 2016 à 21:21
-
Mercredi 13 Juillet 2016 à 22:13
-
Au fait c'est possible d'avoir l'artiste de l'image du header ou tout simplement l'image de base stp ? ^^
-
Mercredi 13 Juillet 2016 à 21:36
Justement, je voulais le dire dans l'article, et je vais le faire ! J'ai trouvé l'image il y a loooooongtemps, et je ne sais absolument plus où je l'avais trouvé et encore moins son artiste :/ j'aimerai rajouté sur l'image qu'il/elle a dessiné le header mais je trouve rien x_x ...
Pour l'image de base, je ne l'ai pas non plus, mais peut être qu'avec le bout d'image qu'on voit, on peut retrouver la version complète, faut voir x)
-
Mercredi 13 Juillet 2016 à 21:39
J'ai retrouvé l'image en grand sur internet
Elle fait 1056*756px, je l'ai trouvé ici , je ne sais pas si c'est vraiment la version original qui y est affiché ou non..
EDIT : en retournant l'image j'ai pu retrouver l'image originale qui se trouve juste ici > sur deviantart ! L'artiste est najtkriss
-
Jeudi 24 Novembre 2016 à 16:08
-
En 1 seconde eli, tu viens de me sauver la vie *^*
-
Mercredi 13 Juillet 2016 à 22:14
-
Mercredi 13 Juillet 2016 à 22:21
-
Mercredi 13 Juillet 2016 à 22:22
-
Mercredi 13 Juillet 2016 à 22:27
-
Mercredi 13 Juillet 2016 à 22:28
-
J'aime beaucoup le thème il est très joli,je te l'empreinte.Je peux changer l'header ?
Merchi d'avance !
-
Dimanche 17 Juillet 2016 à 20:20
-
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
-
Mercredi 20 Juillet 2016 à 12:25
-
^^
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/
-
Mercredi 20 Juillet 2016 à 16:18
pour les commentaires, je vais voir dans mon code si j'ai oublié de définir leur largeur, par contre pour la barre blanche j'ai du mal à voir d'où vient l'origine du problème, je devrais voir le code css de ton thème, avec le reste histoire de voir d'où vient le soucis :/ sinon je ne peux rien faire
Je vais déjà arranger le soucis des commentaires, attends un peu
-
D'accord si tu souhaites venir voir le CSS de mon blog je peux te mettre la permission
D'accord je serais patiente
-
Mercredi 20 Juillet 2016 à 16:21
-
D'accord alors je te mets la perm' ^^
D'accord c:
-
Mercredi 20 Juillet 2016 à 16:25
-
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 ! :)
-
Mardi 2 Août 2016 à 22:39
-
Ok ! C'est le même que la dernière fois: http://worldouworld.ek.la/ Et je te mets la perm'
-
Mercredi 3 Août 2016 à 14:05
-
Ok !
-
Mercredi 3 Août 2016 à 14:08
-
Mercredi 3 Août 2016 à 14:13
Pour ce qui est du menu du header, tu as du enlever le fond de celui-ci, mais si tu fais ça, tu as la barre noire du fond du header qui apparaît, si tu veux une autre couleur pour le fond non survolé du menu du header, dis moi, je le changerai. Je vais quand même vérifier dans mes codes si j'avais oublié d'ajouter le fond ^^
-
Mercredi 3 Août 2016 à 14:14
-
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
-
Samedi 6 Août 2016 à 22:14
-
Dimanche 7 Août 2016 à 12:35
-
Dimanche 7 Août 2016 à 22:07
-
Dimanche 7 Août 2016 à 22:13
-
Je peux t'emprunter quelques codes du thème? Bien sûr je n'oublierais pas de créditez à ton nom :3
-
Jeudi 18 Août 2016 à 21:29
-
Jeudi 18 Août 2016 à 22:22
-
Vendredi 19 Août 2016 à 12:17
-
Mardi 23 Août 2016 à 00:38
-
(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')
-
Jeudi 25 Août 2016 à 17:20
C'est le lien de téléchargement de la police. Pour l'obtenir tu peux, par exemple, créer un nouvel article (ou en éditer un), tu fais "document" (comme quand tu veux ajouter une image tu cliques sur "image", bah là c'est pareil sauf que tu as un bouton document juste à côté), tu vas chercher ta police sur ton pc, tu l'upload, là on te laisse 3 choix, tu choisis celui du lien de téléchargement, et voilà. ^^
-
Jeudi 25 Août 2016 à 17:22
-
C'est beaucoup trop beau *.* j'emprunte en te créditant x)
-
Mercredi 28 Septembre 2016 à 21:19
-
Jeudi 29 Septembre 2016 à 19:02
-
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 ;)
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:
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 !
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
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
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) ...
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 <.<
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)
Coucou, étant sur mon premier blog sur cette plateforme après un loooong break de ce format, je t'emprunte ton thème, tu sera créditer etc bien sûr ! Et bravo pour le boulot ^^
Coucou !
Je voudrais utiliser ce thème, est-ce que je peux mettre une image de fond plutôt que juste la couleur blanche ? :)
Merci !
Bonjour ^^
Je me permets de t'emprunter ce très beau thème pour lequel j'ai craqué.
Je rêve un jour de pouvoir créer mes propres thèmes et surtout d'aussi beaux que les tiens. Mais pour l'instant, je vais commencer par t'emprunter ce thème >//<
Merci pour le partage de ce dur travail ! ♥Merci !
Je sais pas comment on crédite en bas de page du coup je l’ai mis sur l’accueil du forum.Oui j'ai vu, c'est très bien ^^
Sinon pour écrire quelque chose dans le footer tu peux utiliser ce code :
#footer:after {content: "écrisicicequetusouhaitesmettreenbasdepage";}
Pour les sélecteurs :
/*--forums--*/
.post_table {}
.post_table_head {}
.post_table_profile {}
.post_table_profile a {}
.post_table_profile img {}
.post_table_msg {}
.forum-description {}
.forum_table {}
Ici le tableau (liste) des forums/sujets :
.forum_table th, .topic_table th{}
.forum_table tr:nth-child(even), .topic_table tr:nth-child(even){}
.forum_table tr:nth-child(odd), .topic_table tr:nth-child(odd){}
.forum_table td, .topic_table td {}
th = si je me souviens bien c'est la première ligne des tableaux des forums
tr = ligne
td = case
even = pair, odd = impair
Vous devez être connecté pour commenter