• 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>
    #body {backgroundurl(http://data0.ek.la/test-blog/mod_articles17637458_4f420def8c457.png?24350px 320px repeat-xurl(http://img11.hostingpics.net/pics/317759headgoldmanga.png) no-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;
    }

    35 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%

    19 commentaires
  • Hiver

    #body {background: url("http://ekladata.com/JmINROXaLWdWw8ZaaV2-_dN3yp8.jpg") fixed;}

    #header {background: url("http://ekladata.com/8BwYO4tDnLxFaRlw9Z7WsdiQcu8.png") no-repeat 50% 10%;

    height: 530px;}

    #menu {

        background: url("http://ekladata.com/m5nHCvC-HE82fOiQnsqJFydJQO0.jpg");

    height: 26px;

    border-radius: 30px;

    border: 2px solid white;

    box-shadow: 0px 0px 8px white;

    font-family: book antiqua;

    font-size: 22px;

        text-align: center;

    padding: 7px;

        width: 100%;

        left: 0;

        top: 450px

    }

    #background {width: 80%;

    padding: 20px;

    border: 2px solid white;

    box-shadow: 0px 0px 15px white;

    margin-top: 20px;

    margin-bottom: 20px;

    border-radius: 30px;

    background: url("http://ekladata.com/U5fQ82eAoOleZtxM4UB8NEGY2lU.jpg") fixed;}

     

    input{background: url("http://ekladata.com/gx_0OznjgWg38Ej8ZM_UB9kMxi8.jpg") 0% 100%;

    border: none;

    box-shadow: 0px 0px 3px black}

    #titre_header a {display: block;

    height: 200px;

    width: 500px}

     

    .module_contenu {background: url("http://ekladata.com/wbTzgSXPnol2w_c-c3rlN3CIbe0.jpg");

    padding: 10px;

    margin: 20px;

    box-shadow: 0px 0px 8px white;

    border-radius: 0 0 5px 5px;

    margin-top: 0px;

    border-top: none;

    border-left: 2px solid white;

    border-bottom: 2px solid white;

    border-right: 2px solid white}

     

    .module_titre {

        background: url("http://ekladata.com/m5nHCvC-HE82fOiQnsqJFydJQO0.jpg");

    border: 2px solid white;

    height: 35px;

    font-size: 14px;

    box-shadow: 0px -2px 8px white;

    text-align: center;

    text-shadow: 1px 1px 0px silver;

    border-radius: 5px 5px 0 0;

        margin: 20px;

        margin-bottom: 0px;

    }

    .module_titre a {color: black;

    text-shadow: 1px 1px 0px silver

    }

    #menu1,

    #menu2 {background: url("http://ekladata.com/wbTzgSXPnol2w_c-c3rlN3CIbe0.jpg");

    width: 200px;

    box-shadow: 0px 0px 8px white;

    border-radius: 0 0 5px 5px;

    border-top: none;

    border-radius: 5px;

    border-left: 2px solid white;

    border-bottom: 2px solid white;

    border-right: 2px solid white}

    .module_menu_contenu_block{padding: 5px;

        width: 95%

    }

    .module_menu_titre {background: url("http://ekladata.com/m5nHCvC-HE82fOiQnsqJFydJQO0.jpg");

    padding: 0px;

    border-top: 2px solid white;

    border-bottom: 2px solid white;

    text-align: center;

    font-size: 20px;

    font-weight: bold;

    text-shadow: 1px 1px 1px silver;

    padding: 5px;

    height: 25px;}

    p {color: black;

    }

    a {color: #00526e;

    text-shadow: 0px 0px 3px white;

    }

    a:hover {text-shadow: 1px 1px 0px silver;

    color: #00526e}

    .comment_normal {width: 90%;

        padding: 7px;

    margin: 0 auto;

    margin-bottom: 6px;}

    .comment_admin {background-image: url("http://ekladata.com/28fQXCymR8WZIJA09ox3JMhH10U.png");

    box-shadow: 0px 0px 10px white;

    width: 90%;

    margin: 0 auto;

    border: 2px solid white;

    border-radius: 5px;

        padding: 7px;

        margin-bottom: 7px;

    }

    /*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_logo{ background: none;}

    #menubar_favorites_btn, 

    #menubar_nofavorites_btn:hover { background: url("/images/menubar/icon_nofavorite.png")no-repeat 50% 50%; 

    }

    #menubar_favorites_btn:hover,

    #menubar_nofavorites_btn { background: url("/images/menubar/icon_favorite.png")no-repeat 50% 50%; 

     

    #menubar {

    background-image: url("http://ekladata.com/gx_0OznjgWg38Ej8ZM_UB9kMxi8.jpg");

    color: black;

    border:none;

    text-shadow: 1px 1px 1px silver;

    box-shadow: 0px 0px 5px black;}

    #menubar_hide{width: 0px}

    #menubar_section_content{

    background-image: url("");

    }

    #menubar_section_appearance{

    background-image: url("");

    }

    #menubar_section_interactions{

    background-image: url("");

    }

    #menubar_section_manage{

    background-image: url("");

    }

    #menubar_section_account{

    background-image: url("");

    }

    #menubar_notifications{

    background-image: url("");

    }

    /*FENETRE*/

    .window {box-shadow: 0px 0px 10px white;

    border: 2px solid white;

    border-radius: 5px}

    .window_content {background: url("http://ekladata.com/JV2SrvUU9mSvNAvh0Ym5JCTpD1U.jpg");

    border-radius: 0px 0px 5px 5px}

    .window_title{ color: black;

    padding: 5px;

    text-align: center;

    font-size: 20px;

    letter-spacing: 2px;

    font-weight: lighter;

    text-shadow: 2px 1px 1px silver;} 

    .window_handle_content{ 

    background:url("http://ekladata.com/YLZKcOvtENBaxFLsilrKiDAxb7s.jpg") 0% 50% repeat-x;

    margin: 0px;

    height: 39px;

    padding: 0px;

    border-radius: 5px 5px 0px 0px}

    .window_handle_left{ 

    background:none;

    margin: 0px;

    padding: 0px;} 

    .window_handle_right{

    background:none;

    margin: 0px;

    padding: 0px;}

    .window_content_wrapper1{ 

    background:none;

    margin: 0px;

    padding: 0px;} 

    .window_content_wrapper2{ 

    background:none;

    margin: 0px;

    padding: 0px;} 

    .window_bottom_wrapper1{ 

    background:none;

    margin: 0px;

    padding: 0px;} 

    .window_bottom_wrapper2{ 

    background:none;

    margin: 0px;

    padding: 0px;} 

    .window_bottom{ 

    background:none;

    margin: 0px;

    padding: 0px;

    height: 0px}

    .button_win,

    .window input[type=button],

    .window input[type=submit],

    .window button{background: url("http://ekladata.com/gx_0OznjgWg38Ej8ZM_UB9kMxi8.jpg") 0% 100%;

    border-radius: 5px;

    border: none;

    box-shadow: 0px 0px 3px black}

     

    /*FOOTER*/

     

    #footer { background: none;

        text-align: center;

        color: rgba(0,0,0,0.5);

    }

    #footer a { color: rgba(0,0,0,0.5);

        text-decoration: none;

    }

    ​#footer::after { content: " - Design by Nagalia";

    }​​​​​​​​​​​​​​​​​​


    57 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

    15 commentaires


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