Arkadasalr Top list Tasarimi arayan kısıler var sizlere yayınlıyorum gule gule kullanın..
Tasarim Ustu
<table border="0" cellspacing="0" cellpadding="0" width="898" align="center"> <tbody> <tr> <td> <table border="0" cellspacing="0" cellpadding="0" width="898" align="center"> <tbody> <tr> <td height="100" valign="top" width="200"><img alt="http://www.bs-aktif.tr.gg/" width="200" height="100" src="http://img.webme.com/pic/b/bs-aktif/bs-pluslogo.png" _fcksavedurl="http://img.webme.com/pic/b/bs-aktif/bs-pluslogo.png" /></td> <td valign="top" width="116"> </td> <td valign="middle" width="468"><a href="http://www.bs-aktif.tr.gg/reklam.htm" _fcksavedurl="http://www.bs-aktif.tr.gg/reklam.htm"><img alt="" width="468" height="60" src="http://img.webme.com/pic/b/bs-aktif/23a2.png" _fcksavedurl="http://img.webme.com/pic/b/bs-aktif/23a2.png" /></a></td> <td valign="top" width="114"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td height="83" valign="top" background="http://img.webme.com/pic/b/bs-aktif/gritoplist_01.png"> <table border="0" cellspacing="0" cellpadding="0" width="855" align="center" height="37"> <tbody> <tr> <td><div id="menu"> <ul> <li><a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" class="secim">Ana Menü</a> <ul> <li><a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/">Ziyaretçi Defteri</a></li> <li><a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/">Top-List</a></li> <li><a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/">Sohbet</a></li> </ul> </li> <li><a href="#" _fcksavedurl="#" class="secim">Bilinmesi Gerekenler</a> <ul> <li><a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/">Google Nedir ?</a></li> <li><a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/">PageRank nedir ?</a></li> <li><a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/">Seo Nedir ?</a></li> <li><a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/">İndex ne işe yarar ?</a></li> <li><a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/">Google hakkında ?</a></li> <li><a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/">Yahoo Nedir ?</a></li> <li><a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/">Bing Nedir ?</a></li> <li><a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/">Alexa hakkında ?</a></li> <li><a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/">Biz kimiz ?</a></li> </ul> </li> <li><a href="#" _fcksavedurl="#" class="secim">Siteni Ekle.</a> <ul> <li><a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/">Ana Sayfa'ya Ekle.</a></li> <li><a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/">Top-List'e Kayıt ol.</a></li> </ul> </li> <li><a href="#" _fcksavedurl="#" class="secim">Diğer bilgiler.</a> <ul> <li><a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/">HTML Nedir ?</a></li> <li><a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/">Php nedir ?</a></li> <li><a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/">JavaScript nedir ?</a></li> <li><a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/">Css Nedir ?</a></li> <li><a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/">ASP Nedir ?</a></li> <li><a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/">Yardımcı Siteler.</a></li> </ul> </li> <li><a href="#" _fcksavedurl="#" class="secim">Dersler</a> <ul> <li><a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/">PhotoShop dersleri</a></li> <li><a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/">Bedava-Sitem dersleri.</a></li> <li><a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/">Dreaweaver dersleri.</a></li> <li><a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/">Başını vermeyen şehit</a></li></ul> </li> </ul> </div> </td> </tr> </tbody> </table> <table border="0" cellspacing="0" cellpadding="0" width="870" align="center"> <tbody> <tr> <td width="72"> </td> <td width="798"> </td> </tr> <tr> <td height="24"> </td> <td>Site ekleme başlamıştır. | Tasarım ve içerikler Daha sonra eklenecektir.</td> </tr> </tbody> </table> </td> </tr> <tr> <td height="151" valign="top" background="http://img.webme.com/pic/b/bs-aktif/gritoplist_02.png"> <table border="0" cellspacing="0" cellpadding="0" width="875" align="center"> <tbody> <tr> <td> <div id="content"></div>
Tasarim Alti
</td> </tr> </tbody> </table> </td> </tr> <tr> <td height="14" background="http://img.webme.com/pic/b/bs-aktif/gritoplist_03.png"></td> </tr> </tbody> </table>
Css
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;} table {margin-left: auto;margin-right: auto} img { border: 0px } body,td,th { font-family: tahoma; font-size: 14px; color: #000000; font-weight: normal; } body { background: #ccc url(http://img.webme.com/pic/b/bs-aktif/13.gif); } a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #333399; font-weight: normal; } a:link { color: black; text-decoration: none; } a:visited { text-decoration: none; color: black; } a:hover { text-decoration: none; color: black; } #kommentartext { background-image:url(yorum arkaplan url); } /*MENU*/ #menu { font:14px arial, verdana, sans-serif; width:720px } #menu ul { list-style:none; margin:0; padding:5px; border-radius:5px; } #menu li { list-style:none; padding:0; margin:0; float:left; position:relative; } #menu a { color:#ca0909; text-decoration:none; padding:4px; display:block; text-shadow:0px 1px 2px #000; margin:0px 10px 0px 10px; } #menu a:hover { color:#fff; text-decoration:none; padding:4px; background:#333; border-radius:3px; display:block; } #menu li ul { display:none; position:absolute; padding:0px; margin:0px; } #menu li:hover > ul { display:block; position:absolute; padding:0px 0px 0px 0px; margin:0px 10px 0px 10px; width:150px; left:0 } #menu ul ul { border-radius: 5px; box-shadow:0px 1px 2px #2e83ff; width:150px; margin:0px 10px 0px 10px; border:1px solid #777; } #menu ul ul li { display:block; float:none; } #menu ul ul a { display:block; color: #fff; font:14px/20px arial, verdana, sans-serif; margin:0; background:#888; } #menu ul ul a:hover { background:#ca0909; color:#fff; }
