• Salut.

    Pourquoi quand je prononce douce amère j'entends doux sa mère ? je suis la seule ?

    Enfin bref, un nouveau thème en libre-service, youpi. Vous êtes libres de l'installer ainsi que de le modifier, mais je vous demanderais de laisser la mention "thème par ライラック" en pied de page, ou si vous l'enlevez de le mentionner autre part (:

     

    INSTALLER CE THÈME SUR UN BLOG.

    - avant d'appliquer le code CSS, veillez à désactiver tout ce qui est coché dans les différentes onglets de "Modifier le thème".
    >> en revanche, veillez à bien mettre la largeur de page à 900px et à centrer la page dans "Modifier le thème" > "Format du blog" > "Page".
    >> veillez également à ce que la les largeurs des commentaires ("Contenu" > "Commentaires"), des listes de forums ("Contenu" > "Forums - listes") et des messages de forums ("Contenu" > "Forums - listes") soient à 100%.
    ce sont les seuls trucs qui doivent être remplis/cochés. (cliquez sur les images plus les voir plus grandes)
      

     - après avoir respecté ces pré-requis, vous pouvez copier/coller le code CSS dans "Modifier le thème" > "Ajouter du CSS". tadaaa un thème flambant neuf ! (est-ce que vous vous moquez si je vous avoue que j'ai dû chercher sur google l'orthographe de flambant ?)

    /*THÈME DOUCE AMÈRE CSS*/
    /*POLICES*/
    @font-face{font-family:"secretoria";
        src:url("http://ekladata.com/ILY5pEajcwe9NwImvv3ri9uqsTE/secretoria-yzg12.ttf");}
    @font-face{font-family:"bruno";
        src:url("http://ekladata.com/7A8YVfYHIYho9gucuOKN4LplvG0/Bruno.otf");}
    @font-face{font-family:"rounded";
        src:url("http://ekladata.com/3CTUswhiEj245cn85IhQtNDqWyE/Rounded-Elegance.ttf");}

    /*CORPS*/
    #body{background:url('http://ekladata.com/xCox7wAAHGiNCiRO6Sm38u77yTU/white-waves-1.png');
        font-family:rounded;
        color:#ccc;
        font-size:13px;}
    #background{margin-top:40px;margin-bottom:15px;background:#111;opacity:0.7;border:1px solid #000;}
    a{color:#A1A8EB;text-decoration:none;}
    a:hover{color:#8E91AD;text-decoration:none;}
    hr{border-top:1px solid #333;}
    /*MARGES*/
    #header{margin-bottom:10px;}
    #menu1{margin-right:10px;}
    #ulmodules{margin-left:10px;margin-right:20px;}

    /*BULLE D'AIDE*/
    #help_bubble{background:#ddd;
        opacity:0.9;
        border:1px solid #aaa;
        color:#888;
        border-radius:2px;
        font-family:rounded;
        font-size:10px;}

    /*HEADER*/
    #header{height:150px;background:url('http://ekladata.com/EgW9j0XjIfC7vfC9jVL657k-Ra0.png');}
    /*--titre--*/
    #titre_header a{display:none;}

    /*MENU1*/
    #menu1{width:200px;}
    .module_menu{background:#fff;
        border-radius:4px;
        margin-bottom:25px;}
    /*--titre--*/
    .module_menu_titre{color:#000;
        padding-left:5px;
        text-align:center;
        font-family:secretoria;
        font-size:17px;
        line-height:200%;
        margin-bottom:10px;
        background:url('http://ekladata.com/W8lu4Wqc2JCxdlH9VjgTfJgixn4/titre-module.png');}
    /*--contenu--*/
    .module_menu_contenu{padding:7px;
        text-align:center;color:#666;font-size:12px;}
    .module_menu_contenu a{color:#6B74C7;}
    /*--liens rubriques--*/
    #lien_rubrique{background:#BABDD6;
        color:#fff;
        text-shadow:1px 1px 0px #45464F;
        padding:5px;padding-left:30px;padding-right:30px;}
    #lien_rubrique:hover{color:#45464F;
        text-shadow:1px 1px 0px #fff;}
    /*--derniers visiteurs--*/
    .module_menu_type_lastvisitors .module_menu_titre{display:none;}
    .menu-lastvisitors-avatar{
        border-radius:50px;
        height:40px;width:40px;
        border:1px solid #8588A6;}

    /*CONTENU*/
    /*--titre--*/
    .module_titre{background:#000;
        font-family:Bruno;
        height:25px;
        color:#fff;
        font-size:10px;
        border-top-left-radius:4px;border-top-right-radius:4px;
        padding:8px;padding-left:13px;}
    /*--contenu--*/
    .module_contenu{padding:9px;margin-bottom:20px;
        font-size:11px;
        line-height:170%;
        border-bottom-left-radius:4px;border-bottom-right-radius:4px;
        background:#0c0c0c;
        border:1px solid #000;}
    /*--article info--*/
    .article_info{font-size:10px;margin-bottom:10px;text-align:left;}

    /*COMMENTAIRES*/
    /*--header--*/
    .commentnumber{display:none;}
    .commentheader{height:30px;}
    .commentheader a{font-family:secretoria;font-size:19px;margin-left:5px;line-height:120%;}
    .commentdate{font-size:10px;}
    /*--avatar--*/
    .commentavatar img{
        border-radius:50px;
        margin-left:15px;
        width:50px;height:50px;}
    /*--contenu--*/
    .commentbody {
        background:#A7AAC4;
        padding:7px;
        color:#111;
        border-radius:4px;
        margin-bottom:30px;
        padding-bottom:0px;
        border:1px solid #7B7E94;}
    /*--bouton réponse--*/
    .comment-reply a{background:#7B7E94;
        color:#fff;
        text-shadow:1px 1px 0px #333;
        padding:5px;padding-left:12px;padding-right:12px;}
    .comment-reply a:hover{background:#85889E;}

    /*--réponses--*/
    .block-reply{border-left:3px solid #7B7E94;}
    .block-reply .commentbody{
        background:#7B7E94;
        border:1px solid #646778;
        padding:5px;padding-bottom:0px;}
    .block-reply .commentpseudo a{
        color:#000;}
    .block-reply .commentpseudo a:hover{
        color:#333;}

    /*FORUMS*/
    /*--liste des forums--*/
    .forum_table td{padding-top:10px;}
    /*--messages--*/
    .post_table_head{text-align:left;padding-top:10px;font-size:10px;font-family:bruno;}
    .post_table_profile{line-height:100%;}
    .post_table_profile img{
        margin-top:5px;
        border-radius:50px;
        margin-bottom:10px;
        width:50px;}
    .post_table{border-bottom:1px solid #333;}
    .post_table_msg{padding-bottom:20px;}

    /*BOUTONS*/
    /*--champs--*/
    #background input[type=text]{
        font-family:rounded;
        font-size:11px;
        padding:2px;
        background:#333;
        color:#aaa;
        border:1px solid #555;}
    /*--boutons--*/
    #background button#background input[type="button"]#background input[type="submit"]{
        text-decorationnone;
        padding:4px;padding-left:10px;padding-right:10px;
        font-size:12px;
        background:#8E91AD;
        color:#fff;
        text-shadow:1px 1px 0px #000;
        border:0px solid black;
        border-radius:1.5px;
        font-family:bruno;}
    #background button:hover#background input[type="button"]:hover#background input[type="submit"]:hover{
        border:0px solid black;
        background:#A1A8EB;
        color:#fff;}

    /*MENUBAR*/
    /*--menubar--*/
    #menubar#menubar {font-family:rounded;color#eee;
    background:#000;font-size:10px;opacity:0.7;}
    #top{display:none;}
    .menubar_section#menubar_logo.menubar_separation,  #menubar_favorites.menubar_button#menubar_signin {background none ;  }
    .menubar_section:hover div{background:#000;color:#A1A8EB;}
    /*--eklablog--*/
    #menubar_logo img:hover{border-radius:0px;background:#000;}
    /*--listes--*/
    .menubar_section li {
     color:#eee;background:#000;opacity:0.8;}
    .menubar_section li:hover{
    background:#000;color:#A1A8EB;}
    .menubar_section li:last-child{background:#000;border-radius:0px 0px 4px 4px;padding-bottom:0px;}
    .menubar_section li:last-child:hover{
    background:#000;color:#A1A8EB;}
    /*--liens--*/
    #menubar a:hover{background:#000;}
    #menubarabsolute .icon{border-radius:50px;}
    /*--notifications--*/
    #notifications_panel a,
    #notifications_panel div {background:#000;opacity:1;}
    #notifications_panel a:hover,
    #notifications_panel div:hover {background:#000;
         color#A1A8EB}

    /*PIED DE PAGE*/
    #footer{height:25px;font-size:9px;text-align:center;}
    #footer#footer a{color:#666;}
    #footer:after{content:'thème par ライラック';color:#666;}

     


    NOTES UTILES.

    - j'ai fait le header (avec mon peu de compétence graphiques sdjskdjs) directement sur logiciel. si vous voulez en refaire un, les dimensions sont de 900*200 px. sinon, vous pouvez réactiver le titre en suppriment la ligne de code .titre_header{display:none;}, puis à vous de le personnaliser comme vous le souhaitez.

    - j'ai enlevé le titre du module des derniers visiteurs par défaut. pour le remettre, il vous suffit d'enlever la ligne de code .module_menu_type_lastvisitors .module_menu_titre{display:none;}.

    - j'ai également enlevé le titre du deuxième module. pour faire ça avec n'importe quel module, il vous faut cliquer droit sur le titre et faire "inspecter l'élement". ensuite, il faut trouver l'id du module en question.
    puis, dans "ajouter du CSS", vous pouvez entrer cette ligne en remplaçant les xxxx par l'id du module.
    #module_menu_titreXXXXXXXXX{display:none;}


    METTRE LES LIENS DES RUBRIQUES.

    Ce thème de comporte pas de menu de header (si vous en mettez hein il sera pas mis en page), mais vous pouvez mettre ces liens dans un module comme celui à droite (qui se nomme "rubrique").

    1. créez un nouveau module simple

    2. ouvrez le code source (veillez à être en mode expert pour qu'il s'affiche).

    3. entrez ce code (en remplaçant les inscriptions en bleu) et répétez-le autant de fois que vous avez de rubriques.

    <p><a id="lien_rubrique" href="LIEN VERS LA RUBRIQUE">TITRE DE LA RUBRIQUE</a></p>
    <p>&nbsp;</p>

     

    C'est à peu près tout il me semble ! Si besoin d'aide, ou n'importe quelle question vous pouvez m'envoyer un MP (plus de chances que je réponde rapidement sur mon compte principal, mais si je suis assez inactive donc désolée les réponses risquent de prendre longtemps). Et si vous voulez voir un peu de quoi a l'air le thème, il y a plusieurs articles/commentaires/forums pour tout visualiser !

    <3



    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :