-
Entrepôt
Cet endroit sert pour entreposer nos créa' ratée !
-
Par Mιss.Miѳη♠ le 28 Décembre 2017 à 22:15
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 !!
7 commentaires -
-
-