eski kolar
Csstable {margin-left: auto;margin-right: auto}
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: 0 auto;
margin-right:0 auto;
background: url(http://www.backgroundlabs.com/backgrounds/204.jpg) top center fixed;
}
#tasarim{
width: 1000px;
margin-left: 0 auto;
margin-right:0 auto;
}
#ust{
margin-left: 0 auto;
margin-right:0 auto;
background: url(https://img.webme.com/pic/c/cssadam/untitled-1_03.gif);
width: 1050px;
height: 81px;
float: left;
}
#orta{
margin-left: 0 auto;
margin-right:0 auto;
background: url(https://img.webme.com/pic/c/cssadam/untitled-1_04.gif);
width: 1024px;
height: 315%;
float: left;
}
.solsutun{
width:250px;
float: left;
padding: 0 0 0 30px;
overflow: hidden;
}
.sagsutun {
width:600px;
float: left;
padding: 0 0 0 40px;
overflow: hidden;
text-align: justify;
}
#alt{
margin-left: 0 auto;
margin-right:0 auto;
background: url(https://img.webme.com/pic/c/cssadam/untitled-1_05.gif);
width: 1024px;
height: 170px;
float: left;
}
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.arrowlistmenu{
width: 180px; /*width of menu*/
}
.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}
.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: #003300;
background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}
.arrowlistmenu ul li a:visited{
color: #003300;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #ffffff;
background-color: #003300;
}
</style>
tsüstü
<center>
<div id="tasarim">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td height="188" background="https://img.webme.com/pic/c/cssadam/untitled-1_01.gif" width="440"> </td>
<td height="188" background="https://img.webme.com/pic/c/cssadam/sa.gif" width="601"></td>
</tr>
</tbody>
</table>
<div id="ust"><table height="38" width="503" cellspacing="1" cellpadding="1" border="0" style="">
<tbody>
<tr>
<td bgcolor="#066630" bordercolor="#ffffff"><a href="http://cssadam.tr.gg/dosya-indirme.htm"><span style="color: rgb(255, 255, 255);">Rapidshareden dosya indiremiyormusunuz ozaman bu dersimize bakın</span></a></td>
<td bgcolor="#066630" bordercolor="#ffffff"><script type="text/javascript" src="http://widgets.amung.us/small.js"></script><script type="text/javascript">WAU_small('fxd2w5w9dqcg')</script></td>
</tr>
</tbody>
</table></div>
<div id="orta">
<div class="solsutun"><div class="arrowlistmenu">
<h3 class="headerbar">Menü</h3>
<ul>
<li style="text-align: left;"><a href="http://cssadam.tr.gg">Anasayfa</a></li>
<li style="text-align: left;"><a href="http://cssadam.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">İletişim</a></li>
<li style="text-align: left;"><a href="http://cssadam.tr.gg/Top-liste.htm">Toplist</a></li>
<li style="text-align: left;"><a href="http://cssadam.tr.gg/Yararl%26%23305%3B-siteler.htm">Yararlı siteler</a></li>
</ul>
<h3 class="headerbar" style="text-align: left;">Tasarımlar</h3>
<ul>
<li style="text-align: left;"><a href="http://cssadam.tr.gg/Free-css.htm">Profesyonel css tasarımlar</a></li>
<li style="text-align: left;"><a href="http://cssadam.tr.gg/%26%23305%3Bce-blue-karma.htm">iceblue karma</a></li>
<li style="text-align: left;"><a href="http://cssadam.tr.gg/arka-planlar.htm">Arkaplanlar</a></li>
<li style="text-align: left;"><a href="http://cssadam.tr.gg/iconlar.htm">İcon arşiv</a></li>
<li style="text-align: left;"><a href="http://cssadam.tr.gg/haz%26%23305%3Br-kodlar.htm">hazır kodlar</a></li>
</ul>
<h3 class="headerbar" style="text-align: left;">CSS Dersler</h3>
<ul>
<div style="text-align: left;"> </div>
<li><a href="http://cssadam.tr.gg/cssoptimizer.htm">Css Kodlarınızı Küçültün</a></li>
<li style="text-align: left;"><a href="http://cssadam.tr.gg/photoshop-ara%E7lar%26%23305%3B-tan%26%23305%3Byal%26%23305%3Bm.htm">Photoshopta Araçları Tanıyalım</a></li>
<li style="text-align: left;"><a href="http://cssadam.tr.gg/photoshop-p.ue.fler.htm">Photoshopta Dikkatetmemiz Gereken Noktalar</a></li>
<li style="text-align: left;"><a href="http://cssadam.tr.gg/xph%26%23305%3Bzland%26%23305%3Brmay.oe.ntemi.htm">Xp'nizi 4 Adımda Hızlandırın</a></li>
<li style="text-align: left;"><a href="http://cssadam.tr.gg/Yapt%26%23305%3B%26%23287%3B%26%23305%3Bn%26%23305%3Bz-Cd-h-lere-autorun-ekleyin.htm">Cd'lere Autorun Ekleyin<span style="font-size: small;"><strong><br />
</strong></span></a><a href="http://cssadam.tr.gg/ipu%E7lar%26%23305%3B.htm">Xp ipuçları</a></li>
<li style="text-align: left;"><a href="http://cssadam.tr.gg/csstasar%26%23305%3Bmlar%26%23305%3B-sitemize-uygulayal%26%23305%3Bm.htm"> Tasarımları Sitemize Nasıl Uygularız?</a></li>
<li style="text-align: left;"><a href="http://cssadam.tr.gg/ger%E7ek-spot-%26%23305%3B%26%23351%3B%26%23305%3B%26%23287%3B%26%23305%3B-eklemek.htm">Resminize Spot Işığı Ekleyin</a></li>
<li style="text-align: left;"><a href="http://cssadam.tr.gg/warped-efekti.htm">Resminize Warped Efekti Ekleyin</a></li>
<li style="text-align: left;"><a href="http://cssadam.tr.gg/bir-cismi-hareket-ettirmek.htm"> Bir Cismi Hareket Ettirin</a></li>
<li style="text-align: left;"><a href="http://cssadam.tr.gg/sitene-shots-snap--olu%26%23351%3Btur.htm">Sitene Shots Dnap Oluştur...</a></li>
</ul>
</div>
</div>
<div class="sagsutun">
ts altı
</div>
</div>
<div id="alt">
<table cellspacing="1" cellpadding="1" border="0" style="width: 445px; height: 12px;">
<tbody>
<tr>
<td bgcolor="#666600"><!-- Zirve100 kodu baslangici --> <script type="text/javascript" src="http://zirve100.com/CounterV4.js"></script> <script type="text/javascript">Zirve100_Counter_Main(258632, 4);</script> <!-- Zirve100 kodu sonu --> <!-- Optional backlink start --> <span style="font-size: 11px; font-family: Arial;"><br />
Zirve100 <a href="http://www.zirve100.com/">Toplist</a></span> <!-- Optional backlink end --></td>
<td bgcolor="#666600"><!--Webdiyari.Net Banner--> <a title="toplist, site ekle, toplıst, top lıst" href="http://www.webdiyari.net/?ref=" target="_blank"><img border="0" alt="" src="http://www.webdiyari.net/logo/banner/88x31.gif" style="width: 88px; height: 31px;" /></a> <!--Banner Sonu--></td>
<td bgcolor="#666600"><!--Toplistim.com sayaç kodu başlangıcı--> <span id="toplistimBanner"> <a title="biber hapı" href="http://www.biberhapizayiflama.com">biber hapı</a> <script language="javascript"> var siteadit="yusf";</script> <script language="javascript" src="http://www.toplistim.com/sayac.js"></script> <noscript><a href="http://www.toplistim.com/" title="toplist">toplist</a>
</noscript></span> <!--Toplistim.Com sayaç kodu bitişi--></td>
<td bgcolor="#666600"><!-- REALIST - Sayac Kodu --> <script language="JavaScript" type="text/javascript" src="http://www.realist.gen.tr/realist.php?id=58233">
</script> <!-- REALIST - Alternatif Link --> <span style="font-size: 8px; font-family: Arial;"><br />
<a href="http://www.realist.gen.tr/listele/1/13/bilgisayar-internet-webtasarim.htm">Bilgisayar İnternet WebTasarım</a></span> <!-- REALIST - Kod Sonu --></td>
<td bgcolor="#666600"><a href="http://www.genctoplist.com/" target="_blank"> <img border="0" src="http://www.genctoplist.com/button.php?u=yusf" alt="Genç Toplist | Pr:4 Toplist | Site Ekle | Toplist | Link Ekle | Hit Kazandıran Toplist" /> </a></td>
<td bgcolor="#666600"><a href="http://www.eurolope.Com/link.asp?sitegel=10837"><span style="font-size: x-small;">eurolope.com</span></a></td>
<td bgcolor="#666600"><a href="http://www.toplistekle.org/"><span style="font-size: x-small;"><br />
</span></a></td>
<td bgcolor="#666600"><!--toplist5.com-sayac-kodu-baslangici--> <script type="text/javascript" language="javascript"> var user="yusf";</script>
<div style="display: none;"><a href="http://www.toplist5.com">toplist</a></div>
<script type="text/javascript" language="javascript" src="http://www.toplist5.com/sayac.js"></script> <!--toplist5.com-sayac-kodu-bitisi--> </td>
<td bgcolor="#666600"><a title="toplist" target="_blank" href="http://www.iyisayfa.net"><script language="javascript" src="http://www.iyisayfa.net/sayac.php?site=136&ikon=1"></script></a></td>
<td bgcolor="#666600"><!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t50.6;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet' "+
"border='0' width='31' height='31'></a>")
//--></script><!--/LiveInternet--></td>
</tr>
</tbody>
</table>
</div>