-
Thème Death Note
Aujourd’hui, je vous ai concocté un thème Death Note en full CSS^^ Il contient beauuuucoup de défaut donc je le mets juste pour que vous piocher quelques truc xD
Choses à savoir AVANT de mettre le thème :
-Le background de la fenêtre et de la page doit rester toujours noir sinon le rendu du header est HORRIBLE ! Après si vous changer le header oui, là vous pouvez faire ce que vous voulez xD
-Il y a quelque modifications à faire hors CSS pour les couleurs ou la position du titre et du texte dans les menus, bref vous ajusterez xD
-La police "Bebas_neue" ne gère pas les accents et les symboles et pareil pour la police
"Trajan"
-Vous pouvez changer la police du titre du blog avec "Bebas_neue" et la grossir, ça rends tout aussi bien^^
-Avant de copier-coller les codes, il est préférable de tout décocher sauf "automatiquement centré"
-Pour la police "Bebas_neue", ne la mettez pas quand vous avec beaucoup à écrire car elle est peu lisible...Mettez la plutôt pour les titres !
-Certains CSS sont de Elinae
Voilà je crois que j'ai tout dis ^^"
Donc voici les codes :
/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-6/ani547.cur), progress !important;} /* End http://www.cursors-4u.com */
#footer:after {content: "- Design by Miss.Mion- © 2017";}
/*--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: 60px;
box-shadow: none;
background: white;
background-image: url('http://ekladata.com/6EDQP4lbqPa5Ex3AiysuQq_TLXI.png')!important;}
@font-face {font-family: "trajan";
src: url('http://ekladata.com/4FMKMk9yxedN-_RMrFS30d6ibq0/DEATH-FONT.ttf');}
@font-face {font-family: "simple";
src: url('http://ekladata.com/X8_GTWRpG1h2p_xlhTIWXi1AyaE/Cinzel-Regular.otf');}
.module_menu_contenu {box-shadow: 0px 0px 30px #3B0B0B;}
.module_menu_contenu {border-radius:60px 60px 60px 60px;}
@font-face {font-family: "bebas_neue";
src: url('http://ekladata.com/GYGWgrqrvlrHWdyw2iUIkTREGko/DEATHNOTEFont.ttf');}
.module_contenu {border-radius:60px 60px 60px 60px;}
.module_contenu {box-shadow: 0px 0px 30px #3B0B0B;}
.module_contenu {text-shadow:1px 01px 1px #a471b5;}
/*--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;
;}
.module_titre_contenu {height: 100%;
padding-top: 9px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;}
.article_info {text-align: center;
font-size: 10px;
padding-bottom: 5px;}
.module_contenu {margin-top: 15px;
padding: 7px;
font-family:simple;
font-size: 12pt}
.module_contenu a {color: BLACK;}
.module_contenu a:hover {background-color: BLACK;
color:white;
border-radius: 3px;}
.module_bottom {height: 20px;}
/*--menu1--*/
#menu1 {width: 300px;}
#menu1 a:hover {color: white;}
#menu1 .module_menu_titre {height: 100%;
font-family: bebas_neue;
font-size: 25pt;
color: white;
padding-left: 10px;
}
#menu1 .module_menu_contenu {
color: black;
padding: 6px;
margin-bottom: 35px;
font-family: simple;
font-size: 12pt;}
.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: 50%;
font-family: "Bebas_Neue";
font-size: 19pt;
margin-top: 7px;}
.menu_shoutbox {height: 215px;}
.menu_shoutbox {border-width: 1px;
border-style: dashed;
border-color: rgb(64,64,64);
padding: 3px;
border-radius: 60px;
FONT-family: SIMPLE;
font-size: 13pt;}
.menu_shoutbox hr {width: 100%;
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: BLACK;
font-family: SIMPLE;
padding-top: 2px; padding-bottom: 2px;
border-radius: 60px;}
.module_menu_type_shoutbox [type="submit"] {border-radius:60px;
padding: 2px 0px 1px 0px;
width: 50%;
font-family: "TRAJAN";
font-size: 14pt;
margin-top: 7px;}
#menu_calendar_month {color: BLACK;
font-family: bebas_neue;}
.module_menu_type_calendar thead {background: #ccc;
color: black;
FONT-family: bebas_neue;}
.module_menu_type_calendar tbody tr {color: #a5a5a5;
FONT-FAMILY:bebas_neue;}
.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;}
/*--commentaire--*/
.comment_normal, .comment_admin {width: 100%;
background:black;
font-size: 15pt;
margin: 25px 0px 25px 0px;
border-radius: 10px;}
div.commentheader {
border-bottom: dashed 1px white;
line-height: 230%;
text-transform: uppercase;}
div.commentbody {padding: 10px;}
.commentbody p {}
#titre_header {top: 200px;
line-height: 420%;
letter-spacing: 3pt;}
#titre_header a {display: inline-block;
width: 100%;
text-align: right;
font-size: 40pt;
font-family: trajan;
font-weight: bold;
color: white;
text-shadow: -1.5px 1.5px 0px #000000, 0px 0px 3px #000000;}
#titre_header a:hover {color:black;
text-shadow: -1.5px 1.5px 0px #ffffff, 0px 0px 3px #ffffff; }
/*--menu header--*/
#menu a {display: inline;
font-family: TRAJAN;
font-size: 15pt;
color: black;
background: white;
margin-right: 15px;
padding: 5px;
border-radius: 5px 18px / 12px 8px;}
#menu a:hover {background: black;}
#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%;}
#menubarabsolute{font-size:12pt ;FONT-family:TRAJAN;color:white;}
#menubar_section_content{ background-image: none; }
#menubar_section_appearance{ background-image: none; }
#menubar_section_interactions{ background-image: none; }
#menubar_section_manage{ background-image: none; }
#menubar_section_account{ background-image: none; }
#menubar_notifications{ background-image: none; }
#menubar_signin { background-image: none; }
.menubar_button { background-image: none; }
#menubar_hide{ width: 0px;}
#menubar_logo{position:fixed;
margin-top:3px;
right:0px;}
#menubar_logo{ background: none;}
#menubar_logo{display:none;}
#menubar { background: BLACK ; }
#menubar { border: 1px solid white ;}Rendu :
Bon comme vous pouvez le voir, je suis pas trop douée en thème xD Mais j'ai fait de mon mieux ! Moi en tout cas je trouve l'ensemble joli mais le header et le background sont trop simple xD
CREDITEZ !!
-
Commentaires
Mais ça n'a pas de sens de mettre un thème en LS dont la base vient d'un autre thème en LS.... C'est juste un thème modifié x)
Mais voui je sais mais bon..à la base c'était pour mon blog mais c'était moche alors je l'ai mis ici xD Mais bon jpense que ouais, j'vais le mettre en entrepôt... ;w;
Vous devez être connecté pour commenter
...
T'as pris un thème d'Elinae pour la base ? '^'