Eklablog Tous les blogs Top blogs Littérature, BD & Poésie
Editer l'article Suivre ce blog Administration + Créer mon blog
MENU

Publicité

Thème #3 -Girly-

 

Thème #3 -Girly-

 

Pour installer le thème merci de:

  • Mettre un menu à gauche
  • Ne pas mettre plus de 7 liens dans le menu du header (et sans déroulant)
  • Mettre toutes les valeurs à 0
  • Me demander pour le titre du blog
  • Me demander pour le code du menu "Hey !! What's up ?"
  • Les valeurs en rouge seront peut-être à changer

Cependant, vous devrez changer le numéro en rouge par celui de votre module de partenaires et le nombre de px qui sera peut-être faussé (je crois que cela dépend de la taille des écrans).

Si vous avez un souci, je suis là pour vous aider mais normalement tout marche (j'espère qu'il n'y aura aucun problème) é_è

 

/*--Scrolling--*/
::-webkit-scrollbar-thumb:vertical {background-color: #eb5e91;}
::-webkit-scrollbar {height: 0px;
width: 9px;
background-color: white;}

/*--Police--*/
.post_table_profile a{}.post_table_profile a:hover{}.post_table_msg{}.post_table_msg a{}.post_table_msg a:hover{}
@font-face {font-family: "Always_In_My_Heart";
     src: url('https://ekladata.com/FhxXhbxf7wT9Vz99sQIaBwH9VcY/Always-In-My-Heart.ttf');
}
@font-face {font-family: "Cafe_Brewery";
    src: url('https://ekladata.com/XJuAisBX3fAnO8Ok_FUIGACFS_M/cafe-brewery-2.0.ttf');}

/*--fond fenêtre--*/
#body { background:url('https://ekladata.com/3YZFabOQZS8QglwfvKHZRT_jD3I.png') repeat;}
#body a {text-decoration: none;
}


/*--fond page--*/
#background {min-height: 1200px;
    width: 1200px;
    background: none;
box-shadow: none;}


/*--header--*/
#header {height: 500px;
    background-color: none ;
    margin-bottom: 80px ;
background: url('https://ekladata.com/35ucoNC_TLBRXcWEqu7a5BpVFdo.png') 50% 0% no-repeat;}



/*--menu header--*/
#menu {     height: 50px;     background:url('https://ekladata.com/EDh2wv_1qCYLqnTnTFsT1nWTGaA.png') repeat;    }
#menu{position: absolute;
    top: 424px;
    left: 100px;
border: 1px solid #aaaaaa;}
#menu a {display: inline;     
    font-family: Always_In_My_Heart ;     font-size: 30pt;     
    color: #eb5e91;     background:;     
    padding: 5px 20px 6px 20px;
}  


/*--menu1--*/
#menu1 {width: 250px;
    
background-color : #ffffff;  
padding: 40px 30px 30px 30px;
    margin :  44px 0px 00px 00px;
text-align: justify;
    border: 1px solid #aaaaaa;
}

#menu1 a {}

#menu1 a:hover {}

#menu1 .module_menu_titre {}

#menu1 .module_menu_contenu {padding-bottom: 20px;}

#menu1{padding-bottom : 20px;}


#menu1 .module_menu_titre{    
    position: relative;     height: 30px;    
    font-weight: none;     font-style: none;    
    text-decoration: none;     font-variant: normal;   
    color: #5d5d5d;     font-family: Cafe_Brewery;   
    font-size: 25px; padding-bottom: 10px;
    text-align: right;
}

#menu1 a {color:white;
font-weight: bold;}
#menu1 a:hover {color:#f6478d ;
    font-weight: bold;
    text-shadow: none;
}

/*--module dans header--*/
#module_menu146500070 {position: absolute;     
    top:70px;     
    left: 15px;
width: 352px;}
#module_menu146500070 .module_menu_titre {    display: none;}

    
/*--module de recherche--*/

.module_menu_type_search [type="submit"]
{display:none;}
 .module_menu_type_search [name="q"]   { width: 250px; background-color: #eeeeee; border: solid 1px grey;}  .module_menu_type_search [type="submit"]   {display:none;}


/*--module des visiteurs--*/



.module_menu_type_lastvisitors img{
    width : 40px;

margin-top: 20px;
border-radius: 25px 15px / 12px 18px;
border: solid 1px white;
opacity: 1;}

 


/*--article--*/
#content {width: 850px;
margin-left: 350px;
    margin-right: 10px;
min-height: 400px;
}

.module_titre_contenu, .module_titre_contenu a {color: #f6478d;}


.module_titre_contenu {font-family: Cafe_Brewery;
height: 100%;
    color: #f6478d;
font-size: 22pt;
line-height: 100%;
padding: 10px 10px 5px 10px;
text-align: left;
letter-spacing: 3pt;
border-radius: 5px 5px 0px 0px;}

.article_info { font-family: ;
height: 100%;
font-size: 7pt;
    color : grey;
line-height: 100%;
text-align: right;
padding:00px 10px 30px 10px;}

.module_contenu {padding: 10px;
background: white;
    font-size: 12pt;
border: 1px solid #aaaaaa;
margin-bottom: 40px;
color: #5d5d5d;}
.module_contenu a {color: black;
font-weight: bold;}

.module_contenu em {color: #f6478d;}
.module_contenu strong {color: #f6478d;}

.module_contenu a:hover {color: #f6478d;}

.module_bottom {}


/*--footer--*/
#footer {width: 100%;
    padding-right: 10px;
    text-align: center;
    color: white;
    padding-left: 10px;
    line-height: 300%;
    height: 40px;}

#footer a {color: black;}

#footer a:hover {opacity: 0.4;}

#footer:after {content: "- © Rioko Sakura";
color : black;}

/*--commentaire--*/
.comment_normal, .comment_admin {
width: 100%;
}
div.commentheader{
background-color: #f9f9f9;
margin-top: 10px;

border-bottom: dashed 1px grey;}
div.commentbody {
padding-top: 10px;
padding-right: 2px; padding-left: 7px;
padding-bottom: 10px;
background-color: #f9f9f9;
text-align: justify;
margin-bottom: 25px;
}
.comment_admin .commentnumber {
color: #9a9a9a;
font-family: Cafe_Brewery;
font-weight: lighter;
font-size: 25px;
float: right;}
.commentnumber {
float: right;
color: #9a9a9a;
font-family: Cafe_Brewery;
font-size: 25px;
font-variant: normal;
text-align: center;
padding-right: 10px;
width: 45px;
padding-left: 10px;}
.commentpseudo a {
font-style: normal;
text-decoration: none;
font-variant: normal;
}
.commentpseudo {
line-height: 140%;
padding-top: 5px;
font-family: Cafe_Brewery;
font-weight: lighter;
font-size: 18px;
float: right;
letter-spacing: 3pt;}
.comment_admin .commentpseudo {
font-style: normal;
text-decoration: none;
font-variant: normal;
}
.commentdate {float: left;
font-size: 9pt;
padding-top: 5px;
padding-left: 5px;
font-family: Arial, Helvetica, sans-serif;
color: grey;
opacity: 0.8;
line-height: 200%;
}
.commentavatar {float: right;}
.commentavatar img {
width: 90%;

box-shadow: 0px 0px 3px #9a9a9a;}

/*--Bouton et champs--*/
input[type="text"], select, textarea {position: relative;
    top: -3px;
    color: grey;    
    height: 29px;
    padding: 2px}




/*--helpbubble--*/
#help_bubble {border-radius: 3px;
background: white;
border: 1px solid #cacaca;
color: #f6478d;}


/*--forums--*/
.post_table_head {background:url('https://ekladata.com/EDh2wv_1qCYLqnTnTFsT1nWTGaA.png') repeat;
    padding: 3px 2px 3px 2px;
text-align: center;
font-family: arial;
color: white;
border-radius: 15px 15px 0px 0px;}
 
.post_table_profile a {position: relative;
    top: -9px;
    display: block;
    width: 100%;
    margin-bottom: 8px;
    background: rgba(255,255,255,.7);
    color: #f6478d;}
 
.post_table_profile a:hover {color: black;}
 
.post_table_profile {background:url('https://ekladata.com/EDh2wv_1qCYLqnTnTFsT1nWTGaA.png') repeat;
width: 110px;
height: 100px;
    padding-top: 10px;
font-family: "Trajan";
font-size: 17px;
    letter-spacing: -0.4pt;
text-align: center;
border-radius: 0px 0px 0px 15px;}
 
.post_table_profile img {position: relative;
    top: -40px;
    border-radius: 8px / 20px;
    box-shadow: 0px 0px 8px white;}
 
.post_table_msg { background: #f7f7f7;
padding: 5px 10px 5px 10px;
border-radius: 0px 0px 15px 0px;
color: grey;
box-shadow: inset 0px 0px 7px grey;}
.post_table_msg p {width: 455px;}

 

Merci à Nagalia pour ses codes très utiles.

 

Publicité
Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article
°
Hello ;)<br /> J'ai pris le thème (et je te le dit)<br /> J'aimerait bien un headeur : °Pandas°<br /> Aussi le lien Hey !! What's up ?<br /> Merci ;)<br /> Ton blog est juste GENIAL ;)
Répondre
D
Wouah, c'est trop beau!
Répondre
N
Un thème bien sympathique !
Répondre
.
D'accord, merci pour les headers que tu m'a fais.<br /> Pas de problème, je préciserai que ce thème vient de toi, et je ferai un article.
Répondre
.
Pas de soucis ; p<br /> Même si j'ai trouvé un autre thème, ma demande est toujours d'actualité. Comme ça, cela me fera un autre thème quand je voudrai changer le mien.<br /> Mais si cela t’embête tu n'es pas obligé(e) de m'en faire un je me débrouillerai sinon. ♥<br /> En tout cas merci de ta réponse  
Répondre