-
Thème en libre service #9 - Halloween
Les Codes
@font-face {font-family: "blackr";
src:url('http://ekladata.com/3wBEE6uYlSX2F4MaqSkIrj_Cf_U/BLACKR.ttf');}
@font-face {font-family: "Caladea";
src: url('http://ekladata.com/V10Z-N0iwp9rcTb0EfxUkzXJwyI/Caladea-Regular.ttf');}
@font-face {font-family: "cambria";
src:url('http://ekladata.com/seWj_qyi6j3895zLN33nSez2A0M/cambria.ttc');}
@font-face {font-family: "Charlemagne";
src:url('http://ekladata.com/gkWZQWQsiqBVLceNFiG_ZmE1kJU/CharlemagneStd-Bold.otf');}
/*--fond fenêtre--*/
#body {background: #c0b7aa;
word-wrap: break-word;}
#body a {}
/*--fond page--*/
#background {background: #32202c;
width: 900px;}
/*--header--*/
#header {height: 430px;
margin-bottom: 35px;
background:url('http://ekladata.com/LrTIx7igbL_ShQRF5TeMhsijDpQ.png') 50% 0% no-repeat#d46a17;}
#titre_header a {display: inline-block;
position: relative;
top: 5px;
left: 15px;
text-align: right;
font-family: blackr;
color: white;
text-shadow: 0px 0px 5px rgba(0,0,0,0.8);
font-size: 15pt;}
#titre_header a:hover {text-decoration: none;}
#header-link {display: inline-block;}
/*--menu header--*/
#menu {height: 30px;
width: 900px;
list-style-type: none;
margin: 0px;
padding: 0px;
position: absolute;
top: 400px;
left: 0px;
}
#menu a {width: 100%;
color: #f2d6c9;
font-family: Caladea;
text-transform: uppercase;
font-size: 15pt;
height:30px;
margin: 0px 0px 0px 7px;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function:ease-out;
transition-timing-function: ease-out;}
#menu a:hover {background: #f0e7dc;
color: #db689e;
text-decoration: none;
-webkit-transition-duration: 0.08s;
-moz-transition-duration: 0.08s;
transition-duration: 0.08s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function:ease-out;
transition-timing-function: ease-out;}
#menu ul {position: absolute;
margin-left: 7px;
background: #f0e7dc;
width: 250px;}
#menu ul a {color: #d0835b;
font-family: cambria;
text-transform: uppercase;
height: 100%;
padding: 3px 0px 3px 10px;
background: #f0e7dc;
border: 0px solid white;
width: 240px;
-webkit-transition-duration: 0.1s;
-moz-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function:ease-out;
transition-timing-function: ease-out;}
#menu ul a:hover {width:215px;
border-left: 25px solid #db689e;
background: #edd3d2;
color: #d0835b;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function:ease-out;
transition-timing-function: ease-out;}
/*--menu1--*/
#menu1_top {background:url('http://ekladata.com/dRVrhiWMpto1TulasEeUyAkkOaw.png') 50% 0%;
height: 160px;}
#menu1_bottom {background:url('http://ekladata.com/uOogEwD13u9xBX7-VuS5zMlc0Js.png') 50% 0% no-repeat;
height: 30px;}
#menu1 {background:url('http://ekladata.com/cxwgfj_FN2UNM3bCW01ChMN0L30.png');
width: 275px;
margin-right: 7px;}
#menu1 a {text-decoration: none;}
#menu1 a:hover {}
#menu1 .module_menu_titre {height: 100%;
text-align: center;
font-size: 12pt;
text-transform: uppercase;
font-family: charlemagne;
color: #32202c;
padding: 0px 37px 0px 30px;
text-shadow: 0.3px 1px 2pxrgba(255,255,255,0.3);}
#menu1 .module_menu_contenu {
padding: 0px 37px 0px 30px;
font-family: Caladea;
font-size: 10pt;
color: #32202c;
margin-bottom: 21px;}
/*--recherche--*/
.module_menu_type_search [type="submit"]{width: 90%;
margin-left: 1%;
margin-right: 2%;}
/*--module recherche--*/
.module_menu_type_search input[type=text],.module_menu_type_search select,.module_menu_type_search textarea {
width: 92%;
border-radius: 3px;
margin-bottom: 3px;}
/*--module dernier visiteurs--*/
.module_menu_type_lastvisitors {}
.module_menu_type_lastvisitors img {}
.module_menu_type_lastvisitors img:hover{}
/*-dernier article-*/
.module_menu_type_lastarticles a::before{content: '>> ';}
.module_menu_type_lastarticles a {color:#dc99ba;}
.module_menu_type_lastarticles a:hover{color: white;}
.module_menu_type_html a {color: #dc99ba;}
.module_menu_type_html a:hover {color:white;}
.module_menu_type_stats a {color: #dc99ba;}
.module_menu_type_stats a:hover {color:white;}
.module_menu_type_links2 a {color:#dc99ba;}
.module_menu_type_links2 a:hover {color:white;}
/*- dernier commentaire -*/
.module_menu_type_lastcomments a {color:#dc99ba;
font-style: italic;}
.module_menu_type_lastcomments a:hover{color: white;}
/*- dernier sujet -*/
.module_menu_type_lasttopics a::before{content: '>> ';}
.module_menu_type_lasttopics a {color:#dc99ba;}
.module_menu_type_lasttopics a:hover {color:white;}
.module_menu_type_lasttopics i {display:none;}
/*-calendrier-*/
.module_menu_type_calendar a {color:#dc99ba;}
.module_menu_type_calendar a:hover {color:white;}
#menu_calendar_month a {color: #212121;}
#menu_calendar_month {color: black;}
.module_menu_type_calendar thead {text-transform: uppercase;
font-family: arial;
color: black;}
.module_menu_type_calendar tbody tr {color:#212121;}
.module_menu_type_calendar tbody a{background: #604753;
color: black;
font-weight: bold;
border-radius: 3px;}
.module_menu_type_calendar tbody a:hover{background: #eb995b;
color: white;}
/*-shoutbox-*/
.menu_shoutbox {height: 300px;
background:url('http://ekladata.com/UYKOXyQJETehq9Lygjys0t8qo5c@206x300.png') 50% 50%;
padding: 3px;
border-radius: 5px;
color: #141414;}
.menu_shoutbox strong {color: #f7cb55;
font-weight: bold;
text-transform: uppercase;}
.menu_shoutbox hr {width: 100%;
height: 0px;
margin-bottom: 8px;
margin-top: 5px;}
.module_menu_type_shoutbox input [type="text"],.module_menu_type_shoutbox select,.module_menu_type_shoutbox textarea{
margin-top: 0px;
background: rgba(0,0,0,0.4);
color: white;
border: 1px solid black;
width: 100%;
padding: 3px;}
.module_menu_type_shoutbox [type="submit"]{border: none;
padding: 2px 0px 1px 0px;
width: 100%;
height: 20px;
margin-top: 0px;}
/*--module dernier visiteurs--*/
.module_menu_type_lastvisitors {}
.module_menu_type_lastvisitors img {width:40px;
height: 40px;
margin: 5px 13px 10px 13px;}
.module_menu_type_lastvisitors img:hover{}
/*--article--*/
#content {}
.module_titre_contenu, .module_titre_contenu a {height: 100%;
font-family: blackr;
font-size: 30pt;
color: #eb995b;
line-height: 73%;
text-shadow: 2px 3px 0px rgba(0,0,0,0.5);}
.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: white;
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: Caladea;
font-size: 11pt;
color: #e4e3e4;
text-align: justify;}
.article_text {padding-left: 20px;}
.module_contenu a {color: #db689e;}
.module_contenu a:hover {border-bottom: 4pxwhite double;
color: white;}
.module_bottom {}
/*--commentaire--*/
.comment_normal, .comment_admin {width:98%;
margin-left: auto; margin-right: auto;
margin-top: 10px;
margin-bottom: 5px;
background: #382733;
border-radius: 4px;}
div.commentheader{height: 45px;
background: #db689e;}
div.commentbody {padding: 4px;}
.commentnumber {font-family: impact;
font-size: 18pt;
width: 50px;
text-align: center;
margin-top: 7px;
color: #32202c;}
.comment_admin .commentpseudo a {color:white;}
.comment_normal .commentpseudo a {color:white;}
.commentpseudo {font-family: blackr;
font-size: 20pt;
margin-left: 3px;
margin-top: -4px;
color: white;
min-width: 500px;
max-width: 500px;}
.commentpseudo a {color: white;}
.commentpseudo a:hover {border: none;
color: white;}
.commentdate {float: left;
width: 500px;
position: relative;
top: -8px;
font-family: georgia;
font-style: italic;
color: #212121;
font-size: 9pt;}
.commentavatar {position: relative;
top: -55px;
padding: none;
margin-right: -21px;}
.commentavatar img {width: 53px;
height: 53px;
box-shadow: 0px 0px 5px #db689e;}
.comment-reply a {color: white;
background: #d0835b;
border-radius: 3px;
padding: 3px 5px 3px 5px;
margin-left: 10px;}
.comment-reply a:hover {border: none;
background: #d16618;}
.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:#bcbcbc;}
.block-reply li .commentdate {padding: 0px0px 0px 21px;
color: #7c7c7c;}
.block-reply li .comment_normal, .block-replyli .comment_admin{border: 1px dashed #db689e;
padding: 3px 7px 3px 7px;
color: #9a9a9a;}
.block-reply li .commentavatar {position: relative;
top: -64px;
margin-right: -45px;}
.block-reply li .commentavatar img {width:40px;
height: 40px;
border-radius: 4px;}
/*--bouton--*/
input[type=button],input[type=submit], button {
background: #eb995b;
color: white;
text-transform: uppercase;
letter-spacing: 2pt;
font-size: 12pt;
border: none;
border-radius: 3px;
text-shadow: 1px 1px 2px #db7a1b;}
input[type=button]:hover,input[type=submit]:hover, button:hover {
background: -webkit-linear-gradient(#eb995b, #db7a1b);
background: -moz-linear-gradient(#eb995b, #db7a1b);
background: -ms-linear-gradient(#eb995b, #db7a1b);
background: -o-linear-gradient(#eb995b, #db7a1b);
background: linear-gradient(#eb995b, #db7a1b);}
/*--helpbubble--*/
#help_bubble {}
#background input[type=text], #backgroundselect, #background textarea {
height: 22px;
border: 1px solid grey;
padding: 0px 0px 2px 0px;
border-radius: 2px;
margin-right: 2px;}
/*--recherche--*/
.module_menu_type_search [type="submit"]{width: 90%;
margin-left: 1%;
margin-right: 2%;}
/*--module recherche--*/
.module_menu_type_search input[type=text],.module_menu_type_search select,.module_menu_type_search textarea {
width: 92%;
border-radius: 3px;
margin-bottom: 3px;}
/*--forums--*/
.post_table {
width: 574px;
margin-bottom: 35px;
margin-top: 10px;
background: #786c72;}
.post_table_head {position: absolute;
margin-top: 120px;
display: block;
background: rgba(0,0,0,0.3);
width: 110px;
padding: 3px 5px 3px 5px;
color: white;
font-family: cambria;}
.post_table_profile a {z-index: 9;
position: absolute;
margin-top: 10px;
display: block;
width: 120px;
text-align: center;
font-family: blackr;
font-size: 18pt;
color: white;
text-shadow: 0px 0px 5px black;
line-height: 90%;
-ms-transform: rotate(-2.5deg); /* IE 9 */
-webkit-transform: rotate(-2.5deg); /* Chrome, Safari, Opera */
transform: rotate(-2.5deg)}
.post_table_profile a:hover {border: none;}
.post_table_profile {float: left;
width: 120px;
height: 220px;
background:url('http://ekladata.com/UYKOXyQJETehq9Lygjys0t8qo5c.png') 50% 85% no-repeat#786c72;}
.post_table_profile img {position: relative;
display: block;
width: 70px;
height: 70px;
margin-left: 25px;
z-index: 1;
border-radius: 15px 7px / 8px 13px;}
.post_table_msg {background: #564750;
min-height: 200px;
padding: 5px;
min-width: 444px;}
.tag-ontop {}
.chemin_forum a {color: #a74292;
text-decoration: none;}
.chemin_forum a:hover {border: none;
text-shadow: 0px 0px 3pxrgba(255,255,255,0.7);}
.forum_table th, .topic_table th {font-family:cambria;
text-transform: uppercase;
text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
color: white;
padding: 0px 10px 0px 10px;}
.forum_table td, .topic_table td {padding: 0px10px 0px 10px;}
.forum_table td a, .topic_table td a {color:#db689e;
text-shadow: 0px 0px 3px #db689e;
text-decoration: none;}
.forum_table td a:hover, .topic_table tda:hover {color: white;
text-shadow: 0px 0px 3px white;
border: none;}
.forum-description {padding: 10px;
margin: 10px 5px 10px 5px;
border: 1px dashed #1e121a;}
.ok_topic {}
.module_contenu_block {margin-top: 5px;}
/*--footer--*/
#footer {height: 100%;
padding-bottom: 10px;
background: #090909;
text-align: center;
font-size: 15pt;
padding-top: 10px;
font-family: cambria;}
#footer a {color: #2e2e2e;}
#footer a:hover {color: #888;
text-decoration: none;}
#footer:after {content: "- Thème spécial Halloween - Design by Elinae - ©2015";
color: #2e2e2e}
/*--pagination--*/
.pagination {font-family: cambria;
font-size: 12pt;}
.pagination span {color: white;
background: #151515;
padding: 2px 13px 2px 13px;
text-shadow: 0px 0px 3px white;
font-size: 16pt;
font-weight: normal;}
.pagination a {background: #151515;
padding: 2px 13px 2px 13px;
color: #888;}
.pagination a:hover {border: none;}Pour installer le thème
1. Mettre à zéro toutes les valeurs de votre blog et décocher tout ce que vous pouvez sauf > ça <.
2. Choisir un seul menu à gauche.
3. Faites attention au nombre de lien dans le menu du header..
4. Copier, coller et appliquer les codes CSS du thème proposé.
Ce que vous devez faire et savoir en plus de copier le code
1. Vous pouvez utiliser la v2 du header pour ce thème. (v2 ici) [version plus claire avec des couleurs plus 'pétante'].
2. Si vous utilisez la v2 du header, dans ce cas changer la couleur du fond du blog.
Il suffit de changer ce code :/*--fond fenêtre--*/
#body {background: #c0b7aa;
word-wrap: break-word;}en
/*--fond fenêtre--*/
#body {background: #c2b59d;
word-wrap: break-word;}3. Il vaut mieux choisir 6 derniers visiteurs pour le module "derniers visiteurs".
4. Vous pouvez utiliser un menu déroulant pour votre menu du header.
En cas de bug dans l'affichage du thème, vérifiez que toutes les valeurs du thème sont à zéro. Si le problème ne vient pas de là, n'hésitez pas à me prévenir et j'essaierai de voir où ça coince.
1er octobre 2015. Le thème est aussi adapté aux petits écrans (moins de 1100px de large)
-
Commentaires
J'adore *o* , il est super beau! Puis j'adore les couleurs~ et je suis fan des chauves-souris sur le menu *^*
Merci tout le monde x) !
Et oui, je crois que les chauves-souris plaisent à tout le monde x) !
De rien~
Oui , c'est parce que les chauves souris c'est trop cool *-* (parce que c'est des vampires! :sors:)
Magnifique thèèèème ! J'adore les couleurs.
Je pense te le prendre pour mon blog
-
Samedi 10 Octobre 2015 à 11:02
-
Dimanche 11 Octobre 2015 à 09:45
-
Dimanche 11 Octobre 2015 à 13:02
-
Dimanche 11 Octobre 2015 à 13:11
-
Dimanche 11 Octobre 2015 à 13:14
Tu veux du render choquant ? Ce render est parfaitement innocent crois-moi ! XDDD
La fille est sur un balais et vole dessus, et bon, vu l'angle on voit à peine sous sa robe/jube/manteau/jesaispastropcequ'elleporte : mais on voit que dalle : crois-moi, c'est un render parfaitement innocent : par mp je peux te montrer des render que je suis capable d'utiliser qui sont bien moins...... pur .
-
Dimanche 11 Octobre 2015 à 15:00
-
Dimanche 11 Octobre 2015 à 15:07
-
Dimanche 11 Octobre 2015 à 15:53
-
Dimanche 11 Octobre 2015 à 15:57
-
Dimanche 11 Octobre 2015 à 16:12
-
Bon bah je vais te l'emprunter pour la session Octobre-Novembre ^^
C'est super, je vais me servir du header v2
Petite question quelles polices as-tu utilisé pour écrire Happy Halloween?
-
Dimanche 11 Octobre 2015 à 02:27
-
J'adore, tu as bfuler mes hejx tellement que c'est magnifique comme theme !!!!!!!!!!!!!!!! J'adore je te donne un lega pouce verttttttt :DDD magniifique
-
Jeudi 15 Octobre 2015 à 13:12
-
Jeudi 15 Octobre 2015 à 16:53
-
Jeudi 15 Octobre 2015 à 17:12
-
Jeudi 15 Octobre 2015 à 19:10
-
Jeudi 15 Octobre 2015 à 19:16
-
Oui je sais désolé eli-sensei je recommencerai plus....
-
Jeudi 15 Octobre 2015 à 19:31
-
Jeudi 15 Octobre 2015 à 21:39
-
Jeudi 15 Octobre 2015 à 21:42
-
Vendredi 16 Octobre 2015 à 20:15
-
Trop beauuuu ! Je prends !
-
Vendredi 16 Octobre 2015 à 15:45
-
Vendredi 16 Octobre 2015 à 15:51
Derien ^^ mais vu que je suis sur tablette, j'arrive pas super bien à prendre le code... (5 minutes que je galère pour tout supprimer à la fin ^^') tu pourrais me l'installer à cette adresse s'il te plaît ?
http://theamazingworldofmagicalgirl.eklablog.com/
Je t'ai mis la perm'
-
Vendredi 16 Octobre 2015 à 15:52
-
Vendredi 16 Octobre 2015 à 16:02
-
J'apprécie le thème Tamako love story. En plus c'était un film mignon.
Merci beaucoup de nous partager ce que tu fais, c'est très gentil.
Vous devez être connecté pour commenter
Très beau thème! J'adore l'idée des menu avec les chauve-souris ! *-*