-
Thème #6 Noir et orange
Thème simple que j'avais déjà fait dans les tons blancs, j'ai simplement changé les couleurs pour avoir un thème avec du texte blanc sur noir.
(cliquez sur l'image pour agrandir)
- Créditer / Prévenir en commentaire ou par MP si vous prenez un thème
- Préciser quelque part sur votre blog que le thème est de moi si ce n'est pas déjà fait (normalement c'est déjà noté dans le pied de page, donc c'est suffisant).
- Si vous souhaitez prendre un thème et le modifier (header/couleurs etc.) vous pouvez, mais si le codage reste le mien précisez quelque part vos modifications.N'oubliez pas de mettre vos paramètres à zéro !
Et de mettre le menu 1 à gauche.
@font-face {font-family: "Bebas_Neue";
src: url('http://ekladata.com/DQ4_vfzSOgR64n05EBmf7v_kH2U/BebasNeue.otf');}
@font-face {font-family: "honey script";
src: url('http://ekladata.com/Qb6jfganvjEvs0SGYvgPeZoPUPI/Honey_Script.ttf');}
#titre_header a {text-shadow: 0px 0px 3px #FFFF99, 0px 0px 1px #FFFF99, 0px 0px 2px #FFFF99, 0px 0px 3px #FFFF99;
color: black;
font-size: 80px;
font-family: pristina;}
#titre_header {left: 680px;
top: 110px;}
#body {
background: url() repeat-x 50% 0%,
url() repeat fixed 50% 0px;
background-color: #272727;
}
#background {font-family: calibri;
margin-top: 20px;
background: url() repeat-x 50% 0%,
url(http://ekladata.com/KbOQUaelv9V_BhGuSZqAvMNBYSY/header-doudouc.png) no-repeat 50% 0px;
background-color: #111111;
width: 1070px;
padding-left: 15px;
padding-right: 15px;
box-shadow: 0px 0px 10px black; }
#header {height: 350px;
margin-bottom:85px;
}
#menu {width: 100%;
top: 383px;}
#menu a {font-family: calibri;
font-size: 15px;
margin-right: 5px;
text-align: center;
font-variant: small-caps;
color: #CECECE;}
#menu a:hover {color: #F1B366;}
ul#menu ul a {font-family: calibri;
color: #CECECE;
font-size: 14px;
margin-left: 30px;
background: #272727;
font-weight : Lighter;
height: 28px;
line-height: 28px;
text-align: left;
padding-left: 10px;
}
ul#menu ul a:hover {color: #F1B366;
margin-left: 30px;
background: #333333;
font-weight : normal;
text-align: left;
padding-left: 10px;
}
/*-Menu 1-*/
#menu1 {width: 250px;}
#menu1 .module_menu_titre {letter-spacing: 0.5px;
color: #111111;
text-shadow: 2px 2px 0px #FABF48, 1px 1px 0px #FABF48;
margin-bottom: 7px;
background: #FCC06B;
background-position: 100% 90%;
font-size: 21px;
font-family: "Bebas_Neue";
text-align: center;
height: 30px;
line-height: 32px;}
#menu1 .module_menu_contenu {font-size: 14px;
color: #CECECE;
font-family: calibri;
margin-bottom: 15px;}
.module_menu_contenu a {color: #FFC543 ;
font-variant: small-caps;}
.module_menu_contenu a:hover {color: #FCBB51;}
/*-Article-*/
.module_menu_type_lastarticles a::before {color: #CECECE;
content: '→ ';}
.article_info {text-align: right;
font-weight : bold;
margin-bottom: 20px;
font-size: 10px;
letter-spacing: 0.5px;
font-family: arial;
color: grey;
}
.module_contenu {text-align: justify;
font-size: 15px;
color: #CECECE;
font-family: calibri;
margin-left: 10px;
margin-right: 20px;
padding: 5px 25px 5px 25px;
margin-bottom: 25px;}
.module_titre_contenu, .module_titre_contenu a {
color: #FCC06B;
height: 45px;
width: 725px;
font-weight: lighter;
font-family: "Bebas_Neue";
font-size: 28pt;
text-decoration: none;
text-align: left;}
.module_titre_contenu a:hover {color:#FFA9A9 ;}
.module_contenu a { color: #FCBB51;}
.module_contenu a:hover {color: #FFA9A9;}
/*--Modules--*/
/*--module recherche--*/
.module_menu_type_search [name="q"] {border: 1px solid #A7A7A7;
width:90%;
height: 20px;
border-radius: 3px;
margin-bottom: 7px;}
.module_menu_type_search {text-align: center;}
.module_menu_type_newsletter input[name=subscribe] {
width:90%;
height: 25px;
border-radius: 1px;
margin-bottom: 10px;}
.module_menu_type_search [type="submit"] {
margin-left: 5px;
background: #A7A7A7;
color: #F0F0F0;
width: 43%;
margin-bottom: 5px;
border: 1px solid #A7A7A7;
border-radius: 3px;
}
.module_menu_type_search [type="submit"]:hover {background: #797979;}
/*-Derniers visiteurs-*/
.module_menu_type_lastvisitors img {
border: 1px solid white;
width: 36px;
margin: 3px;
margin-bottom: 3px;
opacity: 1;
}
.module_menu_type_lastvisitors img:hover{opacity: 0.9;
border-radius: 0px; }
/*-commentaire-*/
.comment_normal, .comment_admin {width: 99%;
}
div.commentheader {height: 25px;
background: #F8B264;}
.comment_admin div.commentheader {
height: 25px;
background: #FDA598 ;
}
div.commentbody {color: #CECECE;
border-bottom: 1px solid #414141;
border-left: 1px solid #414141;
border-right: 1px solid #414141;
padding-top: 10px;
padding-right: 3px;
padding-left: 5px;
padding-bottom: 10px;
background-color: #414141;
text-align: justify;
margin-bottom: 25px;
}
.commentnumber {
line-height: 25px;
float: left;
color: white;
font-family: impact;
text-shadow: 1px 1px 1px black;
font-size: 20px;
font-variant: normal;
text-align: center;
padding-right: 0px;
width: 25px;
padding-left: 0px;}
.commentpseudo {color: #333333;
text-shadow: 1px 1px 0px white;
font-weight: bold;
padding-left: 0px;
font-size: 18px;
float: left;
line-height: 25px;
}
.commentpseudo a {
line-height: 25px;
color: white;
text-shadow: 1px 1px 2px black;
font-size: 17px;
}
.comment_admin .commentpseudo a { color: #333333;
text-shadow: 1px 1px 0px white;
font-style: normal;
text-decoration: none;
font-variant: normal;}
.commentdate {float: right;
font-size: 11px;
padding-right: 5px;
color: white;
font-family: new times;
line-height: 25px;
text-shadow: 1px 1px 2px #FF8499;
}
.commentavatar {float: left;
width: 65px;
margin-right: 3px;}
.commentavatar img {
margin-right: 5px;
margin-bottom: 5px;
width: 55px;
}
.comment-reply a {
background: #C0C0C0;
color: black;
padding: 2px 10px 2px 10px;
border-radius: 1px;
margin-bottom: 5px;}
.comment-reply a:hover {
background: #D8D8D8;
color: #333333;
padding: 2px 10px 2px 10px;
margin-bottom: 5px;}
.block-reply div.commentbody {padding-left: 4px;
color: #585858;
border-bottom: 1px solid #585858; }
.block-reply {margin-left: 25px;
margin-right: 5px;
padding: 3px;
border-left: none;}
.block-reply .commentavatar { width: 50px; }
.block-reply .commentavatar img {width: 45px;
border: 1px solid white;}
.block-reply .commentpseudo {float: left;
margin-left: 5px; }
.block-reply div.commentbody {background: #FFFFFF;
padding-left: 5px;}
.block-reply .comment_admin div.commentbody {
border: 1px solid #727272;
color: #CECECE;
background: #727272;}
a.show-replies {color: #333333;}
a.show-replies:hover {color: #333333;}
.show-replies {margin-left: 25px;
border-radius: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 10px;
padding-right: 10px;
background: #FEE994;}
/*Footer*/
#footer {
height: 90px;
font-size: 13px;
color: grey;
text-align: center;
float: center;
}
#footer a {color: grey;
line-height: 150px;
}
#footer:after {content: " Thème by Kalyna - "; color: #EFEFEF;}
/*-Menubar-*/
.menubar_button
.menubar_section:hover,
.menubar_section,
.menubar_separation,
.menubar_button,
#menubar_logo,
#menubar_favorites { background: none;}
#menubar, #menubar a {color: #333333;}
-
Commentaires
Je t'emprunte ce SUPER JOLIE thème, merci beaucoup de faire du libre service xD
(c'est bien pour les nuls comme moi qui n'arrivent pas à faire de CSS et qui trouvent les thème d'ekla "NUL")
Hey ! Je te l'emprunte je l'aime beaucoup trop ! (Le blog sur lequel je le mets n'est pas encore en ligne) Il est vraiment très beau ! <3
Vous devez être connecté pour commenter
Très joli!