Thème #6 Noir et orange -

Thème #6 Noir et orange

Par Kalyna dans Thèmes le 19 Septembre 2017 à 19:48

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
1

Mint.

Samedi 30 Septembre 2017 à 19:21
Très joli!
Répondre
2

Mint.

Samedi 30 Septembre 2017 à 19:24
Je vais le prendre alors
Répondre
3

manon ladybug

Mardi 10 Octobre 2017 à 11:35
Désolé je suis forcée à te le voler ._.
Répondre

Kalyna

Mardi 10 Octobre 2017 à 12:38

Vas-y

Nom / Pseudo :

E-mail (facultatif) :

Site Web (facultatif) :

Commentaire :

Me prévenir par mail en cas de réponse
4

manon ladybug

Mardi 10 Octobre 2017 à 12:53
X')
Répondre
5

Aiko°

Lundi 1er Janvier 2018 à 22:34
Je le prends

Trop beau
Répondre
6

la-pasthèque-com

Mardi 31 Mars 2020 à 11:23
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")
Répondre
7

Aria-

Mardi 16 Juin 2020 à 20:57
J'aime trop, je te l'emprunte ;)
Répondre
8

Yelena.

Mardi 23 Février 2021 à 12:08
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
Répondre
9

jennifer 71

Lundi 1er Janvier à 17:14
Et celui ci est super cool
Répondre
Suivre le flux RSS des commentaires

Vous devez être connecté pour commenter

Thème #6 Noir et orange

Commentaires