TASARIMIN ÜZERİNE
<div id="header"> <div id="logo"> <h1><a href="#">Site Adı</a></h1> <h2><a href="http://www.cssyapim.tr.gg">By Css-Yapim , Css- Sehri</a></h2> </div> <div id="menu"> <ul> <li class="first"><a href="#" title="">About Us</a></li> <li><a href="#" title="">Products</a></li> <li><a href="#" title="">Services</a></li> <li><a href="#" title="">Clients</a></li> <li><a href="#" title="">Support</a></li> </ul> </div> <div id="ad468x60"><a href="#"><img src="http://img168.imageshack.us/img168/8315/reklam1lo4.png" alt="" width="468" height="60" /></a></div> </div> <div id="page"> <div id="content">

 TASARIMIN ALTINA
</div> <!-- end #content --> <div id="sidebar"> <div class="boxed"> <div class="content"> </div> </div> </div> <!-- end #sidebar --> </div> <!-- end #page --> <div style="clear: both;"> </div> <div id="footer"> <p id="legal">Copyright © 2008-9 Css-Sehri ve Css-Yapim Designd By :<a href="http://www.css-yapim.tr.gg">Css Tasarımcıları </a>.</p> <p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a></p> </div>

 CSS KODUNA
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;} /* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */ * { margin: 0; padding: 0; } body { margin: 20px 0; background: #FFFFFF url(http://www.ww64.com/uploads/images/2008-09-25/w4NuplP8WJ.gif) repeat-x; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; } h1, h2, h3 { color: #000000; } p, blockquote, ul, ol { margin-bottom: 1.8em; line-height: 160%; } a { color: #000000; } a:hover { text-decoration: none; } img { border: none; } img.left { float: left; margin: 0 15px 0 0; } img.right { float: right; margin: 0 0 0 15px; } .boxed { } .heading { height: 30px; padding: 14px 0 0 20px; background: #004BD7; text-transform: uppercase; font-size: 12px; color: #FFFFFF; } .content { padding: 20px; } /* Header */ #header { width: 765px; height: 260px; margin: 0 auto; background: url(http://www.ww64.com/uploads/images/2008-09-25/zAznhx4ys1.gif) no-repeat right top; } #logo { float: left; width: 260px; height: 250px; background: url(http://www.ww64.com/uploads/images/2008-09-25/w4NuplP8WJ.gif) no-repeat; text-transform: uppercase; } #logo h1 { margin-right: 30px; padding: 110px 0 0 40px; background: url(http://www.ww64.com/uploads/images/2008-09-25/LkFfwGu2Eh.gif) no-repeat 100% 95px; font: normal 30px Impact, Arial, Helvetica, sans-serif; } #logo h2 { padding: 0 0 0 42px; letter-spacing: 2px; font: bold 8px Tahoma, Arial, Helvetica, sans-serif; } #logo a { text-decoration: none; color: #FFFFFF; } #ad468x60 { float: right; padding: 28px 32px 0 0; } /* Menu */ #menu { float: right; } #menu ul { margin: 0; padding: 30px 20px 20px 0; list-style: none; } #menu li { display: inline; } #menu a { padding: 0 10px 0 16px; background: url(http://www.ww64.com/uploads/images/2008-09-25/b2GcaJmNGb.gif) no-repeat left center; text-transform: uppercase; text-decoration: none; font: bold 8px Tahoma, Arial, Helvetica, sans-serif; color: #004BD7; } #menu a:hover { text-decoration: underline; } #menu .first a { background: none; } /* Page */ #page { width: 760px; margin: 0 auto; } /* Content */ #content { float: right; width: 503px; } #content .heading { background: #004BD7 url(http://www.ww64.com/uploads/images/2008-09-25/bUVApC4RwT.gif) no-repeat; } #content ul, #content ol { margin-left: 3em; } /* Sidebar */ #sidebar { float: left; width: 223px; padding-left: 20px; } #sidebar .heading { background: #004BD7 url(http://www.ww64.com/uploads/images/2008-09-25/SoHSOM3Ew7.gif) no-repeat; } #sidebar li { margin-bottom: 1.5em; } /* Footer */ #footer { width: 765px; height: 59px; margin: 0 auto; background: #E50606 url(http://www.ww64.com/uploads/images/2008-09-25/JHKzOHD5xI.gif) no-repeat; text-align: center; font-size: 77%; color: #000000; } #legal { margin: 0; padding: 20px 0 0 0; line-height: normal; color: #FFFFFF; } #legal a { color: #FFFFFF; } #links { margin: 0; padding: 30px 0; line-height: normal; }