• Hiver

    Manga Jaune

    Manga Jaune

     

    Manga Jaune

    revenir en haut de la page

    <div style="position: fixed; bottom: 10px; right: 15px;"><a href="#"><img src="http://ekladata.com/JE53fALpJgZiFLlA6u9WthzlBfY.png" alt="Manga Jaune" /></a></div>

    Encadré fieldset:

    TitreContenu

    CSS (a ajouter dans le css du thème)

    legend {color: #c17000;
    text-align: center;
    font-family: impact;
    font-size: 30px;
    }
    fieldset {border: 2px solid #e9ad45;

    box-shadow: 2px 3px 9px #c17000;
    margin: 0 auto;
    margin-bottom: 10px;
    }

    HTML

    <fieldset style="width: largeur"><legend>Titre</legend>Contenu</fieldset>

    Boite

    Du blablabla

    CSS (à ajouter dans le css du thème)

    .boite {  border2px solid  #e9ad45;
        box-shadow15px #c17000;
        border-radius15px;
        margin10px;
        text-alignleft;
        padding-left10px;
        padding-top5px;
        padding-bottom5px;
        padding-right5px;
        backgroundrgba(2552552550.3);

    HTML

    <div class="boite" style="width: largeur">Blabla</div>

    CSS complet
    #body {backgroundurl(http://data0.ek.la/test-blog/mod_articles17637458_4f420def8c457.png?24350px 320px repeat-xurl(http://data0.ek.la/test-blog/mod_articles17637458_4f3fe7c10a3b9.png?8412no-repeat 50% 0%url(http://data0.ek.la/test-blog/mod_articles17637458_4f3f893cb3cd4.jpg?9188repeat-x;
        background-color:   #e0c386 ;
        margin-top-30px;    
    }
    #header {height343px;
    }
    #header {colortransparent;
        bordernone;
    }
    #titre_header 
                     displayblock
                     width1000px
                     height250px;
    textarea {backgroundwhite}
    {color#533000;
        font-familyverdana;
        font-size13px;
    }
    {colorblack;
        
        text-decorationnone
    }
    a:hover {colorblack;
        border-bottom1px dotted  #533000 
    }
    a:active {font-weightbold
    }
    .#footer {colortransparent;
    #footer:after {content" - Design by Nagalia";

    #menu box-shadow15px #c17000;
        opacity0.5;
        colorblack;
        font-size14px;
        text-aligncenter;
        vertical-align:middle;
        height27px;
         line-height27px;
        width130px;
        border-radius15px 15px 0;
        backgroundrgba(2552301300.7);
        border2px solid  #e9ad45   
        border-bottomnone;
        margin10px;
        -webkit-transition0.3s;
         -moz-transition0.3s;
         transition0.3s 
        
    }
    #menu a:hover {height35px;
        opacity1;
         line-height35px;
        font-size16px;
        margin-top2px
    }

    /*CALENDRIER*/
    #menu_calendar {
        border-radius5px;
         border2px solid  #e9ad45;
        marginauto;
        margin-top5px;
        margin-bottom5px;
        width180px;
        backgroundrgba(2552552550.3)   
    }
    #menu_calendar th
    {border-bottom1px double  #e9ad45
        colorblack;
        font-weighbold;
        background:   rgba(2552301301)  }
    #menu_calendar_month{
    font-weightbold}  
    /*CONTENU*/

    #menu1,
    #menu2box-shadow15px #c17000;
        border-radius15px;
          backgroundrgba(2552291500.7)
        .backgroundrgba(2552301300.7);
        border2px solid  #e9ad45   
        margin10px;
        padding5px;
          font-familyverdana;
        font-size13px;  
        text-aligncenter
    }
    .module_menu_type_lastvisitors {font-familyarial;


    .module_menu_titre  {color#c17000  ;
        text-shadow3px  #e9ad45;
        margin-top10px;
        background-colorrgba(233173590.6);
        padding-bottom15px;
        margin-bottom5px;
        text-aligncenter;
        font-familyimpact;
        font-size25px;
        margin-left-5px;
        margin-right-5px;
        border-top2px solid  #e9ad45 ;
        border-bottom2px solid  #e9ad45 
    }
    .module_contenu box-shadow15px #c17000;
        border-radius15px;
        padding5px;
        padding-top-50px;
        margin-top-50px;
         backgroundrgba(2552291500.7);
        .backgroundrgba(2552301300.7);
        border2px solid  #e9ad45   ;  }

    .module_titre  {  color#f8d46f;
        text-shadow:  3px #c170008px #c170005px #c170003px #c17000;
        .margin-bottom25px;
        .height120px;
        text-aligncenter;
        font-familyImpact;
        font-size25px;}
    .module_titre {  color#f8d46f}
    .module_titre a:hover bordernone}
    /*COMMENTAIRE*/
    .comment_admin box-shadow15px #c17000;
        border-radius15px;
        padding5px;
        backgroundrgba(2552301300.7);
        border2px solid  #e9ad45   ;
        width650px;
        marginauto
    }
    .comment_normal {  width650px;
        marginauto }
    /*MENUBAR*/
    #menubar {background-imagenone;
        margin-left-20px;
        padding-right30px;
        width105%;
        color:  black ;
        text-shadow1px 1px 3px #fff6d5;
        box-shadow:  0px 0px 15px rgba(0000.3)0px 0px 10px #c17000,  0px 0px 10px #c17000,  inset 5px 15px white;
        background-color:  #e9ad45 ;   
        
    #menubar {bordernone;
        color:  #fff6d5;
        text-shadownone
    }
    #menubar_logo{float:right;
        padding:5px 7px 0;
        width:120px;}
    /*ONGLET*/
    .menubar_section:hover div
                       backgroundnone;
    .menubar_section ul {box-shadow:  0px 0px 15px rgba(0000.3)0px 0px 10px #c17000,  0px 0px 10px #c17000  ;
        border-radius0px 5px 5px;
        margin-left10px;
    }
    .menubar_section li background#e9ad45  ;
        -webkit-transition0.4s;
         -moz-transition0.4s
         transition0.4s
        color:black;
        text-shadownone
    }
    .menubar_section li:hover background:#f8d46f;
        colorblack;
    }
    .menubar_section li:last-child background#e9ad45  ;
        height15px;
         border-radius0px 5px 5px 
    }
    .menubar_section li:last-child:hover background#f8d46f 
    /*NOTIF*/
    #menubar_notifications:hover 
    #menubar_notifications_btnbackgroundnone}
    #notifications_panel box-shadow:   0px 0px 15px rgba(0000.3)0px 0px 10px #c17000,  0px 0px 10px #c17000  ;
         border-radius0px 5px 5px 

    #notifications_panel 
    .notif_msg {colorblack}
    #notifications_panel a
    #notifications_panel div {background#e9ad45;
    -webkit-transition0.4s;
         -moz-transition0.4s
         transition0.4s;  }
    #notifications_panel a:hover
    #notifications_panel div:hover {background:#f8d46f }
    #notifications_panel
    .new_notification {backgroundurl("http://ekladata.com/lx5ZdNw3P7wAgizh9cPFGT-e1Zg.jpg")
    #notifications_panel a:last-child,
    #notifications_panel div:last-child {border-radius0px 5px 5px }
    /*SEPARATION*/
    #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_button {
    background-imagenone;
    }
    /*FENETRE*/

    .window{   box-shadow15px #c17000;
        border-radius15px;
        background#f8d46f;
        border2px solid  #e9ad45   ;  
    .window {colorblack}
    .window a:hover {colorblack;
        text-decorationnone}
    .window_content {backgroundnone}
    .window_titlecolor:   #c17000  ;
        padding4px;
        padding-top5px;
        text-aligncenter;
        font-familyImpact;
        font-size30px;
        font-weightlighter;
        text-shadow1px 1px 3px  #c17000 ;}

    .window_handle_content
                  backgroundnone;
                  box-shadowinset 15px 20px  white ;
                  margin0px;
                  padding0px;
                  border-bottom2px solid #e9ad45 ;
                  border-radius12px 12px 0px 0px}
    .window_handle_left
                  background:none;
                  margin0px;
                  padding0px;
    .window_handle_right
                  background:none;
                  margin0px;
                  padding0px;}
    .window_content_wrapper1
                  background:none;
                  margin0px;
                  padding0px;
    .window_content_wrapper2
                  background:none;
                  margin0px;
                  padding0px;
    .window_bottom_wrapper1
                  background:none;
        height17px;
                  margin0px;
                  padding0px;
    .window_bottom_wrapper2
                  background:none;
                  margin0px;
                  padding0px;
    .window_bottom
                  background:none;
                  margin0px;
                  padding0px;
                  height0px}
    .button_win,
    .window input[type=button],
    .window input[type=submit],
    .window button
                       background:  #f8d46f ;
        box-shadow5px  #c17000 ;
         border2px solid   #e9ad45  
        padding
    }
     
    .button_win:hover,
    .window input[type=button]:hover,
    .window input[type=submit]:hover,
    .window button:hover
                       background:  #c17000 ;
          border2px solid   #e9ad45 

    .window_tabs {background-color#e9ad45  ;
        border-top2px solid    #e9ad45 ;
        margin-left-10px;
        padding-left15px;
        width108%;
        box-shadowinset 30px  #c17000 20px  #c17000  

    .window_tabs span {background-color:  #c17000 ;
        colorblack;
        -webkit-transitionbackground 1s;
         -moz-transitionbackground  1s;
         transitionbackground  1s;  
        border2px solid  #e9ad45 ;
        box-shadow5px  #c17000 ;

    .window_tabs span.window_tab_active  {background-color:   #f8d46f  
    .window_tabs span:hover {background-color:  #c17000 }

    /*BULLE*/

    #help_bubble  {box-shadow5px #c17000;
        border-radius5px;
        background:   rgba(2552301300.9)  ;
        border2px solid #e9ad45 }
    a.infobulle {font-familyimpact;
         color#c17000
        font-size20px;
    }

    30 commentaires
  • Hiver

    Manga Violet

    Manga Violet

    Menu 215px

    Manga Violet

    Manga Violet

    Manga Violet

    Manga Violet

    menu 230px

    Manga Violet

    Manga Violet

    Manga Violet

    Manga Violet

    Manga Violet

    Manga Violet   Manga Violet   Tsuna [reborn]

    A mettre en "fond de page"
    Aligné avec le menu de l'en tête 

    Tsuna [reborn]

    Divers

    Tsuna [reborn]

    Tsuna [reborn]Tsuna [reborn]

    Tsuna [reborn]Tsuna [reborn]

    <object width="180" height="180" data="http://www.imabox.fr/u8/11100819266LrWoHyZe0sAQ7s22.swf" type="application/x-shockwave-flash"><param name="allowScriptAccess" value="never" /><param name="wmode" value="transparent" /><param name="src" value="http://www.imabox.fr/u8/11100819266LrWoHyZe0sAQ7s22.swf" /></object>

    ::selection {background:#f6bb94}
    *,
    a:focus 

    outline:0

     
    colorblack;     
        text-decorationnone
        opacity1;   
        -webkit-transition500ms;  
        -moz-transition500ms;  
        -o-transition500ms;   
        transition500ms}  
    a:hover opacity0.8}  
    img {max-width98%;
        margin5;
    }

    #body backgroundurl(http://ekladata.com/0bbvIi-hNm1869B_dQ14HUvh0Qk.pngno-repeat 50% 0%url(http://ekladata.com/A4K3kONB-W3r5Okux6TsbJDPQuI.jpgrepeat 50% 0%;
    }
    #backgroundwidth79%;
        marginauto;
        padding0px;
    }
    #header{
        height500px
    }
    #menu1,
    #menu2 backgroundurl(http://ekladata.com/w9hMyyTiLPAY3r4_XtfXga8K19o.jpgrepeat-y;
        width210px;
        padding10px;
        margin0px;
        border1px solid black;
        border-radius25px;
        color:#dbcae3;
        text-shadow-1px -1px 0px black
    }
    .module_menu_titrebackgroundurl(http://ekladata.com/j1WE1QW_nnu7uswB9mjngR8C3k0.pngno-repeat 50% 0%;
        padding-top4px;
        padding-bottom8px;
        text-aligncenter;
        colorblack;
        text-shadow1px 1px 0px #dbcae3;
        font-weightbold;
        font-size18px;
    }

    #content{width72%;
        text-alignjustify;
        padding-right30px;
        padding-left30px
    }
    .module_contenu_blocktext-alignjustify;
        width95%;
        padding7px;
        border-radius30px;
        box-shadow15px black;
        marginauto;
        backgroundurl(http://ekladata.com/ycCfyeruXv1TwKfEe-GGSye1h1w.png)
    }
    .module_titre{backgroundurl(http://ekladata.com/TMnSyvycABuCpnbF2qrXunypapU.png);
        padding-top0px;
        padding-bottom5px;
        text-aligncenter;
        colorblack;
        text-shadow1px 1px 0px #dbcae3;
        font-weightbold;
        font-size13px;
    }
    .module_titre acolorblack;
        text-decorationnone
    }
    .article_infotext-alignright;
        font-size11px;
        margin-bottom7px
    }
    #footer{text-aligncenter;
        opacity0.5
    }
    #footer:aftercontent:"- Thème by Nagalia"
    }

    /*MENUBAR*/

    #menubar,
    #menubar acolorblack;     
    }
    #menubar_section_content:hover,
    #menubar_section_appearance:hover,
    #menubar_section_interactions:hover,
    #menubar_section_manage:hover,
    #menubar_section_account:hover,
    #menubar_section_help:hover,
    #menubar_notifications:hover,
    #menubar_signin,
    .window_handle_content,
    .window_handle_left,
    .window_handle_right

    {
        -webkit-filtergrayscale(0.5hue-rotate(85degbrightness(0.8contrast(1.5saturate(1);
        -moz-filtergrayscale(0.5hue-rotate(165degbrightness(0.81contrast(1.9saturate(1.5);
        -o-filtergrayscale(0.5hue-rotate(165degbrightness(0.81contrast(1.9saturate(1.5);
        filtergrayscale(0.5hue-rotate(165degbrightness(0.81contrast(1.9saturate(1.5);
    }
    #menubar_favorites_btn#menubar_nofavorites_btn:hover backgroundurl("/images/menubar/icon_nofavorite.png")no-repeat 50% 50%}
    #menubar_favorites_btn:hover,
    #menubar_nofavorites_btn backgroundurl("/images/menubar/icon_favorite.png")no-repeat 50% 50%

    15 commentaires
  • Hiver

    fond mosaique

    titre

    Fond divers

         

    CSS complet

    #body {backgroundurl("http://ekladata.com/JmINROXaLWdWw8ZaaV2-_dN3yp8.jpg"fixed;}
    #header {backgroundurl("http://ekladata.com/8BwYO4tDnLxFaRlw9Z7WsdiQcu8.png"no-repeat 50% 10%;
    height530px;}
    #menu {
        backgroundurl("http://ekladata.com/m5nHCvC-HE82fOiQnsqJFydJQO0.jpg");
    height26px;
    border-radius30px;
    border2px solid white;
    box-shadow0px 0px 8px white;
    font-familybook antiqua;
    font-size22px;
        text-aligncenter;
    padding7px;
        width100%;
        left0;
        top450px
    }
    #background {width80%;
    padding20px;
    border2px solid white;
    box-shadow0px 0px 15px white;
    margin-top20px;
    margin-bottom20px;
    border-radius30px;
    backgroundurl("http://ekladata.com/U5fQ82eAoOleZtxM4UB8NEGY2lU.jpg"fixed;}

    input{backgroundurl("http://ekladata.com/gx_0OznjgWg38Ej8ZM_UB9kMxi8.jpg"0% 100%;
    bordernone;
    box-shadow0px 0px 3px black}
    #titre_header {displayblock;
    height200px;
    width500px}
    .module_contenu {backgroundurl("http://ekladata.com/wbTzgSXPnol2w_c-c3rlN3CIbe0.jpg");
    padding10px;
        width90%;
    margin20px;
    box-shadow0px 0px 8px white;
    border-radius5px 5px;
    margin-top0px;
    border-topnone;
    border-left2px solid white;
    border-bottom2px solid white;
    border-right2px solid white}
    .module_titre {backgroundurl("http://ekladata.com/m5nHCvC-HE82fOiQnsqJFydJQO0.jpg");
    border2px solid white;
    height35px;
    font-size14px;
    box-shadow0px -2px 8px white;
    text-aligncenter;
    text-shadow1px 1px 0px silver;
    border-radius5px 5px 0;
        width90%;
        margin20px;
        margin-bottom0px;
    }
    .module_titre {colorblack;
    text-shadow1px 1px 0px silver
    }
    #menu1,
    #menu2 {backgroundurl("http://ekladata.com/wbTzgSXPnol2w_c-c3rlN3CIbe0.jpg");
    width200px;
    box-shadow0px 0px 8px white;
    border-radius5px 5px;
    border-topnone;
    border-radius5px;
    border-left2px solid white;
    border-bottom2px solid white;
    border-right2px solid white}
    .module_menu_contenu_block{padding5px;
        width95%
    }
    .module_menu_titre {backgroundurl("http://ekladata.com/m5nHCvC-HE82fOiQnsqJFydJQO0.jpg");
    padding0px;
    border-top2px solid white;
    border-bottom2px solid white;
    text-aligncenter;
    font-size20px;
    font-weightbold;
    text-shadow1px 1px 1px silver;
    padding5px;
    height25px;}
    {colorblack;
    }
    {color#00526e;
    text-shadow0px 0px 3px white;
    }
    a:hover {text-shadow1px 1px 0px silver;
    color#00526e}
    .comment_normal {width830px;
    marginauto;}
    .comment_admin {background-imageurl("http://ekladata.com/28fQXCymR8WZIJA09ox3JMhH10U.png");
    box-shadow0px 0px 10px white;
    width830px;
    marginauto;
    border2px solid white;
    border-radius5px
    }
    /*MENUBAR*/
    #menubar_section_content,
    #menubar_section_appearance,
    #menubar_section_interactions,
    #menubar_section_manage,
    #menubar_section_account,
    #menubar_notifications,
    #menubar_signin,
    .menubar_button
    .menubar_section:hover,
    .menubar_section,
    #menubar_favorites,
    .menubar_separation,
    #menubar_logobackgroundnone;}
    #menubar_favorites_btn
    #menubar_nofavorites_btn:hover backgroundurl("/images/menubar/icon_nofavorite.png")no-repeat 50% 50%
    }
    #menubar_favorites_btn:hover,
    #menubar_nofavorites_btn backgroundurl("/images/menubar/icon_favorite.png")no-repeat 50% 50%


    #menubar {
    background-imageurl("http://ekladata.com/gx_0OznjgWg38Ej8ZM_UB9kMxi8.jpg");
    colorblack;
    border:none;
    text-shadow1px 1px 1px silver;
    box-shadow0px 0px 5px black;}
    #menubar_hide{width0px}
    #menubar_section_content{
    background-imageurl("");
    }
    #menubar_section_appearance{
    background-imageurl("");
    }
    #menubar_section_interactions{
    background-imageurl("");
    }
    #menubar_section_manage{
    background-imageurl("");
    }
    #menubar_section_account{
    background-imageurl("");
    }
    #menubar_notifications{
    background-imageurl("");
    }
    /*FENETRE*/
    .window {box-shadow0px 0px 10px white;
    border2px solid white;
    border-radius5px}
    .window_content {backgroundurl("http://ekladata.com/JV2SrvUU9mSvNAvh0Ym5JCTpD1U.jpg");
    border-radius0px 0px 5px 5px}
    .window_titlecolorblack;
    padding5px;
    text-aligncenter;
    font-size20px;
    letter-spacing2px;
    font-weightlighter;
    text-shadow2px 1px 1px silver;
    .window_handle_content
    background:url("http://ekladata.com/YLZKcOvtENBaxFLsilrKiDAxb7s.jpg"0% 50% repeat-x;
    margin0px;
    height39px;
    padding0px;
    border-radius5px 5px 0px 0px}
    .window_handle_left
    background:none;
    margin0px;
    padding0px;
    .window_handle_right{
    background:none;
    margin0px;
    padding0px;}
    .window_content_wrapper1
    background:none;
    margin0px;
    padding0px;
    .window_content_wrapper2
    background:none;
    margin0px;
    padding0px;
    .window_bottom_wrapper1
    background:none;
    margin0px;
    padding0px;
    .window_bottom_wrapper2
    background:none;
    margin0px;
    padding0px;
    .window_bottom
    background:none;
    margin0px;
    padding0px;
    height0px}
    .button_win,
    .window input[type=button],
    .window input[type=submit],
    .window button{backgroundurl("http://ekladata.com/gx_0OznjgWg38Ej8ZM_UB9kMxi8.jpg"0% 100%;
    border-radius5px;
    bordernone;
    box-shadow0px 0px 3px black}


    46 commentaires
  • Matryoshka

    Fond du fond (répété, fixe):

    Fond de la page, du contenu, et des modules:

    Menu (dans la bannière):

    Titre des modules




    Titre des articles:


    Bannière de bas:


    Création statistique:

    Ou

    ou

    ou

    By Chamimy

    8 commentaires
  • Rin & Pikachu
     
    #header {
    height:500px;
    background:transparent url(http://data0.eklablog.com/test-chamimy/mod_article36089743_1.png?4286) center no-repeat;
    }

    Fond (du fond):

    Fond (de la page et du contenu et des formats modules):

    Titres des modules (1 et 2, si vous en avez.):



    Titre des articles:

    Bannière de bas:

    Code CSS (Bannière non incluse):


    .module_contenu {border-radius: 10px/ 10px;
    -moz-border-radius: 10px / 10px;
    -webkit-border-radius: 10px / 10px;}
    .comment_normal {border-radius: 10px / 10px;
    -moz-border-radius: 10px / 10px;
    -webkit-border-radius: 10px / 10px;}
    .comment_admin {border-radius: 10px / 10px;
    -moz-border-radius: 10px / 10px;
    -webkit-border-radius: 10px / 10px;}
    #menu1 {border-radius: 10px / 10px;
    -moz-border-radius: 10px / 10px;
    -webkit-border-radius: 10px / 10px;}
    #menu2 {border-radius: 10px / 10px;
    -moz-border-radius: 10px / 10px;
    -webkit-border-radius: 10px / 10px;}

    Thème by Chamimy

    14 commentaires


    Suivre le flux RSS des articles de cette rubrique
    Suivre le flux RSS des commentaires de cette rubrique