• Thème en libre service #11 - Snipe the sky

    Code thème en LS 11

     

    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

    1
    Mardi 9 Janvier 2018 à 10:39

    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

     

    2
    Mercredi 10 Janvier 2018 à 00:23

    Je t'en prie, le thème est là pour ça ^^

    3
    Samedi 24 Mars 2018 à 14:55

    Il est magnifique! du bon travail comme d'habitude Eli', je vais le prendre si ça ne te dérange pas

    4
    Samedi 24 Mars 2018 à 15:11

    Pas de soucis ^^ heureuse qu'il puisse plaire a plus d'une personne xD

    5
    Vendredi 20 Juillet 2018 à 11:25

    cc je te prent un teme.

    6
    Vendredi 20 Juillet 2018 à 11:53

    esque tu pourait m aider pour que mon blog soit plus beaux .Fin que tu me donne des conseilles.Si t es daccordyes.

    7
    Mercredi 17 Juillet 2019 à 19:22

    Je te le perds, si tes d'accord!

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    8
    Mercredi 17 Juillet 2019 à 22:10

    Oui bien sûr,  il est là pour ça ^^

    9
    Vendredi 27 Mars 2020 à 19:19

    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 css

    10
    Samedi 28 Mars 2020 à 11:43

    Harmonie : 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 mp

    11
    Mercredi 6 Avril 2022 à 13:24

    Je 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. :)

    12
    Mardi 24 Mai 2022 à 17:24

    Magnifique thème !

    13
    Dimanche 18 Juin 2023 à 10:54
    Je te le prend!
    Suivre le flux RSS des commentaires

    Vous devez être connecté pour commenter