Thème en libre service #12 - Artistgirl/EMSIHPARG V.11

@font-face {font-family: "galderglynn";
src:url('https://ekladata.com/7tf_M1rshyBKGpNnhOGAv8nVX24/galderglynn-titling-rg.ttf');}

@font-face {font-family: "alpaca";
src:url('https://ekladata.com/fWLSQeZB1S2TgNzlQBEXmOPdEPY/Alpaca-Scarlett-Demo.ttf');}

@font-face {font-family: "Louis";
src:url('https://ekladata.com/1iltMqoYRcFpf1y6PkKD7K6ysb0/Louis-George-Cafe.ttf');}

/*--fond fenêtre--*/
#body {background: url('https://ekladata.com/arodKOnrAiayNPFFftwV_f5C3yU.jpg') 50% 55px no-repeat, url('https://ekladata.com/g7H4-aiuFb8_V7OcWGuprEhIqbA.jpg');}
#body a {text-decoration: none;}


/*--fond page--*/
#background {width: 1000px;}


/*--header--*/
#header {background: url('https://ekladata.com/arodKOnrAiayNPFFftwV_f5C3yU.jpg') 50% 55px no-repeat;
    height: 415px;
    background-color: #272727;}

#titre_header {display: inline-block;
font-size: 50pt;
position: absolute;
top: 210px;
font-family: 'alpaca';
letter-spacing: -5pt;
text-transform: uppercase;
font-weight: bold;
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
transform: rotate(-8deg)}

#titre_header a {   background: linear-gradient(#929292 40%, #434343 40%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

#menu {position: absolute;
top: 0px;
left: 380px;
font-family: 'galderglynn';
font-size: 18pt;}

#menu a {display: inline;
width: 100%;
    color: #ededed;
padding: 13px 12px 13px 8px;
line-height: 230%;}

#menu a:hover {
    background: #f2a224;}

/*--menu1--*/
#menu1 {margin: 25px 0px 0px 15px;
    width: 235px;}

#menu1 a {}

#menu1 a:hover {}

#menu1 .module_menu_titre {color: #ed8517;
text-shadow: 2px 1px 0px #0b0b0b;
    height: 100%;
    font-family: 'galderglynn';
font-weight: normal;
font-size: 14pt;
letter-spacing: 2pt;
line-height: 100%;
margin-bottom: 7px;}


#menu1 .module_menu_contenu {padding: 3px 0px 25px 0px;}

 

/*--module de recherche--*/
.module_menu_type_search {position: absolute;
top: -2px;
margin-left: -745px;}

.module_menu_type_search input[type="text"], .module_menu_type_search select, .module_menu_type_search textarea {width: 320px;
    height: 35px;
background: #474747;
border: none;
box-shadow: inset 1px 3px 7px rgba(0,0,0,0.9);
color: white;}

.module_menu_type_search input[type=text] {background-image: none!important;}

.module_menu_type_search [type="submit"] {display: none;}

 

/*--module de la shoutbox--*/
.menu_shoutbox {height: 350px;
background: #383838;
box-shadow: inset 1px 2px 7px rgba(0,0,0,0.9);
padding: 7px;
color: #717171;}

.menu_shoutbox hr {width: 0px;
height:0px;
padding:0px;
margin: 11px;}

.module_menu_type_shoutbox input[type="text"], .module_menu_type_shoutbox select, .module_menu_type_shoutbox textarea {
background: #383838;
box-shadow: inset 1px 2px 7px rgba(0,0,0,0.8);
color: #717171;
border: none;
margin-top: 4px;
height: 20px;
width: 95%;
padding: 5px;
margin-bottom: 5px;}

.module_menu_type_shoutbox [type="submit"] {width: 95%;
background: url('https://ekladata.com/RpMsmUciqNROAS2K_X_CBlWGESc.jpg') 0% 50% repeat-x;
color: #ededed;
height: 30px;
border: none;
border-radius: 3px;
font-family: 'galderglynn';
letter-spacing: 3pt;
text-shadow: 1px 2px 0px #d95205;}

.module_menu_type_shoutbox [type="submit"]:hover {opacity: 0.9;
box-shadow: inset 1px 2px 3px rgba(0,0,0,0.5);}

.menu_shoutbox strong {color: #2de5de;}
 

/*--module simple--*/
.module_menu_type_html {color: #cdcdcd;}
.module_menu_type_html a {color: #27dfd7;}
.module_menu_type_html a:hover {color: white;}

/*--module statistique--*/
.module_menu_type_stats em {color: #cdcdcd;}
.module_menu_type_stats a {color: #27dfd7;}
.module_menu_type_stats a:hover {color: white;}

.module_menu_type_survey {color: white;}
.module_menu_type_survey a {color: #20c7c1;}
.module_menu_type_survey a:hover {color: white;}

/*--module dernier article et derniers sujets--*/
.module_menu_type_lastarticles a, .module_menu_type_lasttopics a {display: block;
width: 220px;
font-size: 12pt;
border-bottom: 1px solid #121212;
color: #afafaf;
height: 100%;
padding: 7px 0px 5px 0px;
  -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;}

.module_menu_type_lastarticles a:hover, .module_menu_type_lasttopics a:hover {width: 205px;
    padding-left: 10px;
    border-left: 5px solid #27dfd7;
color: #e6e6e6;
  -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;}

.module_menu_type_lasttopics i {display: none;}


/*--article--*/
#content {background: url('https://ekladata.com/7aI0ejSCIKE5e1S8fYNWSjtZ0oo.jpg') 100% 0% repeat-y;
    width: 746px;
margin-top: 20px;
margin-bottom: 170px;
margin-left: 0px;}

.module_titre_contenu, .module_titre_contenu a {color: #00c7bf;
text-shadow: 2px 1px 0px #0b0b0b;}

.module_titre_contenu {padding: 20px 20px 0px 20px;
    height: 100%;
    font-family: 'galderglynn';
font-weight: normal;
font-size: 18pt;
letter-spacing: 2pt;
line-height: 100%;
margin-bottom: -10px;}

.article_info {width: 100%;
background: rgba(255,255,255,0.04);
text-align: center;
padding: 5px 0px 5px 0px;
margin-bottom: 10px;
border-radius: 5px;}

.module_contenu {margin: 21px;
color: #6e6e6e;
font-family: louis;
font-size: 11pt;
text-align: justify;}

.module_contenu a {color: #ed8517;}

.module_contenu a:hover {color: white;}

.module_bottom {height: 20px;}


/*--footer--*/
#footer {z-index: 1;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 150px;
font-size: 10px;
color: #404040;
background: #131313;
text-align: center;
padding: 20px 0 0 0;}

#footer a {color: #404040;}
#footer:after {content: "- Design original by Elinae - © 2015 - 2021";}

/*--module derniers visiteurs--*/
.module_menu_type_lastvisitors {z-index: 7;
    position: absolute;
bottom: 20px;
margin-left: -775px;}

.module_menu_type_lastvisitors img {width:50px;
    height: 50px;
border-radius: 100px;
margin-right: 12px;
border: 4px solid #bbc1ba;}


/*--commentaire--*/
.comment_normal, .comment_admin {width: 100%;}

div.commentheader{ background: rgba(0,0,0,0.1);
    height: 40px;
    padding: 5px 15px 5px 5px;
    margin-top: 25px;
    border-radius: 20px 20px 0px 0px;
border-left: 3px solid #68e0d8;}

div.commentbody {border-radius: 0px 0px 20px 20px;
border-left: 3px solid #68e0d8;
background: rgba(0,0,0,0.1);
padding: 5px 10px 5px 10px;}


.commentnumber {margin-left: 20px;
width: 40px;
font-size: 11pt;
font-family: arial;
font-weight: bold;}


.commentpseudo {font-family: 'galderglynn';
letter-spacing: 3pt;}
.commentpseudo img {display: none;}


.commentdate {font-family: arial;
font-size: 9pt;
color: #686868;}

.commentavatar {margin-right: 10px;
padding: 5px;}

.commentavatar img {width: 75px;
height: 75px;
border-radius: 30px / 100px;
border: 5px solid #191919;}

ul.block-reply {border: none;
margin-top: 40px;}


/*--bouton--*/
input[type=button],input[type=submit], button {background: url('https://ekladata.com/RpMsmUciqNROAS2K_X_CBlWGESc.jpg') 0% 50% repeat-x;
color: #ededed;
height: 30px;
border: none;
border-radius: 3px;
font-family: 'galderglynn';
letter-spacing: 3pt;
text-shadow: 1px 2px 0px #d95205;}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover, .button:hover {opacity: 0.9;
box-shadow: inset 1px 2px 3px rgba(0,0,0,0.5);}


input[type="text"],select,textarea {border: none;
height: 30px;
margin: 0px 5px 0px 0px;}

/*--helpbubble--*/
#help_bubble {}


/*--forums--*/
.tag-ontop {background: #fab1aa;
color: #f43b2d;
text-transform: uppercase;
font-size: 9pt;
    text-shadow: 2px 1px 0px white;
margin: 0px 3px 0px 3px;
border: 1px solid #fab1aa;}

.post_table {margin-bottom: 25px;
    width: 580px;}

.post_table_head {background: #484848;
font-family: 'arial';
font-size: 6pt;
color: white;
    text-align: right;
padding-right: 10px;
line-height: 250%;
border-radius: 5px;
margin-left: 2px;
margin-rihgt: 2px;
letter-spacing: 0.7pt;}

.post_table_profile a {z-index: 9;
    position: absolute;
margin-left: 95px;
margin-top: -19px;
    width: 410px;
    display: block;
font-family: helvetica;
font-size: 11pt;
letter-spacing: 0.8pt;
color: white;
text-shadow: 1px 0.5px 0px black;}

.post_table_profile img {z-index: 10;
    position: relative;
    top: -48px;
    left: 0px;
    width: 80px;
    height: 80px;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
margin: 0px 5px 10px 7px;
background-color: #0abbdb;}

.post_table_profile {position: relative;
    left: 5px;
background: #CCC;
border-radius: 0px 0px 0px 5px;}

.post_table_msg {background: #CCC;
position: relative;
right: 5px;
border-radius: 0px 0px 5px 0px;
width: 600px;}

.post_table_msg p {color: #323232;
padding: 3px 10px 10px 10px;
width: 580px;}

.post_table_msg a {color: #e87311;}

.tag-ontop {}

.ok_topic {}

.forum-description {margin-top: 10px;
margin-bottom: 10px;}

/*--pagination--*/
.pagination span {color: white;}

.pagination a {padding: 3px 6px 3px 6px;
    background: #1a1a1a;
color: white;}

/*fenetre*/
.window_title{ font-size: 17px; color: white; text-shadow: 2px 1px 0px #4f4f4f, 1px 2px 0px #4f4f4f;
font-family: galderglynn;
letter-spacing: 2.5pt;
line-height: 160%;}
.window_handle_content {background: rgba(37,190,177,0.8) ;text-align:center;}
.window_handle_left{  background: rgba(37,190,177,0.8) ;border-radius: 10px 0 0 0;}
.window_handle_right{ background: rgba(37,190,177,0.8) ;border-radius: 0 10px 0 0;}
.window_content_wrapper1{ background: rgba(37,190,177,0.8);}
.window_content_wrapper2{ background: rgba(37,190,177,0.8);}
.window_bottom_wrapper1{ background: rgba(37,190,177,0.8) ; border-radius: 0 0 10px 10px}
.window_bottom_wrapper2{ background: rgba(37,190,177,0.8) ;border-radius: 0 0 10px 10px}
.window_bottom{ background: rgba(37,190,177,0.8);}
.window_tabs span.window_tab_active {background-color: COLOR;}
.window_tabs span {background-color: color;}
.window {box-shadow: 0px 0px 10px rgba(0,0,0,0.7);
border-radius:10px;}

.window button {text-shadow: none;
background: #fbc144;
color: white;
font-weight: bold;
text-transformation: uppercase;}

.window .button_win, .window input[type=button], .window input[type=submit], .window button {text-shadow: none;
background: #fbc144;
color: white;
font-weight: bold;
text-transformation: uppercase;
border: none;}

.window:hover .button_win:hover, .window input[type=button]:hover, .window input[type=submit]:hover, .window button:hover {background: #f2a023;
border: none;}

.window_content {background: white;}​

1. Mettre à zéro toutes les valeurs de votre blog et décocher tout ce que vous pouvez.

2. Choisir un seul menu à droite.

3. Copier, coller et appliquer les codes CSS du thème proposé.

4. Utilisez le menu de l'en-tête.

1.  J'ai conservé le screenshot de mon thème, le thème en LS est légèrement différent :

1. Le titre du blog est dans une autre police et d'une couleur simple
2. Le footer ne contient que les dernier visiteurs et est beaucoup moins haut.

2. Je n'ai pas recodé le module des derniers visiteurs donc il y a des chances pour que ça ne fasse pas "centré".

3. Il faut utiliser les liens du menu de l'en-tête pour mettre vos propres lien là où se trouve "Accueil, règlement, livre d'or et crédits". Je n'ai pas codé le menu déroulant.