tr-samp-tr - Game Portal V1

Game Portal V1 CSS TASARIMI

En harika oyun portallarından biri daha bedava-sitem'de!

Game Portal V1, Özgün teması, işlevsel menüleri, kullanışlı anasayfa şablonu ve etkileyici görünümüyle tam size göre!

2 sütun halindeki bu hoş css temada sol ve üst menülerin yanı sıra, arama çubuğu ve duyuru bölümü de bulunuyor! Tasarım, özellikle geniş tutulmuş 2 reklam alanıyla daha da iddialı hale geliyor!

Tasarımın üzerindeki yazı:

</table></div>  <center><br /> <table style="width: 772px; height:  122px"> <tbody> <tr> <td  background="https://img.webme.com/pic/o/osmantalay/bsreklambg13.png"><center>  <iframe src="http://ads.webme.com/banner.php?pos=bw" frameborder="0"  width="728" height="90" scrolling="no"></iframe>  <center></center></td> <td> </td>  </tr> </tbody> </table> </center>  </head> <body> <div class="sarmal"> <div class="beslik"></div> <div class="tavan"> <div class="logo"><a href="http://www.koddostu.com"><img  src="http://b1207.hizliresim.com/z/7/9fsyv.png" alt="ST Full Css  Tasarım" border="0"/></a></div> <div class="reklam1"><a  href="http://www.koddostu.com"><img border="0" alt=""  src="http://b1207.hizliresim.com/z/7/9fsz7.jpg"  /></a></div> <div class="beslik"></div> <div class="ustmenu"> <div class="anasayfayagit"><a  href="http://www.koddostu.com"><img  src="http://b1207.hizliresim.com/z/7/9fszh.png" alt="ST Full Css  Tasarım" border="0" style="margin-left:1px; margin-top:1px;"  width="55px" height="40px"/></a></div>  <div class="tavanmenu"><div class="menu-header"><ul  id="menu-ustmenu" class="menu">  <li id="menu-item-1065" class="menu-item menu-item-type-post_type  menu-item-object-page menu-item-1065"><a  href="http://www.koddostu.com">En Çok Oynananlar</a></li> <li id="menu-item-1067" class="menu-item menu-item-type-post_type  menu-item-object-page menu-item-1067"><a  href="http://www.koddostu.com">Popüler Oyunlar</a></li> <li id="menu-item-1067" class="menu-item menu-item-type-post_type  menu-item-object-page menu-item-1067"><a  href="http://www.koddostu.com">Kategoriler</a></li> <li id="menu-item-1067" class="menu-item menu-item-type-post_type  menu-item-object-page menu-item-1067"><a  href="http://www.koddostu.com">Ziyaretçi Defteri</a></li> <li id="menu-item-1067" class="menu-item menu-item-type-post_type  menu-item-object-page menu-item-1067"><a  href="http://www.koddostu.com">Salih Toy</a></li>  </ul></div></div> <div class="arama"><form method="get" id="searchform"  action="http://www.koddostu.com"> <input class="nearayalim" type="text" value="oynamak istediğin oyun"  onblur="if(this.value=='') this.value='oynamak istediğin oyun';"  onfocus="if(this.value=='oynamak istediğin oyun') this.value='';"  name="s" id="s" /> <input class="aragitsin" type="submit" id="searchsubmit" value="Ara"  /> </form></div> <div class="temizle"></div><div  class="nevarneyok">Hoşgeldin <strong>Misafir</strong>,  Sitemizde <strong>28</strong> kategori altında toplam  <strong>527</strong> oyun bulunmakta, misafirlerimiz bu  oyunlara toplam <strong>306</strong> yorum  yaptılar.</div></div> </div> <div class="onluk"></div> <div class="ortala"><div class="solblok"> <div class="solkategoribas"></div> <div class="sidebaric"> <ul> <li class="cat-item cat-item-3"><a  href="http://www.koddostu.com" title="Kod Dostu">3D Oyunlar</a> </li> <li class="cat-item cat-item-4"><a  href="http://www.koddostu.com" title="Kod Dostu">Ameliyat  Oyunları</a> </li> <li class="cat-item cat-item-5"><a  href="http://www.koddostu.com" title="Kod Dostu">Araba Yarışı  Oyunları</a> </li> <li class="cat-item cat-item-7"><a  href="http://www.koddostu.com" title="Kod Dostu">Balon  Patlatma</a> </li> <li class="cat-item cat-item-8"><a  href="http://www.koddostu.com" title="Kod Dostu">Barbie  Oyunları</a> </li> <li class="cat-item cat-item-9"><a  href="http://www.koddostu.com" title="Kod Dostu">Basketbol  Oyunları</a> </li> <li class="cat-item cat-item-10"><a  href="http://www.koddostu.com" title="Kod Dostu">Beceri  Oyunları</a> </li> <li class="cat-item cat-item-11"><a  href="http://www.koddostu.com" title="Kod Dostu">Ben 10  Oyunları</a> </li> <li class="cat-item cat-item-13"><a  href="http://www.koddostu.com" title="Kod Dostu">Boyama  Oyunları</a> </li> <li class="cat-item cat-item-14"><a  href="http://www.koddostu.com" title="Kod Dostu">Çizgi Film  Oyunları</a> </li> <li class="cat-item cat-item-18"><a  href="http://www.</table></div> <center><br />  <table style="width: 772px; height: 122px"> <tbody>  <tr> <td  background="https://img.webme.com/pic/o/osmantalay/bsreklambg13.png"></td>  <td> </td> </tr> </tbody> </table>   </head> <body> <div class="sarmal"> <div class="beslik"></div> <div class="tavan"> <div class="logo"><a href="http://www.koddostu.com"><img  src="http://b1207.hizliresim.com/z/7/9fsyv.png" alt="ST Full Css  Tasarım" border="0"/></a></div> <div class="reklam1"><a  href="http://www.koddostu.com"><img border="0" alt=""  src="http://b1207.hizliresim.com/z/7/9fsz7.jpg"  /></a></div> <div class="beslik"></div> <div class="ustmenu"> <div class="anasayfayagit"><a  href="http://www.koddostu.com"><img  src="http://b1207.hizliresim.com/z/7/9fszh.png" alt="ST Full Css  Tasarım" border="0" style="margin-left:1px; margin-top:1px;"  width="55px" height="40px"/></a></div>  <div class="tavanmenu"><div class="menu-header"><ul  id="menu-ustmenu" class="menu">  <li id="menu-item-1065" class="menu-item menu-item-type-post_type  menu-item-object-page menu-item-1065"><a  href="http://www.koddostu.com">En Çok Oynananlar</a></li> <li id="menu-item-1067" class="menu-item menu-item-type-post_type  menu-item-object-page menu-item-1067"><a  href="http://www.koddostu.com">Popüler Oyunlar</a></li> <li id="menu-item-1067" class="menu-item menu-item-type-post_type  menu-item-object-page menu-item-1067"><a  href="http://www.koddostu.com">Kategoriler</a></li> <li id="menu-item-1067" class="menu-item menu-item-type-post_type  menu-item-object-page menu-item-1067"><a  href="http://www.koddostu.com">Ziyaretçi Defteri</a></li> <li id="menu-item-1067" class="menu-item menu-item-type-post_type  menu-item-object-page menu-item-1067"><a  href="http://www.salihtoy.tr.gg">Salih Toy</a></li>  </ul></div></div> <div class="arama"><form method="get" id="searchform"  action="http://www.koddostu.com"> <input class="nearayalim" type="text" value="oynamak istediğin oyun"  onblur="if(this.value=='') this.value='oynamak istediğin oyun';"  onfocus="if(this.value=='oynamak istediğin oyun') this.value='';"  name="s" id="s" /> <input class="aragitsin" type="submit" id="searchsubmit" value="Ara"  /> </form></div> <div class="temizle"></div><div  class="nevarneyok">Hoşgeldin <strong>Misafir</strong>,  Sitemizde <strong>28</strong> kategori altında toplam  <strong>527</strong> oyun bulunmakta, misafirlerimiz bu  oyunlara toplam <strong>306</strong> yorum  yaptılar.</div></div> </div> <div class="onluk"></div> <div class="ortala"><div class="solblok"> <div class="solkategoribas"></div> <div class="sidebaric"> <ul> <li class="cat-item cat-item-3"><a  href="http://www.koddostu.com" title="Kod Dostu">3D Oyunlar</a> </li> <li class="cat-item cat-item-4"><a  href="http://www.koddostu.com" title="Kod Dostu">Ameliyat  Oyunları</a> </li> <li class="cat-item cat-item-5"><a  href="http://www.koddostu.com" title="Kod Dostu">Araba Yarışı  Oyunları</a> </li> <li class="cat-item cat-item-7"><a  href="http://www.koddostu.com" title="Kod Dostu">Balon  Patlatma</a> </li> <li class="cat-item cat-item-8"><a  href="http://www.koddostu.com" title="Kod Dostu">Barbie  Oyunları</a> </li> <li class="cat-item cat-item-9"><a  href="http://www.koddostu.com" title="Kod Dostu">Basketbol  Oyunları</a> </li> <li class="cat-item cat-item-10"><a  href="http://www.koddostu.com" title="Kod Dostu">Beceri  Oyunları</a> </li> <li class="cat-item cat-item-11"><a  href="http://www.koddostu.com" title="Kod Dostu">Ben 10  Oyunları</a> </li> <li class="cat-item cat-item-13"><a  href="http://www.koddostu.com" title="Kod Dostu">Boyama  Oyunları</a> </li> <li class="cat-item cat-item-14"><a  href="http://www.koddostu.com" title="Kod Dostu">Çizgi Film  Oyunları</a> </li> <li class="cat-item cat-item-18"><a  href="http://www.koddostu.com" title="Kod Dostu">Dövüş  Oyunları</a> </li> </ul> </div> <div class="sidebaralt"></div> <div class="onluk"></div> <div class="sosyalmedya"></div> <div class="sidebaric"> <div class="menu-header"><ul id="menu-sosyal" class="menu"> <li id="menu-item-1068" class="menu-item menu-item-type-custom  menu-item-object-custom menu-item-1068"><a  href="http://www.koddostu.com">Facebook</a></li> <li id="menu-item-1069" class="menu-item menu-item-type-custom  menu-item-object-custom menu-item-1069"><a  href="http://www.koddostu.com">Twitter</a></li> <li id="menu-item-1070" class="menu-item menu-item-type-custom  menu-item-object-custom menu-item-1070"><a  href="http://www.koddostu.com">Google +</a></li> </ul></div></div> <div class="sidebaralt"></div> <div class="onluk"></div> <div class="dostsiteler"></div> <div class="sidebaric"> <ul><li><a href="http://www.koddostu.com" title="silah  oyunları" target="_blank">Kod Dostu</a></li> </ul> </div> <div class="sidebaralt"></div> </div><div class="sagblok" title="Kod Dostu">Dövüş  Oyunları</a> </li> </ul> </div> <div class="sidebaralt"></div> <div class="onluk"></div> <div class="sosyalmedya"></div> <div class="sidebaric"> <div class="menu-header"><ul id="menu-sosyal" class="menu"> <li id="menu-item-1068" class="menu-item menu-item-type-custom  menu-item-object-custom menu-item-1068"><a  href="http://www.koddostu.com">Facebook</a></li> <li id="menu-item-1069" class="menu-item menu-item-type-custom  menu-item-object-custom menu-item-1069"><a  href="http://www.koddostu.com">Twiiter</a></li> <li id="menu-item-1070" class="menu-item menu-item-type-custom  menu-item-object-custom menu-item-1070"><a  href="http://www.koddostu.com">Google +</a></li> </ul></div></div> <div class="sidebaralt"></div> <div class="onluk"></div> <div class="dostsiteler"></div> <div class="sidebaric"> <ul><li><a href="http://www.koddostu.com" title="silah  oyunları" target="_blank">Kod Dostu</a></li> </ul> </div> <div class="sidebaralt"></div> </div><div class="sagblok">

Tasarımın altındaki yazı:

<link  rel="stylesheet" type="text/css"  href="http://extremehell.comli.com/ustatextarea.css" />  <style> /*Kaynak:http://www.salihtoy.tr.gg*/ #content td[width="25%"] i{padding:10px;color:red;font-weight:bold} #content td[width="25%"] i:before{content:"Admin'den "} /*Kaynak:http://www.salihtoy.tr.gg*/ </style>  <link rel="stylesheet" type="text/css"  href="http://img54.xooimage.com/files/9/1/d/sm2-2718212.css" />  <div class="indexalt"></div> <div class="onluk"></div> <div class="bilgikutusubas"></div> <div class="bilgikutusu"><p>Merhaba sevgili oyuncu,<br  /> Sitemiz farklı kategorilerde bir biriden zevkli ve eğlenceli oyunları  bir arada bulabileceğiniz, güncel ve kaliteli bir oyun sitesidir.  Sitemiz araba yarışı, motor yarışı, ben 10, sue, smackdown, strateji,  mario, balon patlama, beceri, giysi giydirme, park etme, barbie, makyaj,  çizgi film, çocuk, basketbol, savaş, uçak ve spor oyunları gibi  kategoriler şeklinde kategori edilmiş ve sizlerin kolay ulaşabilmesi  için tasarlanmıştır. </p> <p>Bütün bu oyunlar ücretsiz olarak sizlerin daha keyifli vakit  geçirmesi için sitemizde toplanmıştır. Oyunları oynarken ve sonrasında  herhangi bir ücret talep edilmez. Tamamen ücretsiz olan en güzel  oyunları bulabilmenizi, sıkılmadan saatlerce bilgisayar başında zaman  geçirmenize yardımcı olmayı amaçlıyoruz.</p></div><div  class="indexalt"></div></div> </div>  <div class="taban"> <div class="populerkategilermenusu">  <div style="float:left; width:75px; text-align:left; margin-top:15px;  margin-right:15px;"><a href="http://www.salihtoy.tr.gg/"  title="Araba" target="_blank">Araba</a></div><div  class="menu-header"><ul id="menu-populer" class="menu">  <li id="menu-item-1075" class="menu-item menu-item-type-taxonomy  menu-item-object-category menu-item-1075"><a  href="http://www.salihtoy.tr.gg/">Beceri</a></li>  <li id="menu-item-1073" class="menu-item menu-item-type-taxonomy  menu-item-object-category menu-item-1073"><a  href="http://www.salihtoy.tr.gg/">Strateji</a></li>  <li id="menu-item-1076" class="menu-item menu-item-type-taxonomy  menu-item-object-category menu-item-1076"><a  href="http://www.salihtoy.tr.gg/">Savaş</a></li>  <li id="menu-item-1077" class="menu-item menu-item-type-taxonomy  menu-item-object-category menu-item-1077"><a  href="http://www.salihtoy.tr.gg/">Macera</a></li>  <li id="menu-item-1078" class="menu-item menu-item-type-taxonomy  menu-item-object-category menu-item-1078"><a  href="http://demo.wordpressoyuntemasi.com/category/giysi-giydirme">Giysi  Giydirme</a></li>  <li id="menu-item-1074" class="menu-item menu-item-type-taxonomy  menu-item-object-category menu-item-1074"><a  href="http://www.salihtoy.tr.gg/">Zeka</a></li>   </ul></div></div> <div class="tabanbilgi" style="height:75px !important;"> <div class="bitir" style="height:75px !important;"><div  style="text-align: left;"><a  href="http://www.salihtoy.tr.gg/"><img border="0" alt=""  src="https://img.webme.com/pic/s/salihtoy/bluent3.jpg"  /></a>&nbsp;<strong><a  href="http://www.wordpressoyuntemasi.com/"  target="_blank">T&uuml;m Hakkı Saklıdır!</a> &copy;  2012 uyarlayan:<a href="http://www.salihtoy.tr.gg">Salih  Toy</a> </strong></div>  </div> </div> <div class="onluk"></div> </div> </body> </html>

CSS kodu:

lli.nav_element{display:  none;} li.nav_element a{display: none;} 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;}  /* Versiyon: 1.0 İSim: Oyun Tema Tema URL: http://www.salihtoy.tr.gg/  */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,  p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,  dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub,  sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,  label, legend, table, caption, tbody, tfoot, thead, tr, th, td, form {  margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;  vertical-align: baseline; } textarea:focus, input:focus { outline: none;  } body { margin:0 auto; text-align:center;  background-image:url(http://b1207.hizliresim.com/z/7/9ftbc.png);  background-position:center top; background-repeat:repeat-y;  background-color:#7E37D5; } .sarmal { width:980px; margin:0 auto; text-align:left; font-size: 13px;  font-family: Tahoma;} .beslik { clear:both; height:5px; } .onluk { clear:both; height:10px; } .temizle { clear:both; height:1px; } .tavan { width:980px; float:left;} .logo { width:250px; float:left; margin-top:12px; } .reklam1 { width:728px; float:left; text-align:center; margin-left:2px;  line-height:90px; height:90px; } .ustmenu { width:980px; float:left;  background-image:url(http://b1207.hizliresim.com/z/7/9ftbj.png);  height:91px; } .anasayfayagit { width:56px; float:left; } .tavanmenu { width:720px; float:left; margin-top:2px; } .tavanmenu ul { list-style:none; margin:0px; padding:0px;  margin-left:13px; } .tavanmenu ul li{ float:left; line-height:39px; height:39px;  background-image:url(http://b1207.hizliresim.com/z/7/9ftbn.png);  background-repeat:no-repeat; background-position:right center;  padding-right:14px; margin-right:5px; } .tavanmenu ul li a{ margin-right:13px; text-decoration:none;  font-size:16px; color:#272727;} .tavanmenu ul li a:hover{ color:#5F2579; } .tavanmenu ul li:last-child { background:none; } .arama { width:195px; float:left; margin-right:5px; margin-left:4px; } .nearayalim { width:125px; padding-left:25px; float:left; border:0px;  height:34px; line-height:34px; margin-top:3px; background:none;  font-size:10px; font-family:tahoma; color:#999999; } .aragitsin { border:none; width:32px; height:20px; float:left;  text-align:center; margin-left:6px; margin-top:11px; background:none;  cursor:pointer; text-indent: -9000px; text-transform: capitalize; } .nevarneyok { width:770px; float:left; margin-right:20px;  margin-left:190px; line-height:34px; height:34px; overflow:hidden;  font-family:tahoma; font-size:11px; color:#6b6b6b; } .nevarneyok strong {color:#5D2577; } .solblok { width:180px; float:left; } .solkategoribas { width:180px; float:left;  background-image:url(http://b1207.hizliresim.com/z/7/9ftbt.png);  height:43px; } .sidebaric { width:180px; float:left; background-color:#F9F2F8; } .sidebaric ul { list-style:none; margin:0px; padding:0px; } .sidebaric ul li{ width:150px; padding-left:30px; float:left;  background-image:url(http://b1207.hizliresim.com/z/7/9ftbw.png);  background-repeat:no-repeat; height:30px; line-height:30px;  background-position:bottom center; overflow:hidden; } .sidebaric ul li a{ text-decoration:none; color:#7d4198;} .sidebaric ul li a:hover{ text-decoration:underline; } .sidebaralt { width:180px; float:left;  background-image:url(http://b1207.hizliresim.com/z/7/9ftbz.png);  height:19px; } .dostsiteler { width:180px; float:left;  background-image:url(http://b1207.hizliresim.com/z/7/9ftc3.png);  height:43px; } .sosyalmedya { width:180px; float:left;  background-image:url(http://b1207.hizliresim.com/z/7/9ftc7.png);  height:43px; } .sagblok { width:780px; float:left; margin-left:20px; } .yenioyunlarbas { width:780px; float:left;  background-image:url(http://b1207.hizliresim.com/z/7/9ftcd.png);  height:43px;} .indexic { width:775px; padding-left:5px; padding-top:5px;  float:left;background-color:#F9F2F8; } .indexic ul { list-style:none; margin:0px; padding:0px; } .indexic ul li{ float:left;  background-image:url(http://b1207.hizliresim.com/z/7/9ftcl.png);  width:134px; height:144px; margin:0px 10px 15px 10px;  text-align:center;} .indexic ul li:hover {  background-image:url(http://b1207.hizliresim.com/z/7/9ftcp.png);  cursor:pointer; } .indexic ul li img { margin-top:1px; width:132px; height:92px;  margin-bottom:8px; } .indexic ul li a{ color:#f1f1f1; font-family:tahoma; font-size:11px;  text-decoration:none; font-weight:bold;} .indexic ul li a:hover{ } .oyunadinedir { width:132px; float:left; margin-left:1px; height:30px;  line-height:15px; overflow:hidden; } .bilgikutusubas { width:780px; float:left;  background-image:url(http://b1207.hizliresim.com/z/7/9ftcv.png);  height:43px;} .bilgikutusu { width:775px; padding-left:5px; padding-top:5px;  float:left;background-color:#F9F2F8; } .bilgikutusu p { margin-bottom:10px; line-height:18px; color:#676767;} .bilgikutusu h5 { font-size:18px; font-weight:bold;  font-family:"Trebuchet MS"; color:#676767; margin:0px; padding:0px;} .bilgikutusu a { text-decoration:none; color:#272727; font-weight:bold; } .bilgikutusu a:hover { text-decoration:underline; color:#7E37D5; } .indexalt { width:780px; float:left;  background-image:url(http://b1207.hizliresim.com/z/7/9ftcz.png);  height:21px; } .cokoynabas { width:780px; float:left;  background-image:url(http://b1207.hizliresim.com/z/7/9ftd5.png);  height:43px;} .nerdesiniz { width:620px; float:left; color:#F9F2F8; font-size:12px;  font-weight:bold;  background-image:url(http://b1207.hizliresim.com/z/7/9ftd9.png);  height:43px; line-height:43px; padding-left:160px; overflow:hidden;} .nerdesiniz a { text-decoration:none; color:#F9F2F8; float:left; } .nerdesiniz a:hover { text-decoration:none; color:#232323; } .nerdesiniz h1 { margin:0px; padding:0px; font-size:12px; float:left; } .nerdesiniz span { float:left; margin:0px 6px; } .kategorireklam { width:300px; margin-right:0px; margin-left:10px;  float:left; text-align:center; } .kategorireklam span { font-weight:bold; color:#232323; width:300px;  float:left; margin-top:5px;} .sayfada { margin:10px; } .sayfada p { margin-bottom:10px; line-height:18px; } .sayfada a { text-decoration:none; font-weight:bold; color:#4E5AD1} .oyunsolblok { width:420px; float:left; margin-right:13px; } .oyunaciklamasi { width:420px; float:left; } .oyunaciklamasi img { float:left; margin-right:5px; border:1px solid  #272727; } .oyunaciklamasi p { margin:0px; padding:0px; font-size:12px;  line-height:18px; text-align:justify; font-family:Arial, Helvetica,  sans-serif; } .birreklam { width:410px; float:left; padding:5px;  background-color:#E4E4E4; } .birreklam span { width:410px; float:left; margin-bottom:3px;  padding:2px 0px; text-align:center; border-bottom:1px solid #272727;  background-color:#D4D4D4; color:#212121; } .ikireklam { width:420px; text-align:center; float:left; } .oyunetiketleri { width:420px; float:left; line-height:18px;  color:#7C7C7C;} .oyunetiketleri a { text-decoration:none; color:#7C7C7C; } .oyunetiketleri a:hover { text-decoration:underline; } .oyunsagblok { width:338px; float:left; margin-right:4px; } .oyunabasla { width:338px; float:left;  background-image:url(http://b1207.hizliresim.com/z/7/9ftdj.png);  height:100px; } .baslarken { margin-top:10px; margin-left:12px; margin-right:10px;  float:left; width:110px; } .start { font-size:20px; margin-top:40px; } .start a { color:#ffffff; } .start a:hover { color:#0F6; } .paylas { width:320px; background-color:#E5E5E5; float:left;  padding:7px; border:1px solid #939393;} .fpaylas { float:left; width:80px; } .fbegen {float:left; width:100px;} .tyolla {float:left; width:92px; } .plusarti {float:left; width:40px; } .benzeroyunlar { width:338px; padding-left:0px; float:left;  background-image:url(http://b1207.hizliresim.com/z/7/9ftds.png);  background-repeat:no-repeat; padding-top:43px; height:388px; } .benzeroyunlar ul { list-style:none; margin:0px; padding:0px; } .benzeroyunlar ul li{ float:left;  background-image:url(http://b1207.hizliresim.com/z/7/9ftdy.png);  width:100px; height:100px; margin:0px 6px 15px 6px; text-align:center;  overflow:hidden;} .benzeroyunlar ul li:hover {  background-image:url(http://b1207.hizliresim.com/z/7/9ftf2.png);  cursor:pointer; color:#FFFFFF; } .benzeroyunlar ul li img { width:98px; height:63px; margin:1px 1px 6px  1px; float:left; clear:both; } .benzeroyunlar ul li a{ color:#232323; font-family:tahoma;  font-size:11px; text-decoration:none; font-weight:bold;} .taban { width:980px; float:left; height:112px;  background-image:url(http://b1207.hizliresim.com/z/7/9ftf5.png); } .populerkategilermenusu { width:770px; padding-left:210px; height:40px;  overflow:hidden; } .populerkategilermenusu ul { list-style:none; margin:0px; padding:0px;  width:680px; float:left; overflow:hidden;} .populerkategilermenusu ul li{ float:left; font-size:11px;  font-family:tahoma; margin-right:15px; margin-top:15px; } .populerkategilermenusu ul li a{ text-decoration:none;  color:#7d4198;text-shadow: 1px 1px 1px #FFFFFF; } .populerkategilermenusu ul li a:hover{ color:#2F2F2F;text-shadow: 1px  1px 1px #FFFFFF; } .tabanbilgi { width:820px; padding-left:150px  ;background-image:url(http://b1207.hizliresim.com/z/7/9ftfh.png);  background-repeat:no-repeat; margin:6px 5px; height:60px;  overflow:hidden; } .populerkategilermenusu a{ text-decoration:none;  color:#7d4198;text-shadow: 1px 1px 1px #FFFFFF;font-size:11px;  font-family:tahoma; margin-top:15px; } .bitir { width:820px; float:left; font-size:11px; color:#252525;  line-height:20px; height:60px; overflow:hidden; } .bitir a { text-decoration:none; color:#252525; } .navigation {margin: 10px 0px 20px 0px; float:left; width: 780px; } .pagenavi { float:left; width: 780px; } .pagenavi a {  background-image:url(http://b1207.hizliresim.com/z/7/9ftfs.png);  height:32px; line-height:32px; width:32px; text-align:center;  float:left; text-decoration: none; color: #ffffff; margin-right:5px;} .pagenavi a:hover { color:  #444;background-image:url(http://b1207.hizliresim.com/z/7/9ftfx.png);} .pagenavi span.pages {color: #825a2d;height:32px; line-height:32px;  width:32px; text-align:center;  float:left;font-weight:bold;background-color: inherit;} .pagenavi span.current {  background-image:url(http://b1207.hizliresim.com/z/7/9ftg3.png);  height:32px; line-height:32px; width:32px; text-align:center;  float:left; text-decoration: none;color: #ffffff; margin-right:5px;} .pagenavi span.expand  {background-image:url(http://b1207.hizliresim.com/z/7/9ftgb.png);  height:32px; line-height:32px; width:32px; text-align:center;  float:left;text-decoration: none; color: #ffffff; margin-right:5px;} .onsayfayorumlar {width:97%; float:left; margin-top:15px;  background-image:url(http://b1207.hizliresim.com/z/7/9ftgj.png);  padding-top:43px; background-repeat:no-repeat; } .yorumnedir { width:97%; padding:4px; border:1px solid #F7941D;  color:#6b6b6b;background-color:#F8BB49; float:left; margin-bottom:10px; } .yorumnedir strong {color:#5D2577; } .yorumnedir p { margin:0px; padding:0px; line-height:16px;  margin-top:3px; color:#6b6b6b; font-size:11px;} .yorumsayfala { width:97%; float:left;} .eskiler { width:50%; float:left; text-align:left; } .yeniler {  width:50%; float:right; text-align:right; } .yorumsayfala a { text-decoration:none; font-size:11px;  font-weight:bold; color:#303030; } .yorumsayfala a:hover { text-decoration:underline; } #respond input { width: 50%; margin: 7px 3px 0px 0px; padding: 4px;  font-size: 1.1em; border: 1px solid #ddd; } #respond .author, #commentform .email, #commentform .url { padding: 5px;  background: #fff; color: #000;} #respond textarea { width:97%; height: 100px;margin:7px 0px 0px 0px;  padding: 4px; font-family: Arial, Helvetica, sans-serif; font-size:  1.1em; line-height: 16px; border: 1px solid #ddd; } #respond .submit { background: #900A50; width: auto; color: #fff;  padding: 5px 10px; text-align: center; font-size: 13px;  font-family:tahoma; font-weight: bold; cursor: pointer;  margin-bottom:10px; } .oyuncak { width:770px; float:left; text-align:center;  background-color:#4A4A4A; } .reklamuzun { width:770px; float:left; text-align:center; height:90px;  line-height:90px; } .bilgisar { width:770px; float:left; margin-bottom:10px;  text-align:justify;} .bilgisar p { margin:0px; padding:0px; line-height:18px; } .bunedir { display:block; border-bottom: 3px double #8F0A50;  color:#8F0A50; font-size:16px; margin:10px 0px 3px 0px;  padding-bottom:3px; font-family:"Trebuchet MS", Arial, Helvetica,  sans-serif; font-weight:bold; } .toplamyorum { width:370px; float:left; margin-right:10px; }  #osmantalay {display:none;} //--></style> <div id="osmantalay"><style  type="text/css"> <!--table {margin-left: auto;margin-right: auto}  i {  padding : 5px; text-align : left; display : block; overflow : auto; font : 500 1em/1.5em 'Verdana'; border : 1px solid #cccccc; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }  ::-moz-selection { background:#c00; color:#fff; } ::selection { background:#c00; color:#fff;  }  input,textarea{ border: 1px solid #00BFFF; background: #eeeeee; padding:  3px;} input:focus,textarea:focus{border: 1px solid #bbbbbb;}  input[type="submit"]{ background:  url(https://img.webme.com/pic/o/osmantalay/bttnbg.jpg) repeat-x; border:  1px solid #dddddd; padding: 2px 5px 2px 5px; color: #646464;  text-decoration: none; margin-left: 5px; font-size: 11px;cursor:  pointer;} input[type="submit"]:hover{border: 1px solid #bbbbbb; color:  #000000; text-decoration: none;} textarea.code{ border: 1px solid  #dddddd; background: #efefef; width: 460px; height: 45px; font-size:  11px; overflow: auto; padding: 5px; margin: 2px 0px 2px 0px; }  textarea.code:focus{ border: 1px solid #cccccc; background: #fff; }

Ana sayfaya eklenecek kod:

<div  class="yenioyunlarbas"></div> <div class="indexic"><ul>  <li><a href="http://tasarimsepeti.blogspot.com"><img  width="132" height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Tom ve Jerry Kovalamaca" /><span  class="oyunadinedir">Oyun Adı</span></a></li>  <li><a href="http://tasarimsepeti.blogspot.com"><img  width="132" height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Tom ve Jerry Kovalamaca" /><span  class="oyunadinedir">Oyun Adı</span></a></li>  <li><a href="http://tasarimsepeti.blogspot.com"><img  width="132" height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Tom ve Jerry Kovalamaca" /><span  class="oyunadinedir">Oyun Adı</span></a></li>  <li><a href="http://tasarimsepeti.blogspot.com"><img  width="132" height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Tom ve Jerry Kovalamaca" /><span  class="oyunadinedir">Oyun Adı</span></a></li>  <li><a href="http://tasarimsepeti.blogspot.com"><img  width="132" height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Tom ve Jerry Kovalamaca" /><span  class="oyunadinedir">Oyun Adı</span></a></li>  <li><a href="http://tasarimsepeti.blogspot.com"><img  width="132" height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Tom ve Jerry Kovalamaca" /><span  class="oyunadinedir">Oyun Adı</span></a></li>  <li><a href="http://tasarimsepeti.blogspot.com"><img  width="132" height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Tom ve Jerry Kovalamaca" /><span  class="oyunadinedir">Oyun Adı</span></a></li>  <li><a href="http://tasarimsepeti.blogspot.com"><img  width="132" height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Tom ve Jerry Kovalamaca" /><span  class="oyunadinedir">Oyun Adı</span></a></li>  <li><a href="http://tasarimsepeti.blogspot.com"><img  width="132" height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Tom ve Jerry Kovalamaca" /><span  class="oyunadinedir">Oyun Adı</span></a></li>  <li><a href="http://tasarimsepeti.blogspot.com"><img  width="132" height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Tom ve Jerry Kovalamaca" /><span  class="oyunadinedir">Oyun Adı</span></a></li>  <li><a href="http://tasarimsepeti.blogspot.com"><img  width="132" height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Tom ve Jerry Kovalamaca" /><span  class="oyunadinedir">Oyun Adı</span></a></li>  <li><a href="http://tasarimsepeti.blogspot.com"><img  width="132" height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Tom ve Jerry Kovalamaca" /><span  class="oyunadinedir">Oyun Adı</span></a></li>  <li><a href="http://tasarimsepeti.blogspot.com"><img  width="132" height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Tom ve Jerry Kovalamaca" /><span  class="oyunadinedir">Oyun Adı</span></a></li>  <li><a href="http://tasarimsepeti.blogspot.com"><img  width="132" height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Tom ve Jerry Kovalamaca" /><span  class="oyunadinedir">Oyun Adı</span></a></li>  <li><a href="http://tasarimsepeti.blogspot.com"><img  width="132" height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Tom ve Jerry Kovalamaca" /><span  class="oyunadinedir">Oyun Adı</span></a></li>  <li><a href="http://tasarimsepeti.blogspot.com"><img  width="132" height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Tom ve Jerry Kovalamaca" /><span  class="oyunadinedir">Oyun Adı</span></a></li>  <li><a href="http://tasarimsepeti.blogspot.com"><img  width="132" height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Tom ve Jerry Kovalamaca" /><span  class="oyunadinedir">Oyun Adı</span></a></li>  <li><a href="http://tasarimsepeti.blogspot.com"><img  width="132" height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Tom ve Jerry Kovalamaca" /><span  class="oyunadinedir">Oyun Adı</span></a></li>   </ul> </div> <div class="indexalt"></div> <div class="onluk"></div> <div class="cokoynabas"></div> <div class="indexic">  <ul><li><a  href="http://tasarimsepeti.blogspot.com"><img width="132"  height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Oyun Adı" /><span class="oyunadinedir">Tom ve Jerry  Kovalamaca</span></a></li>  <ul><li><a  href="http://tasarimsepeti.blogspot.com"><img width="132"  height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Oyun Adı" /><span class="oyunadinedir">Tom ve Jerry  Kovalamaca</span></a></li>  <ul><li><a  href="http://tasarimsepeti.blogspot.com"><img width="132"  height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Oyun Adı" /><span class="oyunadinedir">Tom ve Jerry  Kovalamaca</span></a></li>  <ul><li><a  href="http://tasarimsepeti.blogspot.com"><img width="132"  height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Oyun Adı" /><span class="oyunadinedir">Tom ve Jerry  Kovalamaca</span></a></li>  <ul><li><a  href="http://tasarimsepeti.blogspot.com"><img width="132"  height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Oyun Adı" /><span class="oyunadinedir">Tom ve Jerry  Kovalamaca</span></a></li>  <ul><li><a  href="http://tasarimsepeti.blogspot.com"><img width="132"  height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Oyun Adı" /><span class="oyunadinedir">Tom ve Jerry  Kovalamaca</span></a></li>  <ul><li><a  href="http://tasarimsepeti.blogspot.com"><img width="132"  height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Oyun Adı" /><span class="oyunadinedir">Tom ve Jerry  Kovalamaca</span></a></li>  <ul><li><a  href="http://tasarimsepeti.blogspot.com"><img width="132"  height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Oyun Adı" /><span class="oyunadinedir">Tom ve Jerry  Kovalamaca</span></a></li>  <ul><li><a  href="http://tasarimsepeti.blogspot.com"><img width="132"  height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Oyun Adı" /><span class="oyunadinedir">Tom ve Jerry  Kovalamaca</span></a></li>  <ul><li><a  href="http://tasarimsepeti.blogspot.com"><img width="132"  height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Oyun Adı" /><span class="oyunadinedir">Tom ve Jerry  Kovalamaca</span></a></li>  <ul><li><a  href="http://tasarimsepeti.blogspot.com"><img width="132"  height="92"  src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s150/siteneeklekodlari.png"  alt="Oyun Adı" /><span class="oyunadinedir">Tom ve Jerry  Kovalamaca</span></a></li>  </ul> </div>