TASARIM ÜSTÜ
<div id="paper_left"> <div id="paper_right"> <div id="layout_wrapper"> <div id="layout_container"> <div id="layout_content"> <div id="site_title"> <h1><a href="#">Grunge Superstar</a></h1> <h2>A dirty, monochrome, single-column website template.</h2> </div> <div id="header_image"></div> <div class="navigation"> <ul> <li class="current_page_item"><a href="index.html">Posts page</a></li> <li><a href="comments.html">Post comments</a></li> <li><a href="page.html">Sample test page</a></li> <li><a href="archives.html">Archives</a></li> <li><a href="empty.html">Empty page</a></li> </ul> <div class="clearer"> </div> </div> <!-- Note: Uncomment this section to display subnavigation <div class="clearer">&nbsp;</div> <div class="navigation" id="subnav"> <ul> <li><a href="#">Subnav item 1</a></li> <li><a href="#">Subnav item 2</a></li> <li><a href="#">Subnav item 3</a></li> </ul> <div class="clearer">&nbsp;</div> </div> --> <div id="main"> <div class="post"> <div class="post_top"> <div class="post_title"><h2><a href="#">HackeR FrienD.Net</a></h2></div> <div class="post_date">Jun 13, 2006 by Vulputate</div> </div> <div class="post_body">

TASARIM ALTI
</div> <div class="post_metadata"> <div class="content"> Buraya "Bilgi Güçtür, Paylaştıkça Büyür!" gibi sitenizin sloganını ekleyebilirsiniz. </div> </div> </div> </div> <div id="bottom"> <div class="left col3"> <h2>Tincidunt</h2> <ul> <li><a href="index.html">consequat molestie</a></li> <li><a href="index.html">sem justo</a></li> <li><a href="index.html">semper</a></li> <li><a href="index.html">magna sed purus</a></li> <li><a href="index.html">tincidunt</a></li> </ul> </div> <div class="left col3"> <h2>Sed purus</h2> <ul> <li><a href="index.html">sem justo</a></li> <li><a href="index.html">magna sed purus</a></li> <li><a href="index.html">tincidunt</a></li> <li><a href="index.html">semper</a></li> <li><a href="index.html">consequat molestie</a></li> </ul> </div> <div class="right col3last"> <h2>Praesent</h2> <ul> <li><a href="index.html">semper</a></li> <li><a href="index.html">consequat molestie</a></li> <li><a href="index.html">magna sed purus</a></li> <li><a href="index.html">sem justo</a></li> <li><a href="index.html">tincidunt</a></li> </ul> </div> <div class="clearer"> </div> </div> <div id="footer"> <div class="left">© 2008 Website name</div> <div class="right">Design by <a href="http://arcsin.se/">Arcsin</a> <a href="http://templates.arcsin.se/">Web Templates</a></div> <div class="clearer"> </div> </div> </div> </div> </div> </div> </div>

CSS