Bu Bölümde B-S tasarımlarını paylasıyoruz

<div id="tasarim"> <div id="baslik"></div> <div id="ust"></div> <div id="orta"> <div class="solsutun">
<div class="urbangreymenu">

<h3 class="headerbar">MENÜ</h3>
<ul>
<li><a href="http://devrim-fan.tr.gg/Ana-Sayfa.htm">Anasayfa</a></li>
<li><a href="http://devrim-fan.tr.gg/Ziyaret%E7i-defteri.htm">Ziyaretçi Defteri </a></li>
<li><a href="http://devrim-fan.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">İletişim</a></li>
<li><a href="http://devrim-fan.tr.gg/devrim_fan-Forum/index.htm">Forum</a></li>
<li><a href="http://devrim-fan.tr.gg/sohbet-odas%26%23305%3B.htm">Sohbet Odası </a></li>
<li><a href="http://devrim-fan.tr.gg/HAKKIMIZDA.htm">Hakkımda</a></li>
<li><a href="http://devrim-fan.tr.gg/destek%E7imiz-olun.htm">Destekçimiz Olun </a></li>
<li><a href="http://devrim-fan.tr.gg/Dost-s%26%23305%3Bte.htm">Dost Site</a></li>
<li><a href="http://devrim-fan.tr.gg/-Oe-neriler_Istek.htm">Öneriler/İstek</a></li>
</ul>

<h3 class="headerbar">SİTEN İÇİN</h3>
<ul>
<li><a href="http://devrim-fan.tr.gg/TaSaR%26%23305%3BMlAR.htm" >Tasarımlar</a></li>
<li><a href="http://devrim-fan.tr.gg/HTML-KODLAR.htm">Html Kodları </a></li>
<li><a href="http://devrim-fan.tr.gg/banner-yap.htm">Banner Yap </a></li>
<li><a href="http://devrim-fan.tr.gg/Men.ue.ler.htm">Menü Kodları</a></li>
<li><a href="http://devrim-fan.tr.gg/ikon-arsivi.htm">İkon Arşivi</a></li>
<li><a href="http://devrim-fan.tr.gg/Avatarlar.htm">Avatarlar</a></li>      
</ul>

</div>
</div> <div class="sagsutun"><br />

</div> </div> <div id="alt"></div> </div>

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;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background: url() top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #baslik{ margin-left: auto; margin-right: auto; background: url(); width: 1007px; height: 143px; float: left; text-align: center; padding: 0px 0 0 0; font-size: 15px; color: #000000; font-family: Verdana; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img.webme.com/pic/t/tasarimnetr/tas6_01.gif); width: 1007px; height: 215px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img.webme.com/pic/t/tasarimnetr/tas6_02.gif); width: 1007px; height: 393%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 15px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 50px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img.webme.com/pic/d/devrim-fan/tas6_03.gif); width: 1007px; height: 160px; float: left; } #kommentartext { background-image:url(); }
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbangreymenu{
width: 190px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

</style>