Bedava-Sitem Toplist Tasarımı

Merhaba WebPaylaşım Ziyaretçileri,

Bugun sizlerle ilk kez Bedava-Sitem teması ile karşınızdayız. Bu tema Bedava Sitemde toplist sitesi açanlara çok güzel bir tasarım(tema). Bu tasarımı beğeneceğinizde fazlasıyla eminim. Neyse daha fazla konuşmadan konuma geçmek istiyorum.

İlk önce bir resim

[caption id="attachment_495" align="alignnone" width="300"]´bedava sitem bedava sitem[/caption]

Kodlarımıza geçelim :

Tasarım Üstü :

[xml]<br />
&lt;table border="0" cellspacing="0" cellpadding="0" width="898" align="center"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt; &lt;table border="0" cellspacing="0" cellpadding="0" width="898" align="center"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td height="100" valign="top" width="200"&gt;&lt;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" _fcksavedurl="http://img.webme.com/pic/b/bs-aktif/bs-pluslogo.png" /&gt;&lt;/td&gt; &lt;td valign="top" width="116"&gt; &lt;/td&gt; &lt;td valign="middle" width="468"&gt;&lt;a href="http://www.bs-aktif.tr.gg/reklam.htm" _fcksavedurl="http://www.bs-aktif.tr.gg/reklam.htm" _fcksavedurl="http://www.bs-aktif.tr.gg/reklam.htm"&gt;&lt;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" _fcksavedurl="http://img.webme.com/pic/b/bs-aktif/23a2.png" /&gt;&lt;/a&gt;&lt;/td&gt; &lt;td valign="top" width="114"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td height="83" valign="top" background="http://img.webme.com/pic/b/bs-aktif/gritoplist_01.png"&gt; &lt;table border="0" cellspacing="0" cellpadding="0" width="855" align="center" height="37"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;&lt;div id="menu"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" class="secim"&gt;Ana Menü&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/"&gt;Ziyaretçi Defteri&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/"&gt;Top-List&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/"&gt;Sohbet&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#" _fcksavedurl="#" _fcksavedurl="#" class="secim"&gt;Bilinmesi Gerekenler&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/"&gt;Google Nedir ?&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/"&gt;PageRank nedir ?&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/"&gt;Seo Nedir ?&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/"&gt;İndex ne işe yarar ?&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/"&gt;Google hakkında ?&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/"&gt;Yahoo Nedir ?&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/"&gt;Bing Nedir ?&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/"&gt;Alexa hakkında ?&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/"&gt;Biz kimiz ?&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#" _fcksavedurl="#" _fcksavedurl="#" class="secim"&gt;Siteni Ekle.&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/"&gt;Ana Sayfa'ya Ekle.&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/"&gt;Top-List'e Kayıt ol.&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#" _fcksavedurl="#" _fcksavedurl="#" class="secim"&gt;Diğer bilgiler.&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/"&gt;HTML Nedir ?&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/"&gt;Php nedir ?&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/"&gt;JavaScript nedir ?&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/"&gt;Css Nedir ?&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/"&gt;ASP Nedir ?&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/"&gt;Yardımcı Siteler.&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#" _fcksavedurl="#" _fcksavedurl="#" class="secim"&gt;Dersler&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/"&gt;PhotoShop dersleri&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/"&gt;Bedava-Sitem dersleri.&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/"&gt;Dreaweaver dersleri.&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/" _fcksavedurl="http://www.bs-aktif.tr.gg/"&gt;Başını vermeyen şehit&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;table border="0" cellspacing="0" cellpadding="0" width="870" align="center"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td width="72"&gt; &lt;/td&gt; &lt;td width="798"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td height="24"&gt; &lt;/td&gt; &lt;td&gt;Site ekleme başlamıştır. | Tasarım ve içerikler Daha sonra eklenecektir.&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td height="151" valign="top" background="http://img.webme.com/pic/b/bs-aktif/gritoplist_02.png"&gt; &lt;table border="0" cellspacing="0" cellpadding="0" width="875" align="center"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt; &lt;div id="content"&gt;&lt;/div&gt;<br />
[/xml]

Tasarım Altı :

[xml]<br />
&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td height="14" background="http://img.webme.com/pic/b/bs-aktif/gritoplist_03.png"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt;<br />
[/xml]

CSS Kısmına :

[xml]<br />
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 &gt; 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; }<br />
[/xml]

Ana Sayfa Kodu :

[xml]<br />
&lt;table border="0" cellspacing="0" cellpadding="0" width="760" background="http://bs-plus.tr.gg/" style="margin-left: auto; margin-right: auto; color: rgb(0, 0, 0); font-family: tahoma; font-size: 14px; text-align: start; background-color: rgb(204, 204, 204); "&gt;<br />
&lt;tbody&gt;<br />
&lt;tr&gt;<br />
&lt;td style="color: rgb(255, 255, 255); text-align: center; background-image: url(http://img.webme.com/pic/b/bs-plus/bsplusanasayfabaslik.png); height: 20px; text-shadow: rgb(255, 255, 255) 0px 0px 2px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; "&gt;PageRank +2 ve &amp;uuml;st&amp;uuml;.&lt;/td&gt;<br />
&lt;td style="color: rgb(255, 255, 255); text-align: center; background-image: url(http://img.webme.com/pic/b/bs-plus/bsplusanasayfabaslik.png); height: 20px; text-shadow: rgb(255, 255, 255) 0px 0px 2px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; "&gt;Genel Siteler.&lt;/td&gt;<br />
&lt;td style="color: rgb(255, 255, 255); text-align: center; background-image: url(http://img.webme.com/pic/b/bs-plus/bsplusanasayfabaslik.png); height: 20px; text-shadow: rgb(255, 255, 255) 0px 0px 2px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; "&gt;Paylaşım Siteleri.&lt;/td&gt;<br />
&lt;/tr&gt;<br />
&lt;tr&gt;<br />
&lt;td height="235" valign="top" width="253" align="center" bgcolor="#ffffff"&gt;<br />
&lt;div style="width: 255px; height: 215px; overflow: auto; "&gt;&lt;br /&gt;<br />
&lt;a target="_blank" href="http://bs-plus.tr.gg/siteni-ekle.htm" style="font-family: Verdana, Arial, Helvetica, sans-serif; color: black; text-decoration: none; "&gt;bsmaker.tr.gg&lt;/a&gt;&lt;br /&gt;<br />
&lt;br /&gt;<br />
&amp;nbsp;&lt;/div&gt;<br />
&lt;/td&gt;<br />
&lt;td height="235" valign="top" width="253" align="center" bgcolor="#ffffff"&gt;<br />
&lt;div style="width: 282px; height: 235px; overflow: auto; "&gt;&lt;br /&gt;<br />
&lt;a target="_blank" href="http://bs-plus.tr.gg/siteni-ekle.htm" style="font-family: Verdana, Arial, Helvetica, sans-serif; color: black; text-decoration: none; "&gt;flazy.tr.gg&lt;/a&gt;&lt;br /&gt;<br />
&amp;nbsp;&lt;/div&gt;<br />
&lt;/td&gt;<br />
&lt;td height="235" valign="top" width="254" align="center" bgcolor="#ffffff"&gt;<br />
&lt;div style="width: 280px; height: 235px; overflow: auto; "&gt;&lt;br /&gt;<br />
&lt;a target="_blank" href="http://bs-plus.tr.gg/siteni-ekle.htm" style="font-family: Verdana, Arial, Helvetica, sans-serif; color: black; text-decoration: none; "&gt;herseyburada-38.tr.gg&lt;/a&gt;&lt;br /&gt;<br />
&amp;nbsp;&lt;/div&gt;<br />
&lt;/td&gt;<br />
&lt;/tr&gt;<br />
&lt;tr&gt;<br />
&lt;/tr&gt;<br />
&lt;/tbody&gt;<br />
&lt;/table&gt;<br />
&lt;table border="0" cellspacing="0" cellpadding="0" width="760" background="http://bs-plus.tr.gg/" style="margin-left: auto; margin-right: auto; color: rgb(0, 0, 0); font-family: tahoma; font-size: 14px; text-align: start; background-color: rgb(204, 204, 204); "&gt;<br />
&lt;tbody&gt;<br />
&lt;tr&gt;<br />
&lt;td style="color: rgb(255, 255, 255); text-align: center; background-image: url(http://img.webme.com/pic/b/bs-plus/bsplusanasayfabaslik.png); height: 20px; text-shadow: rgb(255, 255, 255) 0px 0px 2px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; "&gt;PageRank +2 ve &amp;uuml;st&amp;uuml;.&lt;/td&gt;<br />
&lt;td style="color: rgb(255, 255, 255); text-align: center; background-image: url(http://img.webme.com/pic/b/bs-plus/bsplusanasayfabaslik.png); height: 20px; text-shadow: rgb(255, 255, 255) 0px 0px 2px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; "&gt;Genel Siteler.&lt;/td&gt;<br />
&lt;td style="color: rgb(255, 255, 255); text-align: center; background-image: url(http://img.webme.com/pic/b/bs-plus/bsplusanasayfabaslik.png); height: 20px; text-shadow: rgb(255, 255, 255) 0px 0px 2px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; "&gt;Paylaşım Siteleri.&lt;/td&gt;<br />
&lt;/tr&gt;<br />
&lt;tr&gt;<br />
&lt;td height="235" valign="top" width="253" align="center" bgcolor="#ffffff"&gt;<br />
&lt;div style="width: 255px; height: 215px; overflow: auto; "&gt;&lt;br /&gt;<br />
&lt;a target="_blank" href="http://bs-plus.tr.gg/siteni-ekle.htm" style="font-family: Verdana, Arial, Helvetica, sans-serif; color: black; text-decoration: none; "&gt;bsmaker.tr.gg&lt;/a&gt;&lt;br /&gt;<br />
&lt;br /&gt;<br />
&amp;nbsp;&lt;/div&gt;<br />
&lt;/td&gt;<br />
&lt;td height="235" valign="top" width="253" align="center" bgcolor="#ffffff"&gt;<br />
&lt;div style="width: 282px; height: 235px; overflow: auto; "&gt;&lt;br /&gt;<br />
&lt;a target="_blank" href="http://bs-plus.tr.gg/siteni-ekle.htm" style="font-family: Verdana, Arial, Helvetica, sans-serif; color: black; text-decoration: none; "&gt;flazy.tr.gg&lt;/a&gt;&lt;br /&gt;<br />
&amp;nbsp;&lt;/div&gt;<br />
&lt;/td&gt;<br />
&lt;td height="235" valign="top" width="254" align="center" bgcolor="#ffffff"&gt;<br />
&lt;div style="width: 280px; height: 235px; overflow: auto; "&gt;&lt;br /&gt;<br />
&lt;a target="_blank" href="http://bs-plus.tr.gg/siteni-ekle.htm" style="font-family: Verdana, Arial, Helvetica, sans-serif; color: black; text-decoration: none; "&gt;herseyburada-38.tr.gg&lt;/a&gt;&lt;br /&gt;<br />
&amp;nbsp;&lt;/div&gt;<br />
&lt;/td&gt;<br />
&lt;/tr&gt;<br />
&lt;tr&gt;<br />
&lt;/tr&gt;<br />
&lt;/tbody&gt;<br />
&lt;/table&gt;<br />
[/xml]

Eğer işinize yaradıysa lütfen yorum atmayı unutmayın :)

Yorumlar

Bu blogdaki popüler yayınlar

Popho Portal Blogger Teması

Zikasev Flat Kişisel Blog Teması

Minecraft Pocket Edition 10 Full Apk İndir