-
Thème en libre service #11 - Snipe the sky
Les Codes
@font-face {font-family: "ETH";src: url('http://ekladata.com/VY908oIi8gb_vPZBeoRm2E2UMpA/EthRomainEthon.ttf');}
@font-face {font-family: "Luz";
src: url('http://ekladata.com/pcV_NYySnGGiFr9pHFrNtU4kf2E/LUZRO.ttf');}@font-face {font-family: "trajan";
src: url('http://ekladata.com/Rgb3CmX4cI4aez15Og9j-7S5AJQ/TrajanPro3-Regular.otf');}#titreduheader {position: absolute;
top: 125px;
margin-left: -715px;
font-family: Luz;
font-size: 30pt;
display: inline-block;
width: 1000px;
text-align: center;
text-shadow: 1px 1px 0px black, -1px -1px 0px black, -1px 1px 0px black, 1px -1px 0px black, 2px 2px 0px black, -2px -2px 0px black, -2px 2px 0px black, 2px -2px 0px black;}/*--fond fenêtre--*/
#body { background:url('http://ekladata.com/jLNgdJ30Zn-RgnyS9gCWMtQJrN8.jpg') no-repeat 50% 0%;
background-color: black;}
#body a { text-decoration: none;}/*--fond page--*/
#background {
border-radius: 20px 20px 0px 0px;
margin-top: 430px;
width: 1000px;
background-color: #060609;
box-shadow: 0px -3px 7px #060606;}/*--header--*/
#header {
height: 0px;}#titre_header {font-size: 0px;}
.bannimg {position: absolute;
top: 67px;
margin-left: -80px;}/*--menu header--*/
#menu {display: none;}/*--menu1--*/
#menu1 {
background: url('http://ekladata.com/BIg3Plsis0ANPJ1E4Z9byyBnawY.jpg') no-repeat;
width: 300px;
color: #9e9e9e;
padding-top: 20px;
background-color: #0b0b11;}#menu1 a {color: #d0efff;}
#menu1 a:hover {color: white;}#menu1 .module_menu_titre {height: 30px;
font-size: 20pt;
text-align: center;
color: white;
font-family: ETH;
line-height: 130%;
text-shadow: 0px 0px 3px white;
margin-top: 15px;}#menu1 .module_menu_contenu {padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
color: white;
font-family: "Luz";
font-size: 12pt;}
/*--module dernier visiteurs--*/
.module_menu_type_lastvisitors img {width:53px;
height: 53px;
margin-bottom: 15px;
border-radius: 75px 30px / 20px 85px;
box-shadow: 0px 0px 4px #bababa;
opacity: 0.9;
margin-right: 5px;
margin-left: 7px;
-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_lastvisitors img:hover{
border-radius: 20px 85px / 75px 30px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
transition-timing-function: ease-in;}/*--shootbox--*/
.menu_shoutbox {background-color: #fbfbfb;
border: solid 1px #c7c7c7;
padding: 5px 5px 5px 5px;
margin-bottom: 10px;}.menu_shoutbox hr {width: 90%;
border-bottom: dashed 1px #d5d5d5;}/*--article--*/
#content {width: 650px;
margin-left: 20px;
margin-top: 20px;}.module_titre_contenu, .module_titre_contenu a {
height: 32px;
width: 635px;
font-weight: lighter;
font-family: "ETH";
color: white;
font-size: 18.3pt;
letter-spacing: -0.3pt;
text-decoration: none;
text-align: left;}.module_titre_contenu {
padding-left: 10px;
line-height: 115%;
border-bottom: solid 1px #353536;}.article_info { height: 10px;
font-size: 10px;
font-family: arial;
color: white;
opacity: 0.3;
text-align: right;
padding-bottom: 10px;
}.module_contenu {
padding-top: -5px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 10px;
font-family: "Luz";
font-size: 12pt;
color: #767c91;
letter-spacing: 0.3pt;
}
.module_contenu a {
color: #d0efff;
}.module_contenu a:hover {
color: #2ca5e4;
}.module_bottom {
height: 20px;}
/*--footer--*/
#footer {
height: 25px;
font-size: 14px;
color: grey;
float: right;
padding-top: 45px;
margin-right: 30px;
opacity: 0.5;}#footer a {
color: grey;
}#footer a:hover {
opacity: 0.2;
}#footer:after {content: "- Design original by Elinae - © 2015-2017";}
/*--commentaire--*/
.comment_normal, .comment_admin {
width: 100%;
background: url('http://ekladata.com/ISnnCEtG-IrkOS9ZNAnFskichT4.jpg') no-repeat;
background-color: #0b0b11;
border-radius: 15px 15px 15px 15px;
color: #cfcfcf;
}div.commentheader{
margin-top: 10px;
background: rgba(0,0,0,.6);
border-radius: 15px 15px 0px 0px;
border-bottom: 1px solid black;
border-top: 4px solid black;}div.commentbody {
padding-top: 10px;
padding-right: 2px; padding-left: 7px;
padding-bottom: 10px;
text-align: justify;
margin-bottom: 25px;}.comment_admin .commentnumber {
color: #9a9a9a;
font-family: impact;
font-weight: lighter;
font-size: 25px;
float: right;}.commentnumber {
float: right;
color: #494949;
font-family: impact;
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: "ETH";
font-size: 18px;
font-weight: bold;
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: 10px;
font-family: Arial, Helvetica, sans-serif;
color: grey;
opacity: 0.8;
line-height: 200%;
}.commentavatar {float: right;}
.commentavatar img {
width: 90%;
border-radius: 75px 28px / 43px 65px;
box-shadow: 0px 0px 3px black;}
/*--bouton--*/
input[type=button],input[type=submit], button {
background: linear-gradient( #0b0b11, #1c1c22);
padding: 2px 14px 3px 14px;
color: white;
border-radius: 10px / 20px ;
border-top: 1px solid #5a5a65;
border-left: 0px solid black;
border-right: 0px solid black;
border-bottom: 0px solid black;
font-family: "Luz";
letter-spacing: 0.1pt;
font-size: 11pt;}/*--helpbubble--*/
#help_bubble {background: none;
border: none;
border-radius: 3px;
color: white;
text-shadow: 1px 1px 1px #1f1f1f, -1px -1px 1px #1f1f1f, 1px -1px 1px #1f1f1f, -1px 1px 1px #1f1f1f;}/*--recherche--*/
.module_menu_type_search { position: absolute;
top: -40px;
margin-left: 20px;}#module_menu_contenu144444580 > div > form > input[type="submit"]:nth-child(3) {opacity: 0;}
/*--module recherche--*/
#background input[type=text], #background select, #background textarea {
width: 250px;
height: 30px;
margin-bottom: 5px;
opacity: 0.7;
border: none;}.module_menu_type_search input[type="text"], .module_menu_type_search select, .module_menu_type_search textarea {background-image: none!important;}
.module_menu_type_search [type="submit"] {opacity: 0;}
/*--barre menu ajoutée--*/
.bar { position: absolute;
top: 0px;
left: 0px;
height: 65px;
background: rgba(0,0,0,.6);
width: 100%;
}.bartxt {position: absolute;
top: 13px;
margin-left: -700px;
font-family: "trajan";
line-height: 160%;
font-size: 15pt;
width: 1000px;
height: 65px;}.link a {
float: left;
display: block;
width: 150px;;
height: 30px;
padding-top: 5px; padding-bottom: 5px;
margin-right: 10px; margin-left: 10px;
text-align: center;
border-radius: 5px;
text-shadow: 1px 1px 2px black;}.link a:hover {background: rgba(14,55,108,0.7);}
.link a:focus {background: rgba(14,55,108,0.7);}
/*--forums--*/
.post_table_head {background: rgba(0,0,0,.7);
position: absolute;
margin-top: 130px;
width: 116px;
padding: 3px 2px 3px 2px;
text-align: center;
font-family: arial;
color: #858585;}.post_table_profile {background: url('http://ekladata.com/BIg3Plsis0ANPJ1E4Z9byyBnawY.jpg');
width: 110px;
height: 190px;
padding-left: 5px; padding-right: 5px;
padding-top: 10px;
font-family: "Trajan";
font-size: 14px;
letter-spacing: -0.4pt;
text-align: center;
border-right: solid 1px black;
border-bottom: solid 1px black;
border-top: solid 1px black;
border-radius: 8px 0px 0px 8px;
text-shadow: 1px 1px 3px black;}.post_table_profile img {border-radius: 8px / 20px;
box-shadow: 0px 0px 8px white;}.post_table_msg { background: linear-gradient( #0e0e14, #0a0a10);
border-top: 1px solid black;
border-bottom: 1px solid black;
padding: 5px 10px 5px 10px;
border-radius: 0px 8px 8px 0px;
color: #c4c4c4;
box-shadow: inset 0px 0px 7px black;}.post_table_msg p {
max-width: 500px;}/*--navigation--*/
.navigation a {display: block;
width: 100%;
height: 30px;
line-height: 180%;
padding-left: 15px;
border-bottom: 1px solid #32323a;
-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;}.navigation a:hover {background: rgba(0,0,0,.5);
padding-left: 45px;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
transition-timing-function: ease-out;}/*--forum tag--*/
.tag-resolved {background: #5c3a92;
font-family: "ETH";
color: white;
border: 1px solid black;
font-size: 12px;
padding: 5px 3px 5px 3px;
letter-spacing: 1pt;}Pour installer le thème
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. Vous devrez rajouter dans les codes d'un module ce code :
<div id="titreduheader">NOM DE VOTRE BLOG</div>4. Copier, coller et appliquer les codes CSS du thème proposé.
5. Vous remplacerez le "NOM DE VOTRE BLOG" par le nom de votre blog.
Ce que vous devez faire et savoir en plus de copier le code
1. Le menu du header n'est pas codé.
2. Les modules du menu n'ont pas été codé non plus, à vous de les arranger si vous le voulez.
3. Il vaut mieux choisir 8 derniers visiteurs pour le module "derniers visiteurs".
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.
J'ai décidé de mettre en libre service un thème qui m'avait été commandé à l'époque où je faisais des commandes. Le thème n'avait pas été utilisé et comme j'ai vu que la commanditaire avait du se permettre de transmettre les codes à d'autres personnes, je m'autorise donc à le mettre en libre service ! Enjoy.
Il s'agit du design #35 réalisé en mars 2015
26 Décembre 2017. Le thème est adapté aux grands écrans (au moins de 1120px de large) - Idée du thème en Mars 2015
-
Commentaires
Il est magnifique! du bon travail comme d'habitude Eli', je vais le prendre si ça ne te dérange pas
esque tu pourait m aider pour que mon blog soit plus beaux .Fin que tu me donne des conseilles.Si t es daccord.
Hello, merci encore une fois pour ce joli thème en ls que je vais t'emprunter une fois de plus :')
juste, je n'ai pas bien compris l'histoire du titre je suis une quiche en cssHarmonie : il suffit de prendre le code en rouge et le mettre dans ton menu sur le côté (à droite) et changer NOM DE VOTRE BLOG par le titre de ton blog ^^
si tu as du mal, n'hésite pas à me demander par mpJe viens de voir ton message, désolée si tu n'as pas tout compris x)
Merci pour tes explications, je veux bien que tu m'expliques comment mettre le menu de l'en tête du coup. :)
Vous devez être connecté pour commenter
J'aime beaucoup! :D
Je vais l'utiliser je pense pour mon blog de fictions si tu veux bien c: bon, après, tu vas me dire, c'est en LS, donc c'est pas pour rien... xD