DJ TASARIMI

TASARIM ÜSTÜ
<div id="container"> <div id="header"> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Home</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Members</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Gallery</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Parties</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Booking</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Contact</a></li> </ul> </div> <div id="welcome">

TASARIM ALTI
<br /> <br /> </div> <div id="news"> <h3>Latest News</h3> <div class="newsitem"> <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo1.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo1.jpg" alt="Photo 1" border="0" /></a> <span>10.11.2006</span> <p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p> </div> <div class="newsitem"> <a href="http://www.justwebtemplates.com" _fcksavedurl="http://www.justwebtemplates.com"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo2.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo2.jpg" alt="Photo 2" border="0" /></a> <span>10.11.2006</span> <p>Even more websites all about website templates on Just Web Templates.</p> </div> <div class="clear"></div> </div> <div id="dj"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/bestdjs.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/bestdjs.jpg" alt="Best DJ's" border="0" /></a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/specialoffer.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/specialoffer.jpg" alt="special offer" border="0" /></a> <div class="clear"></div> </div> <div id="footer"> copyright information 2006.All rights reserved. | designed by <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">free website templates</a></div> </div>

CSS
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} body { color: #97b15e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; background-color:#051c00; } .clear{clear:both;} * {margin: 0px;padding: 0px;} #container { margin: 0 auto; text-align: left; width: 767px; } a{color:#80ba04;} a:hover{color:#b7fb24;} /********************** Header ***************************/ #header { background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/header.jpg); width:767px; height:404px; position:relative; } #header ul{ position:absolute; top:367px; left:100px; } #header li{ display:block; float:left; width:97px; } #header ul a{ color:#aefa0d; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 900; text-transform: capitalize; } #header ul a:hover{color:#97b15e;} /********************** Welcome ***************************/ #welcome { background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/dj.gif); background-repeat: no-repeat; background-position: right top; } #welcome h3{ margin: 10px 10px 10px 110px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bolder; text-transform: uppercase; color: #7eae19;} #welcome p{ margin: 10px 10px 10px 110px;width:416px;} #welcome a{} /********************** News ***************************/ #news { background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/line.jpg); background-repeat: no-repeat; background-position: left top; padding: 10px 10px 10px 110px; } #news h3{ margin: 20px 10px 15px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bolder; text-transform: uppercase; color: #7eae19; } .newsitem{float:left;width:275px; display:inline;} .newsitem a{} .newsitem img{float:left;margin-right:10px;} .newsitem span{ color:#97b15e; font-size: 9px; font-weight: 900; } .newsitem p{margin: 10px 10px 15px 10px;} /********************** Best DJ's ***************************/ #dj { background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/line.jpg); background-repeat: no-repeat; background-position: left top; padding: 30px 0px 0px 110px; } #dj img{border:0px;} #dj a{border:0px;float:left;} #dj a:hover{} /********************** Footer ***************************/ #footer { background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/line.jpg); background-repeat: no-repeat; background-position: left top; padding: 10px 10px 10px 110px; text-align:center; }