• libre service ; thème 1

    libre service ; thème 1

    thème libre service 01

     J'inaugure cette rubrique avec un premier thème en full CSS/HTML. Il est assez minimaliste, je suis mauvaise pour faire des thèmes avec header. C'est les résidus d'un ancien thème d'un de mes RPG qui trainaient sur un blog test.

    Vous pouvez visualiser le thème dans sa totalité en cliquant ici (www)

     à savoir : 

    > Toutes les valeurs de l'éditeur de thème doivent être décochées/à zéro.

    > Les couleurs et l'image du menu sont modifiables via le code. Je peux le faire pour vous si vous le souhaitez.

    > le texte du menu doit rester relativement court puisque la taille de ce dernier est fixe. À part les derniers visiteurs, tout le reste est dans le même module.

    Merci de ne pas retirer le crédit présent sur le menu, de préciser quelque part que le thème est de moi et bien sûr de me prévenir en commentaire si vous l'utilisez.

    > edit : merci de ne pas modifier ce thème au delà des limites que j'ai fixé plus haut, j'y ai passé du temps, ce n'est pas pour que vous piquiez dans mon code pour faire carrément autre chose, à la limite, demandez au préalable et je verrais en fonction.

     

    CSS: 

    /*entête déclarative*/ 

    @font-face {font-family"fox"src:  url('http://ekladata.com/H8mc56Q58KFb5qJ4juVJqwX5Tlk/SONGER-C-Regular.otf');
    @font-face {font-family"great"src:  url('http://ekladata.com/Bubm7ggaaIYvR0yj4XFPGqcanZk/Great-Day-Personal-Use.ttf');}
      
    /*fonds*/

     #body background:transparent url("http://ekladata.com/-g7dOf8A-03F1rc4M-8CgDh5NY8/concrete-texture.png")center top ;
    height:100%;
    position:fixed;}
     
    #background {background#eaeaea
        width800px;
        margin-top:80px;
        overflowauto;
        height:600px;
        margin-bottom:none;
     }

    /*textes*/

    #background a{font-familyarial;
        font-size:12px;
        
        text-transform:lowercase;
     }
    #background a:hover{font-familyarial;
        font-size:10px;
        color#596e71;
        text-transform:uppercase;
        text-decorationnone;
     }
    #background {font-familyarial;
        font-size:12px;
     color:#221d19;
        text-alignjustify;
     }
     /*header*/
      
    #header {
    height:0px;}

    #titre_header {displaynone;}
    #slogan_header {displaynone;}

     /*menubar*/ 
    .menubar_separation#menubar_logo {
        background:#1a1a1a;
    color:white;}
    .menubar_section div.menubar_section:hover div,.menubar_section:hover {
        background:#1a1a1a;
    color:white;}
    #menubar a{background:#1a1a1a;
    color#a6c0c3;
    text-transform:uppercase;
    font-size10px;}
    #menubar {background:#1a1a1a;
    colorwhite;}

    #menubar_section_content{background-imagenone;}
    #menubar_section_appearance{background-imagenone;}
    #menubar_section_interactions{background-imagenone;}
    #menubar_section_manage{background-imagenone;}
    #menubar_section_account{background-imagenone;}
    #menubar_notifications{background-imagenone;}
    #menubar_signin {background-imagenone;}
    #menubar_favorites {background-imagenone;}
    .menubar_button {background-imagenone;}
    #menubar_hide positionabsolutewidth:0px }
    .menubar_section{
        font-stylenone;
    color:white;}



     /*infobulle*/ 
      #help_bubble {
        background-color#222;
        color#aaa;
        border1px solid #111;
        opacity0.7;
        border-radius2px;
        text-transform:uppercase;
    }
     


    /*boutons*/
     
    input[type=button],input[type=submit]button {
        margin5px;
        margin-left0px;
        min-width50px;
        min-height20px;
        background-color#788895;
        colorwhite;
        border0px;
        text-transformlowercase;
        font-weightbold;
        letter-spacing1px;
        font-size11px;
    }
     
    input[type=button]:hoverinput[type=submit]:hoverinput[type=reset]:hoverbutton:hover.button:hover {
        opacity0.8;
        text-transform:uppercase;
    }

      


     /*****menu1******/
    #menu1 {background#1e1e1e;
    padding-left15px;
        padding-right15px;
        
    width:200px;
    margin-top:0px;
    height:600px;
      positionfixed;
        overflownone;
    color:white;
    }
    #menu1 a:hover {color:#172528;
    text-transformuppercase;
    font-weight:bold;}
    #menu1 {color:white;
    text-transformuppercase;
    font-weight:bold;}
     

     /* titre */ 
    .module_menu_contenu {padding:15px;}
    .module_menu_titre {display:none;}



     /* derniers visiteurs */ 
    .module_menu_type_lastvisitors img{
        border-radius100px;
        background-colorwhite;  
        max-height: 30px;
        max-width: 30px;
        margin-bottom5px;
        padding3px;
    }
     
    #module_menu_type_lastvisitors img:hover{
        opacity0.7;
    }
     
      
     /* titre articles*/ 

    .module_titre 
        height20px;
        colorwhite;
        text-aligncenter;
        padding:15px;
        font-familyarial;
        font-size12px;
        letter-spacing2px;
        word-spacing1px;
        border4px solid white;
        margin-top:30px;
        margin-right:30px;
            margin-left:30px;
        text-transform:lowercase;
        background-color#596e71;
    }

    .module_titre:hover 
        height20px;
        colorwhite;
        text-aligncenter;
        padding:15px;
        font-familyarial;
        font-size12px;
        letter-spacing2px;
        word-spacing1px;
        border4px solid white;
        margin-top:30px;
        margin-right:30px;
            margin-left:30px;
        text-transform:lowercase;
        background-color#596e71;
    }

    .module_titre_contenu colorwhite;
        text-aligncenter;
        font-familyarial;
        font-size10px;
        letter-spacing2px;
        word-spacing1px;
        text-transform:lowercase;}

    .module_titre_contenu  colorwhite;
        text-aligncenter;
        font-familyarial;
        font-size13px;
        letter-spacing2px;
        word-spacing1px;
        text-transform:lowercase;}

     /*articles*/ 
     
    .module_contenu {background#dcdcdc
        margin-left30px
        margin-right30px;
        margin-bottom:30px;
        margin-top10px;
        padding15px;
    color:#221d19;}

    .module_contenu {color#596e71;}

     /*infos articles*/ 
     .article_info {display:none;}
      
     /*commentaires*/ 
     .commentdate {display:none;}
    .commentnumber {display:none;}

    .commentavatar img {
        border3px solid;
        border-radius100px;
        margin-left0px;
           max-height40px;
        max-width40px;
    }
       div.commentbody {margin-top:10px;}

      

    /*pied de page*/ 
    #footer {
    displaynone;}

    /*champs*/

    input[type="text"{
        
        padding:5px;
        colorgrey;
        border1px solid #ccc;
        background#f0f0f0;
        border-radius0px;
    }

    /******forums*****/

    .post_table_msg {
        background-color#F9F9F9;
        padding20px;
        text-alignleft;
        border-top-right-radius0px;
        border-bottom-right-radius0px;
        border:1px solid #ebebeb;
        witdh:50%;
        text-align:justify;
    }
     
    .post_table_head {color#black;
                      font-size0px;
    }
     
    .post_table_profile img{
        border4px solid white;
        width50px;
        border-radius50px;
        margin-left25px;
        margin-top10px;
        margin-bottom20px;
        
    }
     
    .post_table_profile a{
        colorwhite;
        font-size13px;
        font-familyconsolas;
        text-transformuppercase;
        displayblock;
        width76px;
        padding2px 0px 2px 0px;
        background-color#788895;
        text-aligncenter;
        border-radius50px;
        margin-top20px;
        margin-left11px;
        text-aligncenter;
    }
     
    .post_table_profile a:hover{
        opacity0.7;
        colorwhite;
    }
     
    .post_table_profile {
        background-colornone;
        border-top-left-radius10px;
        border-bottom-left-radius10px;

    }

    #module_contenu_pageforums {text-alignjustify;}


    .topic_table {text-align:center;
    width:100%;}


     
    .forum-description {
        background-color#f1f1f1;
        border1px solid lightgrey;
        margin-top20px;
        margin-bottom20px;
        padding10px;
        border-radius0px;
        color#333333
    }

    .block-reply 
        border-left3px solid #ebebeb;
    }


    HTML MENU: 

    <p style="text-transform: uppercase; font-size: 7px; text-align: center;"><span style="color: #4f4f4f;">(c) th&egrave;me original de weana</span></p>
    <p style="text-transform: uppercase; font-size: 7px; text-align: center;">&nbsp;</p>
    <p><img style="display: block; margin-left: auto; margin-right: auto; border-radius: 100px; border: 6px solid white; border-width: 6px;" src="http://ekladata.com/8ehsu8jVpYOz4bydXS0MmIWRJg0@100x100.jpg" alt="" width="100" height="100" /></p>
    <p style="text-align: center;"><span style="font-size: 24pt; color: #ffffff;"><span style="font-family: 'great';">titre du blog</span></span>&nbsp;</p>
    <p style="text-align: center;"><strong><span style="color: #788895;"><a style="color: #788895;" href="/www">LIEN</a></span>&nbsp;;&nbsp;<span style="color: #788895;"><a style="color: #788895;" href="/www">LIEN</a></span> ;&nbsp;<span style="color: #788895;"><a style="color: #788895;" href="/www">LIEN</a></span></strong></p>
    <p style="text-align: center;">&nbsp;</p>
    <div style="background-color: #333333; border: 1px solid drakgray; padding: 10px; text-align: justify;"><span style="color: #ffffff;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dapibus erat nisi, nec consectetur orci tincidunt ut. </span></div>
    <p style="text-align: center;">&nbsp;&nbsp;<br /><br /></p>
    <div style="background-color: #788895; width: 100%; padding: 6px; text-align: left;"><a href="http://theme-ls-1.cd.st/accueil-c32649478">accueil</a></div>
    <p style="text-align: center; line-height: 10px;">&nbsp;</p>
    <div style="background-color: #788895; width: 100%; padding: 6px; text-align: left;"><a href="http://theme-ls-1.cd.st/forum-forum117304">forum</a></div>
    <p style="line-height: 10px;">&nbsp;</p>
    <div style="background-color: #788895; width: 100%; padding: 6px; text-align: left;"><a href="/url du lien">LIEN 3</a></div>
    <p style="text-align: center; line-height: 10px;">&nbsp;</p>
    <div style="background-color: #788895; width: 100%; padding: 6px; text-align: left;"><a href="/url du lien">LIEN 4</a></div>

     

    la bise,
    Wea

    « dessins traditionnels (01)041020 — page 30 »

  • Comments

    1
    Saturday 5th September 2020 at 15:47

    il est super joli! 

    2
    Sunday 27th September 2020 at 17:47

    Allô, ton thème de blog me plait beaucoup et j'essaie de l'installer sur mon blog, sauf que j'ai un petit souci : je ne sais pas où coller le code HTML du menu ! Est-ce qu'il faut que je le place à la suite du CSS ? Parce que j'ai essayé mais ça marque "erreur" -_-

     

    Merci beaucoup, d'avance !

     

    Piou.

    • Voir les réponses
    3
    Sunday 27th September 2020 at 18:04

    Salut :)

     

    Je viens de comprendre ! Oui, c'est sur Eklablog, mais j'avoue que je connais rien dans ce domaine haha :')

     

    Merci beaucoup, du coup j'utilise ton thème, je te crédite aussi dans la partie "Crédit"

     

    Piou.

    4
    Tuesday 13rd October 2020 at 19:42

    BWAHA CE BLOG EST TELLEMENT BIEN POURQUOI JE SUIS PAS VENUE ICI AVAAAANT

    Ducoup ducoup j'essaye d'installer ce thème bcp trop bg est est ce que c'est possible d’agrandir la fenetre ? pour qu'elle soit plus grande ? ;-;

    • Voir les réponses
    5
    Friday 4th December 2020 at 02:00

    Coucou hello bonsoir ! 

    Magnifique thème, j'adore ce côté vintage.

    Je recommence mon blog et je préviens que j'ai installé ton thème parce que je l'aime énormément <: Merci beaucoup pour ton travail !

    6
    Thursday 20th May at 00:54

    Bonsoir merci du partage, je te le prends !

    • Voir les réponses
    Suivre le flux RSS des commentaires


    Add comment

    Name / User name:

    E-mail (optional):

    Website (optional):

    Comment: