• Thème: Aurore Halloween

    Comme nous sommes en octobre et que c'est le mois d'Halloween, je vous propose un thème en libre service :

    Aperçu:  

    Thème: Aurore Halloween

    Codage:

     
    #body {
    	margin: 0;
    	color: #666666;
    	font-family: Georgia, serif;
    	font-size: 15px;
    	font-weight: normal;
    	font-style: normal;
    	text-decoration: none;
    	font-variant: normal;
    	background-color: white;
    	background-image: url("http://ekladata.com/wiU7dtlP05Holk6tS6QN-zxz0xE.jpg");
    	background-repeat: no-repeat;
    	background-attachment: fixed;
    	background-position: right bottom;
    }a{
    	color: #666666;
    	font-weight: normal;
    	font-style: normal;
    	text-decoration: underline;
    	font-variant: normal;
    }a:hover,a:active,a:focus{
    	font-weight: normal;
    	font-style: normal;
    	text-decoration: underline;
    	font-variant: normal;
    	color: #B29C82;
    }#background{
    	width: 1454px;
    	overflow: hidden;
    	margin: 10px auto 0;
    }#header{
    	height: 218px;
    	position: relative;
    	margin-top: 0;
    	margin-left: 0;
    	margin-right: 0;
    }#titre_header{
    	position: absolute;
    	top: 5px;
    	left: 487px;
    	display: block;
    }#titre_header a{
    	color: #B29C82;
    	font-weight: normal;
    	text-decoration: none;
    	font-variant: normal;
    	font-style: italic;
    	font-family: Georgia, serif;
    	font-size: 120px;
    	text-align: center;
    }#slogan_header{
    	position: absolute;
    	top: 157px;
    	color: #777777;
    	font-size: 20px;
    	font-family: Georgia, serif;
    	text-align: right;
    	left: 551px;
    }#menu1_float{
    	float: left;
    }#menu1{
    	width: 266px;
    	margin-top: 20px;
    	margin-left: 0px;
    }#menu2_float{
    	float: right;
    }#menu2{
    	width: 266px;
    	margin-top: 12px;
    	margin-right: 300px;
    }#content{
    	margin-left: 298px;
    	margin-right: 601px;
    	margin-top: 10px;
    }* html #content{
    	margin-left: 243px;
    	margin-right: 30px;
    }* html #menu1_float{
    	margin-right: -3px;
    }* html #menu2_float{
    }#footer{
    	clear: both;
    	overflow: hidden;
    	text-align: center;
    	height: 39px;
    	margin-top: 0;
    	color: #B29C82;
    	font-family: Georgia, serif;
    	font-size: 12px;
    	font-weight: bold;
    	font-style: normal;
    	text-decoration: none;
    	font-variant: normal;
    }.ulmodule_menu{list-style-type:none;margin:0;padding:0;}#menu1 .module_menu_titre{
    	height: 30px;
    	font-weight: bold;
    	font-style: italic;
    	text-decoration: none;
    	font-variant: normal;
    	color: #B29C82;
    	font-family: Georgia, serif;
    	font-size: 19px;
    	text-align: center;
    	margin-top: 0px;
    	border-right: 0px solid black;
    }#menu2 .module_menu_titre{
    	position: relative;
    	height: 30px;
    	padding-top: 5px;
    	font-weight: bold;
    	font-style: italic;
    	text-decoration: none;
    	font-variant: normal;
    	color: #B29C82;
    	font-family: Georgia, serif;
    	font-size: 19px;
    	margin-left: 25px;
    	text-align: center;
    }#menu1 .module_menu_contenu{
    	margin-bottom: 35px;
    	text-align: center;
    	border-top: 0px solid black;
    }#menu2 .module_menu_contenu{
    	margin-bottom: 35px;
    	margin-left: 25px;
    	text-align: center;
    }#menu1 a{
    }#menu1 a:hover,#menu1 a:active,#menu1 a:focus{
    }#menu2 a{}#menu2 a:hover,#menu2 a:active,#menu2 a:focus{}.module_menu_contenu_block{overflow:hidden;width:100%;}.module_menu_contenu p{margin:0;}.module_menu_contenu ul{list-style-type:none;margin:0;padding:0;}#menu1_top{
    	overflow: hidden;
    	height: 60px;
    	background-image: url("http://ekladata.com/3Vg7muv1AbPxsoHPdBXar_dx0fo.png");
    }#menu1_bottom{
    	overflow: hidden;
    	height: 6px;
    }#menu2_top{
    	overflow: hidden;
    	height: 60px;
    	background-image: url("http://ekladata.com/3Vg7muv1AbPxsoHPdBXar_dx0fo.png");
    }#menu2_bottom{
    	overflow: hidden;
    	height: 0px;
    }.ulmodules{list-style-type:none;margin:0;padding:0;}.module_titre{
    	position: relative;
    	margin-bottom: 5px;
    	border-bottom: 1px solid #B29C82;
    	margin-left: 10px;
    	padding-top: 0px;
    	padding-right: 17px;
    	padding-bottom: 0px;
    }.module_titre_contenu{
    	margin: 0;
    	height: 30px;
    	background-repeat: repeat;
    	padding-left: 0px;
    }.module_titre_contenu,.module_titre_contenu a{
    	font-weight: bold;
    	font-size: 26px;
    	font-family: Georgia, serif;
    	font-style: italic;
    	text-decoration: none;
    	font-variant: normal;
    	color: #cdf509;
    	text-align: center;
    }.module_contenu{
    	padding: 5px 5px 5px 10px;
    }.module_contenu_block{overflow:hidden;width:100%;}.module_contenu a{
    }.module_contenu a:hover,.module_contenu a:active,.module_contenu a:focus{
    }.module_bottom{margin-bottom:30px;}.article_info{
    	color: #B29C82;
    }.article_info a{
    	color: #B29C82;
    	font-weight: bold;
    	font-style: normal;
    	text-decoration: none;
    	font-variant: normal;
    }.article_info a:hover,.article_info a:active,.article_info a:focus{
    	color: #B29C82;
    	font-weight: bold;
    	font-style: normal;
    	text-decoration: underline;
    	font-variant: normal;
    }.comment_normal,.comment_admin{
    	width: 100%;
    	margin-bottom: 5px;
    	border-bottom: 1px solid #B29C82;
    }.comment_admin{
    }.commentnumber{
    	float: left;
    	width:900px;
    	color: #B29C82;
    	font-weight: bold;
    	font-size: 13px;
    	padding-left: 5px;
    	padding-top: 5px;
    	font-style: normal;
    	text-decoration: none;
    	font-variant: normal;
    	text-align: left;
    	font-family: Georgia, serif;
    }.comment_admin .commentnumber{
    	color: #B29C82;
    }.commentpseudo{
    	float: left;
    	font-weight: bold;
    	padding-top: 5px;
    }.commentpseudo a{
    	font-weight: bold;
    	font-style: normal;
    	text-decoration: underline;
    	font-variant: normal;
    }.commentpseudo a:hover,.commentpseudo a:active,.commentpseudo a:focus{
    	font-weight: bold;
    	font-style: normal;
    	text-decoration: underline;
    	font-variant: normal;
    }.comment_admin .commentpseudo{
    	font-weight: bold;
    	font-style: normal;
    	text-decoration: none;
    	font-variant: normal;
    }.comment_admin .commentpseudo a{}.comment_admin .commentpseudo a:hover,.comment_admin .commentpseudo a:active,.comment_admin .commentpseudo a:focus{}.commentdate{
    	float: right;
    	font-size: 12px;
    	padding-top: 5px;
    	padding-right: 5px;
    	font-family: Georgia, serif;
    	color: #999;
    }.comment_admin .commentdate{}.commentbody{padding:5px 5px 7px;}.comment_admin .commentbody{}.commentavatar{width:70px;float:right;padding-left:5px;}#menu_calendar{
    	width: 100%;
    	margin: 3px auto 0 auto;
    	border-top: 2px solid #ECE7E0;
    	border-right: 2px solid #ECE7E0;
    	border-bottom: 2px solid #ECE7E0;
    	border-left: 2px solid #ECE7E0;
    }#menu_calendar th{
    	width: 14%;
    	height: 20px;
    	vertical-align: middle;
    	font-weight: normal;
    	text-align: center;
    	background-color: #ECE7E0;
    	font-style: normal;
    	text-decoration: none;
    	font-variant: normal;
    }#menu_calendar td{
    	width: 14%;
    	overflow: hidden;
    	vertical-align: middle;
    	height: 20px;
    	text-align: center;
    	border-top: 2px solid transparent;
    	border-right: 2px solid transparent;
    	border-bottom: 2px solid transparent;
    	border-left: 2px solid transparent;
    }#menu_calendar .menu_calendar_link{cursor:pointer;}#menu_calendar .menu_calendar_link:hover{
    	border-top: 2px solid #E0D7CC;
    	border-right: 2px solid #E0D7CC;
    	border-bottom: 2px solid #E0D7CC;
    	border-left: 2px solid #E0D7CC;
    }#menu_calendar td a{
    	display: block;
    	font-weight: bold;
    	text-decoration: none;
    	line-height: 100%;
    	font-style: normal;
    	font-variant: normal;
    	color: #444444;
    }#menu_calendar td a:hover{}#menu_calendar_month{text-align:center;}.menu_shoutbox{
    	overflow: auto;
    	height: 175px;
    	text-align: left;
    	border-top: 2px solid #ECE7E0;
    	border-right: 2px solid #ECE7E0;
    	border-bottom: 2px solid #ECE7E0;
    	border-left: 2px solid #ECE7E0;
    }.menu_shoutbox div{padding:3px 3px;}.menu_shoutbox hr{
    	border: none;
    	width: 95%;
    	height: 2px;
    	background-color: #ECE7E0;
    	margin: 5px auto;
    }ul.twitter_list{list-style-type:square;padding-left:16px;margin:0;}ul.twitter_list li{border-bottom:1px dotted black;}#menu{
    	list-style-type: none;
    	margin: 0;
    	padding: 0;
    	position: absolute;
    	top: 33px;
    	left: 201px;
    }#menu li{
    }* html #menu li{
    	float: none;
    	width: 1%;
    }#menu a{
    	display: block;
    	height: 15px;
    	width: 130px;
    	padding-top: 10px;
    	padding-bottom: 10px;
    	padding-left: 18px;
    	border-left: 1px solid #B29C82;
    }#menu a:hover{
    }
    
    #menu ul {
    	width: 150px;
    
    }
    
    #menu ul a {
    	height: 20px;
    
    }
    
    #menu ul a:hover {}#footer a{
    	color: #B29C82;
    	font-weight: bold;
    	font-style: normal;
    	text-decoration: none;
    	font-variant: normal;
    }#footer a:hover,#footer a:active,#footer a:focus{
    	color: #666666;
    	font-weight: bold;
    	font-style: normal;
    	text-decoration: none;
    	font-variant: normal;
    }#background input[type=text],#background select,#background textarea{
    	border-top: 1px solid #DDDDDD;
    	border-right: 1px solid #BBBBBB;
    	border-bottom: 1px solid #BBBBBB;
    	border-left: 1px solid #DDDDDD;
    	font-family: Georgia, serif;
    	font-size: 15px;
    	color: #666;
    }#background input[type=text]:hover,#background select:hover,#background textarea:hover{}#background input[type=text]:focus,#background select:focus,#background textarea:focus{}#background button,#background input[type=button],#background input[type=submit]{
    	font-family: Georgia, serif;
    	font-size: 15px;
    	color: #4444;
    }#background input[type=checkbox],#background input[type=radio]{border:none;background:white;}.chemin_forum{margin-bottom:10px;}.chemin_forum a{}.chemin_forum a:hover{}.forum-description{}.forum_table,.topic_table{width:100%;border-spacing:5px;}.forum_table th,.topic_table th{font-weight:bold;font-style:normal;text-decoration:none;font-variant:normal;text-align:left;}.forum_table td,.topic_table td{}.forum_table td a,.topic_table td a{}.forum_table td a:hover,.topic_table td a:hover{}.forum_table_row0,.topic_table_row0{}.forum_table_row1,.topic_table_row1{}.post_table{width:100%;border-spacing:5px;margin-bottom:15px;border-bottom:1px solid #ddd;}.post_table_head{
    	color: #B29C82;
    	font-family: Georgia, serif;
    	font-size: 12px;
    }.post_table_profile{
    	width: 100px;
    	font-family: Georgia, serif;
    	font-size: 12px;
    	color: #B29C82;
    }.post_table_profile a{}.post_table_profile a:hover{}.post_table_msg{}.post_table_msg a{}.post_table_msg a:hover{}@font-face {font-family: "Aurore";
         src: url('http://ekladata.com/Nes8Ztj7UITW8jKSqfkZxPH7qcA/Anyk.ttf');}
    @font-face {font-family: "Titre";
        src: url('http://ekladata.com/_DBvxrkhYtu5Yq_T26krW3EofHE/Sugar-Vinegar.ttf');}
    #menu_calendar th {
        width: 14%;
        height: 20px;
        vertical-align: middle;
        font-weight: normal;
        text-align: center;
        background-color: rgba(239, 187, 115, 0);
        border-left : transparent; 
        }
    #menu_calendar {
        width: 100%;
        margin: 3px auto 0 auto;
        /*border-top: 2px solid #ECE7E0;
        /* border-right: 2px solid #ECE7E0; */
        /* border-bottom: 2px solid #ECE7E0; */
        /* border-left: 2px solid #ECE7E0; */
        }
    .module_titre_contenu {
         color: #FFF06A;
        background: rgba(1, 35, 32, 0.8);
         border-style: groove;
        border-color: #b6ebef;
        border-width: 2px;
        }
    #content .module_contenu_block{
        background: rgba(196, 218, 216, 0.46);
            border-style: groove;
        border-color: #b6ebef;
        border-width: 2px
        }
    #help_bubble {
        background-color: rgba(20, 103, 134, 0.58);
        color: #FFF06A;
        }
    
    .menu-lastvisitors-avatar{
        
        border-radius: 20px 20px 20px 20px;    }
    #menu a {
        background: rgba(196, 218, 216, 0.46);
            border-style: groove;
        border-color: #b6ebef;
        border-width: 2px
        }
    
    #menu2 {
        border-color: white;
     
        }
    body a.button_tools{
        
        background-color: rgba(190, 229, 243, 0.49);
        }
    a.button_tools{
        font-family: Georgia, serif;
        font-size: 15px;
        color: #4444;
        color: #180db5;
        font-family: Titre;
        background-color: rgb(169, 189, 191);
        }
    #background button, #background input[type=button], #background input[type=submit] {
        font-family: Georgia, serif;
        font-size: 15px;
        color: #4444;
        color: #180db5;
        font-family: Titre;
        background-color: rgb(169, 189, 191);
    }
    #content .module_contenu_block {
        color: white;
        }
    .ulmodule_menu {
        background: rgba(196, 218, 216, 0.46);
            border-style: groove;
        border-color: #b6ebef;
        border-width: 2px;
        }
    
    #body {
        color: #dceaf5;
        text-shadow : white 2px 2px 15px;
    }
    #body * {
        color: #dceaf5;
        
        font-family: Titre;
    }
    #menu1 .module_menu_titre {
        color: #FFF06A;
        font-family: Titre;
       
        }
    #menu2 .module_menu_titre {
        color: #FFF06A;
        font-family: Titre;
      
        }
    
    #titre_header a {
        font-family: Aurore;
        color: #94a8ce;
        font-weight: normal;
        text-shadow: white 2px 2px 7px;
          
        }
    #slogan_header {
        font-family: Aurore;
        color: #94a8ce;
        font-size: 40px;
        text-shadow: white 2px 2px 7px;
        }
    #menu_calendar {    width: 100%;
        margin: 0px auto 0 auto;
        border-top: 0px;
        /* border-right: 2px solid #ECE7E0; */
        /* border-bottom: 2px solid #ECE7E0; */
        /* border-left: 2px solid #ECE7E0; */
        }
    Pin It

  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :