-
Thème en libre service #8 - Rose
Depuis le temps que j'aurai du poster ce thème, le voici ! Pour ceux qui aiment les thèmes simples et sans manga, ça devrait le faire !
Les Codes
@font-face {font-family: "Bebas_Neue";
src: url('http://ekladata.com/DQ4_vfzSOgR64n05EBmf7v_kH2U/BebasNeue.otf');}
@font-face {font-family: "lab";
src: url('http://ekladata.com/AZplGHuUIoQTsWXwcEjSFTIGCV4/LABTOP_.ttf');}
@font-face {font-family: "trajan";
src: url('http://ekladata.com/Rgb3CmX4cI4aez15Og9j-7S5AJQ/TrajanPro3-Regular.otf');}
/*--fond fenêtre--*/
#body { background:url('http://ekladata.com/lZFwOjGqaKuT9dGag-aG4z7Kv28.jpg') repeat;
font-family: arial;
word-wrap: break-word;}
#body a { text-decoration: none;}
/*--fond page--*/
#background {width: 1000px;
margin: 0 auto;}
/*--header--*/
#header {height: 180px;}
#titre_header {top: 100px;
line-height: 180%;
letter-spacing: 8.15pt;}
#titre_header a {display: inline-block;
width: 100%;
text-align: center;
font-size: 19pt;
font-family: trajan;
font-weight: bold;
color: white;
text-shadow: -1.5px 1.5px 0px #232323, 0px 0px 3px #505050;}
#titre_header a:hover {text-shadow: -2.5px 1.5px 0px #ff497c, 0px 0px 3px #ff497c;}
/*--menu header--*/
#menu {width: 100%;
height: 50px;
padding-top: 15px;}
#menu a {display: inline;
font-family: bebas_neue;
font-size: 20pt;
color: white;
background: #232323;
margin-right: 15px;
padding: 5px;
border-radius: 5px 18px / 12px 8px;}
#menu a:hover {background: rgba(0,0,0,0.5);}
#menu ul a {display: inline-block;
margin-top: 5px;
padding-bottom: 10px;
line-height: 100%;}
#menu ul a:hover {display: inline-block;
margin-top: 5px;
padding-bottom: 10px;
line-height: 100%;}
/*--menu1--*/
#menu1 {width: 300px;}
#menu1 a {color:#ff497c;}
#menu1 a:hover {color: white;}
#menu1 .module_menu_titre {height: 100%;
font-family: lab;
font-size: 25pt;
background: #232323;
color: white;
padding-left: 10px;
border-bottom: 1px dashed #323232;}
#menu1 .module_menu_contenu {background: #232323;
color: #999;
padding: 6px;
margin-bottom: 35px;}
.module_menu_type_search input[type="text"], .module_menu_type_search select, .module_menu_type_search textarea {width: 98%;
height: 25px;
color: grey;}
.module_menu_type_search [type="submit"] {border: none;
padding: 2px 0px 1px 0px;
width: 100%;
font-family: "Bebas_Neue";
font-size: 19pt;
margin-top: 7px;}
.menu_shoutbox {height: 215px;}
.menu_shoutbox {border-width: 1px;
border-style: solid;
border-color: rgb(64,64,64);
padding: 3px;}
.menu_shoutbox hr {width: 100%;
background: rgb(48, 48, 48);
height: 1px;
margin-bottom: 2px;
margin-top: 2px;}
.module_menu_type_shoutbox input[type="text"], .module_menu_type_shoutbox select, .module_menu_type_shoutbox textarea {margin-top: 7px;
width: 100%;
height: 28px;
color: grey;
padding-top: 2px; padding-bottom: 2px;}
.module_menu_type_shoutbox [type="submit"] {border: none;
padding: 2px 0px 1px 0px;
width: 100%;
font-family: "Bebas_Neue";
font-size: 19pt;
margin-top: 7px;}
#menu_calendar_month {color: #999;}
.module_menu_type_calendar thead {background: #ccc;
color: black;}
.module_menu_type_calendar tbody tr {color: #a5a5a5;}
.module_menu_type_calendar tbody a {color: #555;
font-weight: bold;}
.module_menu_type_calendar tbody a:hover {color: white;}
.module_menu_type_lastvisitors img {width:65px;
height: 65px;
margin: 2px;}
/*--article--*/
#content {margin-top: 10px;
width: 630px;
margin-left: 330px;
padding-left: 5px; padding-right: 5px;}
.module_titre_contenu, .module_titre_contenu a {display: inline;
font-family: "Bebas_Neue";
font-size: 23pt;
background: #ff497c;
color: white;}
.module_titre_contenu {height: 100%;
padding-top: 9px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;}
.article_info {text-align: right;
font-size: 10px;
padding-bottom: 5px;}
.module_contenu {margin-top: 15px;
padding: 7px;}
.module_contenu {background: #fefefe;
border: 1px solid #ccc;}
.module_contenu a {color: #ff497c;}
.module_contenu a:hover {background-color: #ff497c;
color:white;
border-radius: 3px;}
.module_bottom {height: 20px;}
/*--footer--*/
#footer {height: 100%;
color: #ff497c;
font-family: lab;
font-size: 10pt;
text-align: center;
letter-spacing: 2pt;}
#footer a {color: #ff497c;
font-family: lab;
font-size: 10pt;}
#footer a:hover {color: #dadada;}
#footer:after {content: "- Design by Elinae - © 2015";}
/*--commentaire--*/
.comment_normal, .comment_admin {width: 100%;
border-bottom: 1px dashed #dbdbdb;}
div.commentheader{}
div.commentbody {margin-top: 10px;
margin-bottom: 20px;
text-align: justify;}
div.commentbody a {}
div.commentbody a:hover {}
.comment_admin .commentnumber {color: #696969;}
.commentnumber {font-family: impact;
font-size: 12pt;
width: 22px;
color: black;
line-height: 160%;}
.commentpseudo a {color: black;}
.commentpseudo a:hover {}
.commentpseudo {font-family: bebas_neue;
font-size: 20px;}
.comment_admin .commentpseudo a{color: #ff497c;}
.comment_admin .commentpseudo a:hover {color: white;}
.commentdate {font-family: "lab";
font-size: 13pt;
letter-spacing: 3pt;}
.commentavatar {margin-right: 10px;
margin-left: 5px;}
.commentavatar img {border-radius: 50px / 100px;
border: 3px solid #dadada;}
/*--bouton--*/
input[type=button],input[type=submit], button {background: #ff497c;
color: white;
font-family: bebas_neue;
font-size: 17px;
letter-spacing: 1.2pt;
border: none;
padding: 2px 8px 0px 8px;}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover, .button:hover {background-color: #ffaf44;}
/*--helpbubble--*/
#help_bubble {background: white;
border: 1px dashed #dbdbdb;
color: grey;
border-radius: 3px;}
/*--forums--*/
.post_table {width: 100%;
margin-bottom: 15px;}
.post_table_head {background: #ccc;
padding: 5px;
font-family: arial;
color: white;
text-align: right;
border-bottom: 1px dashed #ababab;}
.post_table_profile a {font-family: bebas_neue;
font-size: 20px;}
.post_table_profile a:hover {}
.post_table_profile {text-align: right;
width: 86px;
padding-right: 5px;
padding-bottom: 5px;
background: #e9e9ea;
border-right: 1px dashed #ababab;
border-bottom: 1px solid #ababab;}
.post_table_profile img {width: 75px;
height: 75px;
border-radius: 50px / 100px;
border: 3px solid #ababab;}
.post_table_msg {padding: 7px;
background: #e9e9ea;
border-bottom: 1px solid #ababab;
border-right: 7px solid #ccc;}
.chemin_forum a {color: #505050;}
.chemin_forum a:hover {}
.forum_table th, .topic_table th {font-family: arial;
font-weight: normal;
text-transform: uppercase;
text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
color: #505050;
padding: 0px 10px 0px 10px;}
.forum_table td, .topic_table td {padding: 0px 10px 0px 10px;}
.forum_table td a, .topic_table td a {color: #ff497c;
text-decoration: none;}
.forum_table td a:hover, .topic_table td a:hover {}
.forum-description {padding: 10px;
margin: 10px 5px 10px 5px;
border: 1px dashed #505050;}
/*--pagination--*/
.pagination {font-family: bebas_neue;
font-size: 12pt;}
.pagination a {padding-left: 5px; padding-right: 5px;}
.pagination img {}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. 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. La couleur de ce thème est du rose (celui ci #ff497c), mais vous pouvez très bien la remplacer par une autre couleur.
2. Dans le cas où vous souhaitez changer la couleur du thème : chercher tout les éléments qui ont pour valeur la couleur #ff497c et remplacez-la.
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.
24 mai 2015. Le thème est aussi adapté aux petits écrans (moins de 1100px de large)
-
Commentaires
Coucou j'adore ce thème alors je le prend nya! ^^
-
Jeudi 15 Octobre 2015 à 14:37
-
Jeudi 15 Octobre 2015 à 14:51
-
Je te le pique :3
-
Dimanche 18 Octobre 2015 à 11:30
-
Dimanche 18 Octobre 2015 à 14:27
C'est encore moi x)
J'ai un petit problème : les liens dans le header ne s'affiche pas et la police du titre dans le header n'est pas la même ^^
Voilà le lien si tu veux : http://yunaie.ek.la/
Merci ^^
-
Dimanche 18 Octobre 2015 à 14:31
-
Dimanche 18 Octobre 2015 à 14:32
-
Dimanche 18 Octobre 2015 à 14:48
-
D'accord, merci ^^
-
Dimanche 18 Octobre 2015 à 14:59
-
Dimanche 18 Octobre 2015 à 15:05
-
J'adore ce thème, super bien fait je me suis donc permise de l'utiliser ^w^-
Lundi 8 Février 2016 à 00:19
-
Jeudi 25 Février 2016 à 18:07
-
Jeudi 25 Février 2016 à 19:11
es-tu sûre d'avoir tout remis à zéro dans le thème avant d'installer les codes ?
Sinon va vérifier dans les paramètres du module (dans apparence > modifier le thème) l'alignement du texte du menu, si la case d'alignement à droite est toujours cochée, c'est la raison du problème
Sinon passe moi le lien de ton blog avec une permission de changer le thème pour que j'aille découvrir l'origine du problème
-
Vendredi 26 Février 2016 à 12:03
-
Vendredi 26 Février 2016 à 12:07
-
Bonjour bonjour! Juste pour dire que j'emprunte ton thème juste en changeant la couleur rose en bleu (oui je n'aime pas le rose xD )tout simplement parce que j'ai la flemme de me lancer dans le codage en ce moment ~
Bon weekend et merci pour ton travail, merci pour ton partage aussi! ♥
-
Dimanche 20 Mars 2016 à 14:41
-
Dimanche 20 Mars 2016 à 14:52
-
Bonjour,
J'apprécie énormément ce thème *-*
Je me permet d'emprunter ce thème pour mon blog :) Peut-être que je changerai de couleur...
-
Samedi 26 Mars 2016 à 19:06
-
Puis-je te le prendre s'il te plaît, je pourrais l'installer seule ce sera facile maintenant que tu m'as mis les valeurs à 0 ?
-
Samedi 2 Juillet 2016 à 20:32
-
D'accord merci pour l'info et désolée (tu m'as mis l'autre et pourtant je le change).
-
Samedi 2 Juillet 2016 à 20:36
-
Coucou, j'aime beaucoup ce thème mais je n'arrive pas à faire ce que je voudrais avec >o<
Je m'explique : je n'arrive pas à avoir le barre du haut où tu as marqué sur ta preview : Accueil, codage, ...etc. J'aimerais marqué autres choses moi, mais dans tout les cas, je ne sais pas comment faire. Peux-tu venir m'aider si je te met perm' 3 ?
-
Mercredi 3 Août 2016 à 14:21
Oui je peux te venir en aide, mais avant de me mettre une perm 3, essaye d'aller dans apparence > menu de l'en-tête
Rajoute tes liens avec leur titre, penses bien à enregistrer, en principe ça devrait faire comme dans ma preview, si ça marche pas, là renvoie moi un commentaire ou un mp avec le lien de ton blog et la perm 3 et j'arrangerai le problème
-
Je te le prends !
-
Jeudi 4 Août 2016 à 16:09
-
Jeudi 4 Août 2016 à 16:20
-
Jeudi 4 Août 2016 à 16:58
-
Jeudi 4 Août 2016 à 17:33
-
Etant donné que je ne suis pas une fille très forte en graphisme je te prend plusieurs thème au cas où ( si je change d'avis haha)
Un jour faudra que je me lance sérieusement dans les css...Mais en attendant je prends ce thème qui est sublime^^ Bravo à toi !
Bonjour, je t'ai pris ton thème pour mon blog. Merci pour tout ce superbe travail, c'est vraiment super beau ! Je t'ai également mis en lien module Design By pour te créditer, parce que tu fais vraiment de très belle chose. Bon courage pour la suite. Bon weekend
Petite question : Quelque soit le nombre de derniers visiteurs que je met, il y en a toujours deux. Comment arranger ça ?
Je ne pense pas que mon thème soit en cause, il faudrait que tu me montres pour que je puisse éventuellement voir d'où vient le problème ^^
Ok, je te dirai quand j'aurai la permission, je pense savoir où est le problème mais je veux en être sûre avant
Hey ! Est ce que je peux te le prendre en attendant d'avoir le thème que j'ai commandé stp ? Il est trop beau, merci !
Bonjour ;)
Ce thème est super, j'aimerais bien l'emprunter. Sur mon blog, il y aura bien sûr un remerciement à toi (et le lien de ton blog si tu veux)
Je n'arrive pas a faire des thèmes moi-même, et ceux d'eklablog ne correspondent pas à mes envies.
Merci de mettre du libre service ;) Surtout que ça doit être un temps fou que tu passe pour les faire.
Hermione Granger =)
Merci ^^
c'est gentil, tu peux mettre le lien de mon blog et de mon profil, en principe mon nom s'affiche dans le footer si on ne modifie pas le footer =)
j'ai fait ces thèmes car je trouvais ceux d'eklablog pas à mon goût non plus et je trouvais qu'il y avait pas de choix et qu'ils étaient pas terrible ^^
De rien =)
Hey :)
C'est super ce que tu fais, j'aime beaucoup les graphismes et tout ^^ !
Est ce que je peux t'en emprunter un parmi les thèmes libres services ? Je suis vraiment nulle en code CSS, et je viens de commencer mon blog xD
Je préciserai que c'est toi qui les a réalisés ^^
Merci beaucoup :)
Tu peux utiliser ce thème oui ^^
Les thèmes sont là pour ça, tant qu'on ne change pas le footer où il est écrit "design orignal by Elinae" et qu'on précise que le thème d'origine vient de moi, on peut utiliser mon thème et même le modifier ^^
Ok merci beaucoup ! Je ne sais pas encore quel thème je vais choisir x)
Merci pour ta réponse et à bientôt ^^
C'est simple et élégant, exactement ce que je cherchais Merchiii beaucoup
Je te créditerais sur mon blog :)
Par contre je vais surement changer la couleur j'espère que ça te dérange pas
-
Samedi 12 Mars 2022 à 20:03
-
Mardi 15 Mars 2022 à 13:34
-
Mardi 15 Mars 2022 à 18:01
-
Vous devez être connecté pour commenter
C'est boooooooooooooooo :o !
Merci ^^ (je l'avais utilisé comme thème pendant un mois, c'est pour ça que je l'ai pas publié avant maintenant x))