TASARIMIN ÜZERİNE
<div id="header"> <div id="logo"> <h1><a href="http://www.cssyapim.tr.gg">Newfangled</a></h1> <h2><a href="http://www.cssyapim.tr.gg">CSS-YAPİM</a></h2> </div> <div id="menu"> <ul> <li class="active"><a href="#" title="">Homepage</a></li> <li><a href="#" title="">About Us</a></li> <li><a href="#" title="">Products</a></li> <li><a href="#" title="">Clients</a></li> <li><a href="#" title="">Support</a></li> </ul> </div> </div> <div id="content">

TASARIMIN ALTINA
</div> <!-- end #sponsors --> <div id="ad120x600"><a href="#"><img src="images/ad_120x600.jpg" alt="" width="120" height="600" /></a></div> </div> <div style="clear: both;">&nbsp;</div> </div> <!-- end #sidebar2 --> <!-- end #content --> <div id="footer"> <p id="legal">Copyright &copy; 2008-2009CSS YAPİM. Designed by <a href="http://www.cssyapim.tr.gg">CSS YAPİM</a>.</p> <p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a></p> </div>

CSS KODUNA
/* 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; font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666666; } h1, h2, h3 { color: #333333; } h2 { } h3 { font-size: 1em; } p, blockquote, ul, ol { margin-bottom: 1.5em; line-height: 1.65em; text-align: justify; } p { } blockquote { margin-left: 2em; margin-right: 2em; font-style: italic; } ul { margin-left: 3em; } ul li { } ol { margin-left: 3em; } ol li { } a { text-decoration: underline; color: #3E9722; } a:hover { text-decoration: none; color: #E58C24; } img { border: none; } img.left { float: left; margin: 5px 20px 0 0; } img.right { float: right; margin: 5px 0 0 20px; } /* Boxed Style */ .boxed { } .boxed .title { background: #3C74E6 url(http://www.ww64.com/uploads/images/2008-09-29/lNT0ok89sD.gif) repeat-x; } .boxed .title h2 { height: 28px; padding: 12px 0 0 20px; text-transform: uppercase; font-size: 1em; color: #FFFFFF; } .boxed .content { padding: 20px; border-top: 1px solid #FFFFFF; background: url(http://www.ww64.com/uploads/images/2008-09-29/Kn5AU33wQ6.gif) repeat-x; } /* Post */ .post { } .post .title { background: #3C74E6 url(http://www.ww64.com/uploads/images/2008-09-29/lNT0ok89sD.gif) repeat-x; font-size: 1em; text-transform: uppercase; color: #FFFFFF; } .post .title span { display: block; height: 28px; padding: 12px 0 0 20px; } .post .date { margin-top: -25px; padding-bottom: 10px; padding-right: 20px; text-align: right; font-size: x-small; color: #FFFFFF; } .post .date .month { } .post .date .day { } .post .date .year { } .post .meta { clear: both; } .post .meta p { margin: 0; padding: 10px 20px 40px 20px; border-top: 1px dotted #CCCCCC; line-height: normal; font-size: x-small; } .post .story { padding: 20px; border-top: 1px solid #FFFFFF; background: url(http://www.ww64.com/uploads/images/2008-09-29/Kn5AU33wQ6.gif) repeat-x; } /* Header */ #header { width: 920px; height: 120px; margin: 0 auto; padding: 20px 20px 0 20px; background: #CAE646 url(http://www.ww64.com/uploads/images/2008-09-29/c1JEDswR3o.jpg) no-repeat; } /* Header > Logo */ #logo { float: left; width: 240px; height: 50px; } #logo h1 { float: left; margin: 0; padding: 50px 0 0 0; font-size: 2.6em; } #logo h2 { float: left; margin-top: -5px; font-size: 1em; } #logo a { text-decoration: none; color: #000000; } /* Header > Menu */ #menu { float: right; } #menu ul { margin: 0; padding-top: 79px; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; width: 120px; height: 30px; margin-left: 2px; padding-top: 10px; background: url(http://www.ww64.com/uploads/images/2008-09-29/T2fzMU1XQK.gif) no-repeat; text-decoration: none; text-align: center; font-weight: bold; color: #000000; } #menu a:hover { background-image: url(http://www.ww64.com/uploads/images/2008-09-29/KqjJOPIULz.gif); } #menu .active a { background-image: url(http://www.ww64.com/uploads/images/2008-09-29/OQ6xRQeOWS.gif); } /* Content */ #content { width: 920px; margin: 0 auto; padding: 20px; background: url(http://www.ww64.com/uploads/images/2008-09-29/B0E1CPmgMH.jpg) no-repeat; border-top: 1px solid #FFFFFF; } /* Content > Main */ #main { float: left; width: 480px; padding-left: 20px; } /* Content > Main > Welcome */ #welcome { } /* Content > Main > Example */ #example { } /* Content > Sidebar */ #sidebar { float: left; width: 220px; } #sidebar .boxed .title h2 { background: url(http://www.ww64.com/uploads/images/2008-09-29/NLzdAAZgxB.gif) no-repeat; } /* Content > Sidebar > Login */ #login { } #login form { } #login fieldset { border: none; } #login legend { display: none; } #login label { display: block; } #login input { margin-bottom: 10px; padding: 2px 5px; font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666666; } #inputtext1, #inputtext2 { width: 160px; } #inputsubmit1 { margin: 0; padding: 0; } /* Content > Sidebar > Updates*/ #updates { } #updates ul { margin: 0; list-style: none; } #updates h3 { font-size: .8em; } #updates p { line-height: normal; font-size: .8em; } #updates a { text-decoration: none; } /* Content > Sidebar2 */ #sidebar2 { float: left; width: 180px; padding-left: 20px; } #sidebar2 .boxed .title h2 { background: url(http://www.ww64.com/uploads/images/2008-09-29/0Ui1aMpdGX.gif) no-repeat right top; } /* Content > Sidebar2 > Sponsors */ #sponsors { } #sponsors ul { margin-left: 0; padding-left: 0; list-style: inside; } /* Content > Sidebar2 > ad120x600 */ #ad120x600 { text-align: center; } /* Footer */ #footer { clear: both; width: 960px; height: 80px; margin: 0 auto; padding: 20px 0; background: url(http://www.ww64.com/uploads/images/2008-09-29/B0E1CPmgMH.jpg) no-repeat; } #footer p { margin: 0; text-align: center; line-height: normal; font-size: x-small; } #footer a { text-decoration: underline; color: #666666; } #footer a:hover { text-decoration: none; } /* Footer > Legal */ #legal { } /* Footer > Links */ #links { }