Eklablog Tous les blogs Top blogs Technologie & Science Tous les blogs Technologie & Science
Editer l'article Suivre ce blog Administration + Créer mon blog
MENU

Publicité

Halloween

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("https://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("https://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("https://ekladata.com/XNUSO_-HxzwK8ksJTC1D3RboZ3w.jpg") 600% 500%;}

.module_contenu {position: relative;

    margin-top: 0px;

    margin-right: 15px;

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

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

}

#menu1,

#menu2 {width: 200px;

    color: #eea56f; 

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

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

}

#menu1

.module_menu_titre {background: url("https://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("https://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("https://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("https://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("https://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("https://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("https://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("https://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("https://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("https://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="https://ekladata.com/K4o8hjFdSo0Bk6U7xQX61ur-bVs.jpg" style="float:left"/>
<div class="text_news">VOTRE TEXTE</div>
</div> 
Publicité
Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article
W
Oww je preeends !
Répondre
W
Je te le prend :3
Répondre
L
Je te le prend, il est genial et j'aime trop la musiuqe :3
Répondre
P
Je te le prends, grand merci !!
Répondre
D
bonjour<br /> très sympa comme blog<br /> je te prends ce design car pas le temps d'en faire un pour cette fête assez courte. merci à toi de partager le css en entier ,ce qui est rare.<br /> très bonne journée<br /> dridrine<br />  
Répondre