• Halloween


      

     

    Halloween

    <object width="190" height="250" data="http://data0.ek.la/test-blog/perso/halloween/ls%202012/horloge.swf" type="application/x-shockwave-flash"><param name="allowScriptAccess" value="never" /><param name="wmode" value="transparent" /><param name="src" value="http://data0.ek.la/test-blog/perso/halloween/ls%202012/horloge.swf" /></object>


    <object width="190" height="250" data="http://data0.ek.la/test-blog/perso/halloween/ls%202012/musique.swf" type="application/x-shockwave-flash"><param name="allowScriptAccess" value="never" /><param name="wmode" value="transparent" /><param name="src" value="http://data0.ek.la/test-blog/perso/halloween/ls%202012/musique.swf" /></object>

     

    HTML,BODY,

    #menubar,

    .window{cursor: url("http://img15.hostingpics.net/pics/160348curseur.png"), auto;}

    A:hover,

    input{cursor: url("http://img15.hostingpics.net/pics/337515curseur2.png"), auto;}

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

        height: 500px;

    }

    #titre_header {margin-top: 110px;

        margin-left: 180px

    }

    #titre_header a {color: rgb(255, 100, 30);

        font-family: Dracula, Comic sans ms;

        font-size: 70px;

        text-shadow: 0 0 20px black, 0 0 15px black, 0 0 10px black;

    }

    #body {background:black;

    }

    #background {background:none;

            width: 1050px;

        padding: 10px

    }

    #footer {color: rgb(255, 100, 50);

        text-shadow: 0 0 3px #eea54f;}

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

        color: rgb(255, 100, 50);

        text-shadow: 0 0 3px #eea54f;

    }

     

    .module_titre {background: url("http://ekladata.com/XNUSO_-HxzwK8ksJTC1D3RboZ3w.jpg") 700% 500%;

        margin-right: 15px;

        font-size: 15px;

        text-align: center;

        font-family: comic sans ms;

        text-shadow: 0px 0px 5px #ff5400;

        padding-top: 5px;

        height: 50px;

        box-shadow: 0 0 10px #ff5400, 0 0 5px #ff4500;

        -webkit-transition: 500ms;

        moz-transition: 500ms;

        transition: 500ms;

    .module_titre:hover {background: url("http://ekladata.com/XNUSO_-HxzwK8ksJTC1D3RboZ3w.jpg") 600% 500%;}

    .module_contenu {position: relative;

        margin-top: 0px;

        margin-right: 15px;

        background: url("http://ekladata.com/P10aFh4ZIjz0Dz42w495fjQ_R4A.jpg");

        box-shadow: 0 0 10px #ff5400, 0 0 5px #ff4500

    }

    #menu1,

    #menu2 {width: 200px;

        color: #eea56f; 

        background: url("http://ekladata.com/P10aFh4ZIjz0Dz42w495fjQ_R4A.jpg");

        box-shadow: 0 0 10px #ff5400, 0 0 5px #ff4500

    }

    #menu1

    .module_menu_titre {background: url("http://ekladata.com/mws1GsrD11aLqjclBU0kiaha5L0.png") 70% 30%;

         color: black;

        text-shadow: 1px 1px 1px #ff5400;

        padding: 15px;

        font-size: 17px;

        text-align: center;

        font-family: comic sans ms;

        } 

    #menu2

    .module_menu_titre {background: url("http://ekladata.com/xkUhbBjgQ2uuJWh-RxLu9XYLrr0.png") 70% 30%;

         color: black;

        text-shadow: 1px 1px 1px #ff5400;

        padding: 15px;

        font-size: 17px;

        text-align: center;

        font-family: comic sans ms;

        }

    p {color: #eea56f;}

    a {color: rgb(255, 100, 50);

        text-shadow: 0 0 3px #eea54f;

    }

    a:hover {color: rgb(255, 250, 50);

        text-decoration: none;

    }

    /*MENU*/

     

    #menu{margin-left: 0px;

        margin-top: 0px

    }

     

    #menu a{width: 60px;

        height: 20px;

        background:  rgba(250, 120, 50, 0.5) ;

        text-shadow: none;

        margin-top: 10px;

        text-align: center;

        line-height: 20px;

        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

        -webkit-transition: 1s;

    }

    #menu a:hover {width: 100px;

        border-radius: 0 8px 8px 0;

         text-shadow: 1px 1px 1px #eea56f; 

    }

    /*MENU FIN*/

    /*BARRE D'OUTIL*/

    .menubar_section:hover div{ 

        background: none;

        color: black;

        text-shadow: 1px -1px 1px #ff5600; 

    }  

    #menubar {background: url("http://ekladata.com/XNUSO_-HxzwK8ksJTC1D3RboZ3w.jpg") 0% 100%;

        background-position: 0% 0%;

        box-shadow: 0 0 15px #ff5400, 0 0 5px #ff5400, inset 0 10px 25px #eea56f;

        color: black;

        text-shadow: 1px 1px 1px #ff5600;

    .menubar_section {background-image: none}

    #menubar_notifications {background-image: none}

    #menubar_hide{ width: 0px;}

    .menubar_section li { background: rgba(250, 120, 50, 0.8)

    }

    .menubar_section li:hover { color:black;

        text-shadow: -1px -1px 1px #ff5600;

         background: url("http://ekladata.com/3XiUMiigLjJ0MbKR4SHbxwsS6WE.jpg");

        border-top: 1px dotted white;

        border-bottom: 1px dotted white;

        box-shadow: 0 0 2px black;

        color: black

    }

    .menubar_section li:last-child { background: rgba(250, 120, 50, 0.8);

        border-radius: 0 0 15px 15px;

    }

    .menubar_section li:last-child:hover { color:black;

        text-shadow: -1px -1px 1px #ff5600;

         background: url("http://ekladata.com/3XiUMiigLjJ0MbKR4SHbxwsS6WE.jpg") } 

     .menubar_section ul {box-shadow: 0 0px 7px black ;

        border-radius: 0 0px 15px 15px;

        margin-left: 10px;

    }

     

    #menubar_notifications:hover 

    #menubar_notifications_btn{ background: none} 

    #notifications_panel { box-shadow: 0 0 5px black;

        border-radius: 0 0px 15px 15px

    }

    #notifications_panel a,

    #notifications_panel div {background: rgba(250, 120, 50, 0.8);

        text-shadow: 1px 1px 1px #ff5600

    }

    #notifications_panel div:hover{color:black;

        text-shadow: -1px -1px 1px #ff5600;

         }

    #notifications_panel a:hover,

    .new_notification:hover {color:black;

        text-shadow: -1px -1px 1px #ff5600;

         background: url("http://ekladata.com/3XiUMiigLjJ0MbKR4SHbxwsS6WE.jpg");

        border-top: 1px dotted white;

        border-bottom: 1px dotted white;

        box-shadow: 0 0 2px black; }

    #notifications_panel a:last-child,

    #notifications_panel div:last-child {border-radius: 0 0px 15px 15px } 

    #notifications_panel

    .new_notification {background: url("http://ekladata.com/P10aFh4ZIjz0Dz42w495fjQ_R4A.jpg") }  

     

    /*FENETRE*/

     

    .window_handle_left{  background: none;

        width: 0px

    .window_handle_right{ background:none;

        width: 0px

    .window_content{ background: rgba(250, 120, 50, 0.5);

        margin: 15px;

        border-radius: 10px;

        box-shadow: 0 0 10px black;

        color: black;

    }

    .window_content_wrapper1{ background:none;

        

    .window_content_wrapper2{ background:none;} 

    .window_bottom_wrapper1{ background:none;} 

    .window_bottom_wrapper2{ background:none;} 

    .window_bottom{ background:none;}

    .window{background: url("http://ekladata.com/P10aFh4ZIjz0Dz42w495fjQ_R4A.jpg");

        border-radius: 15px;

        box-shadow: 0 0 10px #ff5400, 0 0 5px #ff4500

    }

    .window a {color: rgb(255, 150, 100);

        text-shadow: 0 0 2px black;

    }

    .window a:hover {color: rgb(255, 200, 50);

        text-decoration: none;

    }

    .window_handle_content {background: url("http://ekladata.com/ysEilzYWCNn2S_keIlIiIzGwbSE.png");

        margin: 0px;

        padding: 0px;

        height: 100px;

        border-radius: 15px 15px 0 0;

        text-align: center;

        

    }

    .window_title{line-height: 20px;

        height: 30px;

        margin-top: 0px;

        padding-top: 15px;

         color: black;

        text-shadow: 0 0 5px #eea54f;

        font-size: 25px;

         font-family:  'courgette', cursive; 

        font-weight: bold;

    }

    .window_handle_tools {margin-top: -7px;

        margin-right: 10px

    }

    .button_win,

    .window input[type=button],

    .window input[type=submit],

    .window button{ background: rgba(255, 225, 180, 0.9);

        border: 1px dotted white;

        box-shadow: 0 0 3px;

                   background-image: none;}

     

    .button_win:hover,

    .window input[type=button]:hover,

    .window input[type=submit]:hover,

    .window button:hover{ background: rgb(255, 150,50);

                       background-image: none;}

     


    Petite class bonnus pour écrire vos news: CSS

    /*CLASS BONUS*/

     

    .text_news {background: url("http://ekladata.com/3XiUMiigLjJ0MbKR4SHbxwsS6WE.jpg");

        height: 380px;

        float: left;

        width: 320px;

        margin-left: 10px;

        padding: 10px;

        border-radius: 10px;

        box-shadow: 0 0 15px black, 0 0 10px black;

        color: black;

        text-shadow: 1px 1px 2px #eea54f;

        font-size: 13px

    }

    .text_news p {color: black;

    }

    .news img { box-shadow: 5px 5px 10px black, 0 0 5px black;}

    .news {

        padding: 5px;

        width: 600px;

        margin: 0 auto

    }

     

    HTML:

    <div class="news">
    <img src="http://ekladata.com/K4o8hjFdSo0Bk6U7xQX61ur-bVs.jpg" style="float:left"/>
    <div class="text_news">VOTRE TEXTE</div>
    </div> 

    102 commentaires
  • Fantasy Bleu

    Fantasy Bleu     Fantasy Bleu     Fantasy Bleu

    Fantasy Bleu     Fantasy Bleu     Fantasy Bleu


    Fantasy Bleu

    Fantasy BleuFantasy Bleu Fantasy Bleu

    Fantasy Bleu Fantasy Bleu

    Fantasy BleuFantasy BleuFantasy Bleu

    <object width="180" height="180" data="http://upload.yamalandia.com/rep2/1640011314560.swf" type="application/x-shockwave-flash"><param name="allowScriptAccess" value="never" /><param name="wmode" value="transparent" /><param name="src" value="http://upload.yamalandia.com/rep2/1640011314560.swf" /></object>

    36 commentaires
  • Last Chaos

    Last ChaosLast ChaosLast ChaosLast ChaosLast ChaosLast ChaosLast ChaosLast Chaos

    Last Chaos

    Last ChaosLast Chaos

    Last Chaos Last Chaos Last Chaos Last Chaos Last Chaos

    Last Chaos Last Chaos Last Chaos


    votre commentaire
  • Dragon


    votre commentaire