-
2 ème thème : Bird-Girl
Bonjour ! Ca fait longtemps que je n'avais pas fait de thème! Celui ci est un peu plus élaboré et quelques codes css s'y ajoutent !
Des défaut sont toujours présent évidemment....
N'oubliez pas de décocher toute les case dans "Apparence" "modifier le thème" Sauf -ça-
Je precise que certains codes sont de Elinae ;)
@font-face {font-family: "Master";
src: url('http://ekladata.com/UKntiAf8XrBrQ19P8hVHaR201Bg/master_of_break.otf');}
@font-face {font-family: "SF";
src: url('http://ekladata.com/tjayi-v3IbuMqxhkUJTKWbAAqQQ/SF-New-Republic.ttf');}
@font-face {font-family: "round";
src: url('http://ekladata.com/3CTUswhiEj245cn85IhQtNDqWyE/Rounded_Elegance.ttf');}#body {
background-image: url(http://www.tektura.com/media/cache/context/white-wood_4500x3000.jpg) ;
background-reapeat: REAPEAT fixed;
background-attachment: fixed ;}
/*--article--*/
#content {}
.module_titre_contenu, .module_titre_contenu a {height: 100%;
font-family: Master;
font-size: 30pt;
color: #F7F268;
line-height: 400%;
text-shadow: 2px 3px 0px #9E00B6 ;}
.module_titre_contenu {
-ms-transform: rotate(-1.2deg); /* IE 9 */
-webkit-transform: rotate(-1.2deg); /* Chrome, Safari, Opera */
transform: rotate(-1.2deg)}
.article_info {
width: 100%;
height: 10px;
text-align: left;
opacity: 0.4;
color: BLACK;
font-size: 5.5pt;
padding-left: 50px;
margin-bottom: 10px;}
.article_info a {}
.article_info a:hover {}
.module_contenu {margin-left: 22px;
width: 575px;
font-family: Master;
font-size: 14pt;
color: black;
text-align: justify;}
.article_text {padding-left: 20px;}
.module_contenu a {color: BLACK;}
.module_contenu a:hover {border-bottom: 4pxwhite double;
color: grey;}
.module_bottom {}
#footer:after {content: "- Thème : Bird-Girl - Design by Mion (Codes CSS by Elinae) - ©2015-2017";
color: #2e2e2e}
/*--menu1--*/
#menu1 {width: 300px;
padding: 40px 7px 40px 17px;
font-family: Master;}
#menu1 a {color: BLACK;}
#menu1 a:hover {color: white;}
#menu1 .module_menu_titre {height: 100%;
padding: 15px;
font-family: Master;
font-size: 17pt;
text-align: center;
color:black;}
#menu1 .module_menu_contenu {padding: 15px 0px 30px 0px;}
/*--header--*/
#header {background: url('http://ekladata.com/P4DHk4r_5czNp_-yLqeUVAAdBNM/titreuh.png')no-repeat;}
/*--menu header--*/
#menu {width: 1120px;
top: 510px;
left: 1px;
height: 45px;
font-family: 'Master';
font-size: 30pt;
line-height: 220%;}
#menu a {
color: #F7F268;
text-shadow: 1px 1px 0px #9E00B6;}
/*--commentaire--*/
.comment_normal, .comment_admin {width:98%;
margin-left: auto; margin-right: auto;
margin-top: 12px;
margin-bottom: 10px;
background: #F7F268;
border-radius: 34px;}
div.commentheader{height: 45px;
background: #9E00B6;}
div.commentbody {padding: 4px;}
.commentnumber {font-family:round;
font-size: 18pt;
width: 60px;
text-align: center;
margin-top: 4px;
color: #F7F268;}
.comment_admin .commentpseudo a {color:#F7F268;}
.comment_normal .commentpseudo a {color:white;}
.commentpseudo {font-family: Master;
font-size: 20pt;
margin-left: 4px;
margin-top: -4px;
color: black;
min-width: 400px;
max-width: 500px;}
.commentpseudo a {color: #F7F268;}
.commentpseudo a:hover {border: none;
color: #F7F268;}
.commentdate {float: left;
width: 500px;
position: relative;
top: -8px;
font-family: georgia;
font-style: italic;
color: black;
font-size: 9pt;}
.commentavatar {position: relative;
top: -55px;
padding: none;
margin-right: -21px;}
.commentavatar img {width: 53px;
height: 53px;
box-shadow: 0px 0px 5px #F7F268;}
.comment-reply a {color: #F7F268;
background: BLACK;
border-radius: 3px;
padding: 3px 5px 3px 5px;
margin-left: 10px;}
.comment-reply a:hover {border: none;
background: BLACK;}
.block-reply {padding-left: 0px;
margin-left: 25px;
border-left: 0px;
margin-top: 15px;}
.block-reply li {margin-right: 15px;
margin-bottom: 18px;}
.block-reply li .commentheader{height: 45px;
background: none;}
.block-reply li .commentpseudo {padding: 3px0px 0px 5px;}
.block-reply li .commentpseudo a {color:BLACK;}
.block-reply li .commentdate {padding: 0px0px 0px 21px;
color: BLACK;}
.block-reply li .comment_normal, .block-replyli .comment_admin{border: 1px dashed BLACK;
padding: 3px 7px 3px 7px;
color: BLACK;}
.block-reply li .commentavatar {position: relative;
top: -64px;
margin-right: -45px;}
.block-reply li .commentavatar img {width:40px;
height: 40px;
border-radius: 4px;}
/*--Forums--*/
.module_contenu_block {margin-top: 5px;}
.post_table_profile a {z-index: 9;
position: absolute;
margin-top: 10px;
display: block;
width: 150px;
text-align: center;
font-family: Master;
font-size: 18pt;
color: Black;
text-shadow: 0px 0px 5px black;
line-height: 20%;
-ms-transform: rotate(-2.5deg); /* IE 9 */
-webkit-transform: rotate(-2.5deg); /* Chrome, Safari, Opera */
transform: rotate(-2.5deg)}
.post_table {
width: 574px;
margin-bottom:10px;
margin-top: 10px;
background: none;}
.post_table_head {position: absolute;
margin-top:120px;
width: 110px;
padding: 3px 5px 3px 5px;
color: black;
font-family: Master;}
.post_table_profile {float: middle;
width: 200px;
height: 200px;
}Pour la bannière, vous devez juste me donnez le nom de votre blog et je ferais une bannière avec votre ce nom. Autrement, sur votre bannière il restera marqué "Titre du blog" ;)
Le résultat final :
clique pour le voir en plus grand
Si vous avez des problèmes dans l'installation vous pouvez m'envoyer un message privé.Encore une fois, soyez indulgents...je ne suis vraiment pas douée pour faire des thèmes bien comme il faut...
Merci de créditer avant de prendre.
-
Commentaires
Pourrais tu me faire une bannière avec écrit
Le Monde de .Mirajane.
Mais la couleur pourrait-elle être en noir ?
Et voilà ! Si quelque chose ne va pas, tu peux toujours me demander de la refaire^^ par contre, la police n'acceptait pas les points sur le pseudo désolé..
http://ekladata.com/hG5iI3JG5YXt-oaUyvQjzYB9SvM/mirajane.png
Merci beaucoup, mais je ne sais pas si je le mettrai sur mon blog toute suite.
Mais, merci beaucoup !
Vous devez être connecté pour commenter
Salut! J'aimerai bien une bannière avec écrit "Sora Wa Kuroi". Merci!