-
Par Mιss.Miѳη♠ le 31 Juillet 2017 à 17:37
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.
15 commentaires -
Par ~Rena chan~ le 28 Avril 2017 à 13:19
Petit thème ! (clique pour voir la taille d'origine)
Bannière
Fond
menu :
Pre's
stat's :
Quelque code css pour le thème :
body {
background-image: url(http://ekladata.com/PuuZU70biT-YbVHAAD5J4LxVySw/fond-hime-1.jpg) ;
background-reapeat: REAPEAT fixed;
background-attachment: fixed ;}Et voila !
2 commentaires -
Par Taiyo- le 27 Février 2017 à 14:50
C'est mon premier thème soyez indulgents svp
Merci de dire avant de prendre et de créditer merci
(Vous pouvez tout redimentionner)
6 commentaires -
Par Mιss.Miѳη♠ le 15 Février 2017 à 09:41
C'est mon tout 1er thème alors soyez indulgents ! <3
bannière
pre's
stat's
fond du blog
cliquez dessus
menu 2
Voilà ! N'hésitez pas, si les images sont trop grandes à mettre des codes css ! Et si vous n'y arrivez pas,je vous donnerez les codes moi-même.
9 commentaires
Suivre le flux RSS des articles de cette rubrique
Suivre le flux RSS des commentaires de cette rubrique