• [Thème complet] - Graphist' - vert / orange / noir

    Ahoy! C'est un thème fait à partir d'un header que j'ai mis en LS sur ce blog et que j'aime bien.

    Rendu:
    Cliquez sur l'image pour l'avoir en plus grand.

    [Thème complet] - Graphist' - vert / orange / noir

     

    Si vous vous servez, merci de me prévenir par commentaires et de me créditer de façon visible sur votre blog.

    Images:

    Header (de ma base de LS) : clique là

    Curseurs from cursors-4u.com

    [Thème complet] - Graphist' - vert / orange / noir   icon from icône.com

    Inclus dans le code CSS:

    • Base (header, footer, titre, fonds, commentaires)
    • Un menu
    • Shoutbox
    • Calendrier
    • Forums
    • Derniers visiteurs
    • Tag cloud
    • Boutons & champs
    • Curseurs
    • Menubarre
    • Bulle d'aide au survol
    • Bloc citations
    • Effets au survol de certains éléments

    Code:

    #body {background: #EEE;}

    a {color: #594;}
    a:hover {color: #261;  transition: 1s;
    font-weight: bold; text-decoration: none;}

    #background {width: 900px; border: 2px #222 solid;
        background-color: rgb(230,240,210); text-align: justify;
    margin-top: 10px; margin-bottom: 10px; margin-left: auto;
    font-family: Tahoma; color: #000;}

    #header {background: url('http://ekladata.com/dDAI99fHZmxZL8gqJViEfHk4s18.jpg');
    height: 300px; border-bottom: 3px #222 solid;}
    #titre_header {text-shadow: 0px 0px 15px #000000;
    font-family: Times New Roman;
    font-size: 84px; top: 30px; right: 210px;}
    #titre_header a {color: #FFF;}
    #titre_header a:hover {text-decoration: none;
    color: #000; transition: 1s;}
    #slogan_header {top: 240px; right: 240px;
    font-family: Times New Roman; color: #FFF; font-size: 20px;}

    #menu1 {width: 198px;
    border-right: 2px solid #222;}
    #content {width: 700px;
    margin-left: 200px;}
    .module_menu_contenu_block {margin-left: 10px;
        margin-right: 10px; width: 178px;}
    .module_contenu_block {padding-left: 10px;
        padding-right: 10px; width: 680px;}

    #menu1 .module_menu_titre {background: url('http://ekladata.com/dDAI99fHZmxZL8gqJViEfHk4s18.jpg');
    font-family: Times New Roman; font-size: 20px;
    color: #FFF; text-shadow: 0px 0px 5px #000;
    border-top: 2px solid #222; border-bottom: 2px solid #222;
    margin-top: 10px; height: 30px; text-align: center;
    background-position: 500px 140px; line-height: 140%;
    margin-bottom: 10px;}
    .module_titre_contenu {background: url('http://ekladata.com/dDAI99fHZmxZL8gqJViEfHk4s18.jpg');
    font-family: Times New Roman; font-size: 20px;
    color: #FFF; text-shadow: 0px 0px 5px #000;
    border-top: 2px solid #222; border-bottom: 2px solid #222;
    margin-top: 10px; height: 30px; text-align: center;
    background-position: 0px 300px; line-height: 140%;
    margin-bottom: 10px;}

    .commentheader {width: 690px; background: #222;
    margin-top: 10px; margin-bottom: 10px; height: 15px;}
    .commentpseudo, .commentpseudo a {font-variant: small-caps;
        color: #9D9; font-family: Times New Roman; font-size: 20px;
    font-weight: normal; margin-left: 10px; line-height: 30%; text-shadow: 0px 0px 3px #222,
    0px 0px 3px #222,0px 0px 3px #222,0px 0px 3px #222,0px 0px 3px #222,0px 0px 3px #222;}
    .commentpseudo a:hover {color: #FFF;}
    .commentnumber  {font-family: Courier New; color: #000; float: right;
    margin-top: 15px; margin-left: -60px; width: 30px; font-size: 15px; height: 30px;
        text-align: center; margin-right: 5px; font-weight: bold; line-height: 200%;
    background: url('http://ekladata.com/n9NiKNo34xaOHPcze_2oFB4Zakg@30x30.png');
    background-repeat: no-repeat; background-position: center;}
    .commentbody {width: 680px;}
    .commentavatar img {border: 2px solid #222;}
    .commentdate {color: #333; font-size: 10px; width: 95px;
    float: right; margin-top: 13px; margin-left: -72px;}

    #footer {height: 40px; line-height: 250%;
        background: url('http://ekladata.com/dDAI99fHZmxZL8gqJViEfHk4s18.jpg');
        font-family: Tahoma;
    border-top: 2px solid #222; text-align: center;}
    #footer a{color: #DED;}

    #background input[type=submit], button {margin-top: 3px;
    border: 1px solid #222; background-color: #EFE;
    color: #000; width: 164px;}
    #background input[type=text] {width: 154px;
    opacity: 0.5; border: 1px solid #222; margin-top: 3px;}
    #background input[type=text]:focus {opacity: 1;
    color: #000;}

    .comment-reply {text-align: center; margin-top: 5px;}
    .comment-reply a {color: #252; padding: 2px;
    border: 1px solid #222;}

    .article_info {font-size: 13px; text-align: right;
    margin-bottom: 5px; border-bottom: 1px solid #222;
    opacity: 0.5;}
    .article_info a:hover {opacity: 1;}

    #help_bubble {background: #EFD;
    border: #222 solid 1px;}

    HTML,BODY {cursor: url("http://cur.cursors-4u.net/cursors/cur-8/cur762.cur"),auto;}
    a:hover, input:hover, #header-link:hover {cursor: url("http://cur.cursors-4u.net/toons/too-10/too935.cur"), auto;}

    .menu_shoutbox {height: 200px; border: 1px solid #222;
    background: rgba(0,0,0,0.5); padding: 2px;
    color: #eee; width: 171px;}
    .menu_shoutbox strong {color: #AFA}
    .menu_shoutbox hr {width: 90%; background: #222;
    height: 1px; margin: 2px;}

    a.tagcloud-tag-1 {color: #688003;}
    a.tagcloud-tag-2 {color: #8ba55a;}
    a.tagcloud-tag-3 {color: #92c090;}

    img.menu-lastvisitors-avatar {max-width: 41px; max-height: 41px;
    margin: 2px; border-radius: 30px; opacity: 0.8;
    border: 2px solid #050;}
    img.menu-lastvisitors-avatar:hover{opacity: 1; transition: 1s;
    transform: rotate(-12deg);}

    #menu_calendar_month {background: rgba(255,255,255,0.5);
    width: 180px; text-align: center;}
    #menu_calendar {background: rgba(255,255,255,0.5);
    width: 180px;}
    #menu_calendar td {height: 20px; width: 20px;
    border-radius: 40px;}
    #menu_calendar td a {font-weight: bold; color: #000;
    background: url('http://ekladata.com/n9NiKNo34xaOHPcze_2oFB4Zakg@22x22.png');
    background-repeat: no-repeat; background-position: 2px -1px;}

    #menubar {background: rgb(230,240,210);
        color: #1e1e1e;}
    .menubar_section:hover,
    .menubar_section,
    .menubar_separation,
    .menubar_button,
    #menubar_logo,
    #menubar_favorites { background: none;}
    #menubar_section_content,
    #menubar table {background: rgb(230,240,210);
        color: #1e1e1e;}

    #menubar_section_interactions,
    #menubar_section_manage,
    #menubar_section_account,
    #menubar_section_help,
    #menubar_notifications,
    #menubar_signin {background: rgb(230,240,210);
        color: #1e1e1e;}

    blockquote {font-size: 15px; padding: 5px;
    border: 1px solid #222; margin-left: 30px;
    margin-right: 30px;
        background-repeat: no-repeat; background-position: top left;
    }
    blockquote:before {content: url('http://ekladata.com/7Eo8n1AgJWNDJolbqXmHCxvoSeA.png');
    float: left;}

    .post_table_profile {padding: 5px; background: #222;}
    .post_table_msg {border-top: 1px solid #222; padding: 5px;
    border-right: 1px solid #222;}
    .post_table_profile img {max-width: 65px; max-height: 65px;
    transform: rotate(-3deg); margin-left: 5px;
    border: 1px solid #FFF;}
    .post_table_profile img:hover {transition: 1s;
        box-shadow: 0px 0px 5px #FFF;}
    .post_table_profile a {color: #EFD;}
    .post_table_profile a:hover {text-shadow: 0px 0px 5px #FFF;}
    .topic_table_row0, .forum_table_row0 {background: rgba(255,255,255, 0.5);
    margin-bottom: 5px;}
    .forum_table th, .forum_table td {padding: 3px;}
    ​td.post_table_head {font-family: Tahoma;
    color: #BBB;}

    Comment installer le thème?

    C'est très simple. Il suffit de suivre scrupuleusement les instructions ci-dessous:

    1. Allez dans votre interface d'édition de thème, décochez tout ce que vous pouvez et mettez le reste à zéro.
    2. Allez dans la partie "ajouter du CSS".
    3. S'il y a des choses dedans, enlevez-les.
    4. Copiez-coller intégralement le code ci-dessus dans la partie vide "ajouter du CSS".
    5. Enregistrez.
    6. C'est bon!

    Normalement, il ne devrait pas y avoir de problèmes, mais s'il y en avait, je vous invite à m'envoyer un message privé m'expliquant le bug pour que je puisse le résoudre.

    Enjoy!


  • Commentaires

    1
    Mercredi 24 Août 2016 à 22:41
    Peux-je m'en servir de quelques codes ? ♥
      • Mercredi 24 Août 2016 à 22:57

        Il est fort urbain de ta part de demander ^^
        Donc, la réponse est la suivante: si tu prends une partie des codes, un petit mot me mentionnant serait approprié :3

      • Jeudi 25 Août 2016 à 00:27
        Merci ^^
        Et oui, t'inquiète ♡
      • Jeudi 25 Août 2016 à 00:35

        Avec plaisir!
        Merci à toi ;)

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :