bscsskodlari

Yeşil Oyun Sitesi Tasarımı

TEMANIN GÖRÜNTÜSÜNÜ GÖRMEK İSTİYORSANIZ TIKLAYINIZ > DEMO GÖRÜNTÜSÜ

TASARIM ÜSTÜ :

<table width="958" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="958" valign="bottom" height="91" background="https://img.webme.com/pic/c/creative-blog/y-o-s-ustmenu.png"> <table width="958" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="136"> </td> <td width="121"> </td> <td width="152" valign="bottom"><a target="_self" href="#" _fcksavedurl="#" _fcksavedurl="#"> <div id="Ust-Ana"> </div> </a></td> <td width="152" valign="bottom" align="right"><a target="_self" href="#" _fcksavedurl="#" _fcksavedurl="#"> <div id="Ust-Ile"> </div> </a></td> <td width="155" valign="bottom" align="right"><a target="_self" href="#" _fcksavedurl="#" _fcksavedurl="#"> <div id="Ust-Top"> </div> </a></td> <td width="100"> </td> <td width="142"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="958" valign="bottom" height="211" background="https://img.webme.com/pic/c/creative-blog/y-o-s_01.png "> <div id="Site-Isim">Logo&İsim</div> <br /> <div id="Ticket-Menu"><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img border="0" class="Ticket-Special" alt="" src="https://img.webme.com/pic/c/creative-blog/y-o-s-beceri.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-beceri.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-beceri.png" /></a> <a href="#" _fcksavedurl="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/y-o-s-cocuk.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-cocuk.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-cocuk.png" alt="" /></a> <a href="#" _fcksavedurl="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/y-o-s-cartoon.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-cartoon.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-cartoon.png" alt="" /></a> <a href="#" _fcksavedurl="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/y-o-s-mario.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-mario.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-mario.png" alt="" /></a> <a href="#" _fcksavedurl="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/y-o-s-dovus.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-dovus.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-dovus.png" alt="" /></a> <a href="#" _fcksavedurl="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/y-o-s-giysi.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-giysi.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-giysi.png" alt="" /></a> <a href="#" _fcksavedurl="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/y-o-s-macera.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-macera.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-macera.png" alt="" /></a> <a href="#" _fcksavedurl="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/y-o-s-girl.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-girl.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-girl.png" alt="" /></a> <a href="#" _fcksavedurl="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/y-o-s-boyama.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-boyama.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-boyama.png" alt="" /></a> <a href="#" _fcksavedurl="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/y-o-s-nisan.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-nisan.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-nisan.png" alt="" /></a> <a href="#" _fcksavedurl="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/y-o-s-oda.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-oda.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-oda.png" alt="" /></a> <a href="#" _fcksavedurl="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/y-o-s-savas.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-savas.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-savas.png" alt="" /></a> <a href="#" _fcksavedurl="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/y-o-s-spor.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-spor.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-spor.png" alt="" /></a> <a href="#" _fcksavedurl="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/y-o-s-yaris.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-yaris.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-yaris.png" alt="" /></a> <a href="#" _fcksavedurl="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/y-o-s-yemek.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-yemek.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-yemek.png" alt="" /></a> <a href="#" _fcksavedurl="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/y-o-s-zeka.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-zeka.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-zeka.png" alt="" /></a></div> </td> </tr> <tr> <td height="20" background="https://img.webme.com/pic/c/creative-blog/y-o-s_02.png"> </td> </tr> <tr> <td valign="top" height="500" background="https://img.webme.com/pic/c/creative-blog/y-o-s_03.png"> <table width="958" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="21"> </td> <td width="690" valign="top" align="center"> <div id="Icerik">

TASARIM ALTI : 

</div> </td> <td width="13"><img alt="" class="TB_Button_Image" style="background-image: url(http://www.bedava-sitem.com/js/editor_1/editor/skins/default/fck_strip.gif); background-position: 0px -544px; " src="http://www.bedava-sitem.com/js/editor_1/editor/images/spacer.gif" _fcksavedurl="http://www.bedava-sitem.com/js/editor_1/editor/images/spacer.gif" _fcksavedurl="http://www.bedava-sitem.com/js/editor_1/editor/images/spacer.gif" /> </td> <td width="190" valign="top"> <table width="190" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="190" valign="middle" height="35" background="https://img.webme.com/pic/c/creative-blog/y-o-s-menu-baslik.png" align="center"> <div class="Basliklar">Oyun Kategorileri</div> </td> </tr> <tr> <td valign="top"> <div id="YOS-Menu"> <ul> <li><a href="Link Buraya" _fcksavedurl="Link Buraya" _fcksavedurl="Link Buraya"><img width="25" height="25" border="0" src="https://img.webme.com/pic/c/creative-blog/beceri.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/beceri.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/beceri.png" alt="" /> Beceri Oyunları</a></li> <li><a href="http://Link Buraya" _fcksavedurl="http://Link Buraya" _fcksavedurl="http://Link Buraya"><img width="25" height="25" border="0" src="https://img.webme.com/pic/c/creative-blog/cocuk.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/cocuk.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/cocuk.png" alt="" /> Çocuk Oyunları</a></li> <li><a href="http://Link Buraya" _fcksavedurl="http://Link Buraya" _fcksavedurl="http://Link Buraya"><img width="25" height="25" border="0" src="https://img.webme.com/pic/c/creative-blog/cizgi.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/cizgi.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/cizgi.png" alt="" /> Çizgi Film Oyunları</a></li> <li><a href="http://Link Buraya" _fcksavedurl="http://Link Buraya" _fcksavedurl="http://Link Buraya"><img width="20" height="25" border="0" src="https://img.webme.com/pic/c/creative-blog/mario.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/mario.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/mario.png" alt="" /> Mario Oyunları</a></li> <li><a href="http://Link Buraya" _fcksavedurl="http://Link Buraya" _fcksavedurl="http://Link Buraya"><img width="25" height="25" border="0" src="https://img.webme.com/pic/c/creative-blog/dovus.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/dovus.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/dovus.png" alt="" /> Dövüş Oyunları</a></li> <li><a href="http://Link Buraya" _fcksavedurl="http://Link Buraya" _fcksavedurl="http://Link Buraya"><img width="25" height="25" border="0" src="https://img.webme.com/pic/c/creative-blog/giydirme.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/giydirme.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/giydirme.png" alt="" /> Giydirme Oyunları</a></li> <li><a href="http://Link Buraya" _fcksavedurl="http://Link Buraya" _fcksavedurl="http://Link Buraya"><img width="25" height="25" border="0" src="https://img.webme.com/pic/c/creative-blog/macera.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/macera.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/macera.png" alt="" /> Macera Oyunları</a></li> <li><a href="http://Link Buraya" _fcksavedurl="http://Link Buraya" _fcksavedurl="http://Link Buraya"><img width="25" height="25" border="0" src="https://img.webme.com/pic/c/creative-blog/kiz.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/kiz.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/kiz.png" alt="" /> Kız Oyunları</a></li> <li><a href="http://Link Buraya" _fcksavedurl="http://Link Buraya" _fcksavedurl="http://Link Buraya"><img width="25" height="25" border="0" src="https://img.webme.com/pic/c/creative-blog/boyama.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/boyama.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/boyama.png" alt="" /> Boyama Oyunları</a></li> <li><a href="http://Link Buraya" _fcksavedurl="http://Link Buraya" _fcksavedurl="http://Link Buraya"><img width="25" height="25" border="0" src="https://img.webme.com/pic/c/creative-blog/nisan.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/nisan.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/nisan.png" alt="" /> Nişan Oyunları</a></li> <li><a href="http://Link Buraya" _fcksavedurl="http://Link Buraya" _fcksavedurl="http://Link Buraya"><img width="25" height="25" border="0" src="https://img.webme.com/pic/c/creative-blog/oda.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/oda.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/oda.png" alt="" /> Oda Oyunları</a></li> <li><a href="http://Link Buraya" _fcksavedurl="http://Link Buraya" _fcksavedurl="http://Link Buraya"><img width="35" height="25" border="0" src="https://img.webme.com/pic/c/creative-blog/savas.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/savas.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/savas.png" alt="" />Savaş Oyunları</a></li> <li><a href="http://Link Buraya" _fcksavedurl="http://Link Buraya" _fcksavedurl="http://Link Buraya"><img width="25" height="25" border="0" src="https://img.webme.com/pic/c/creative-blog/spor.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/spor.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/spor.png" alt="" /> Spor Oyunları</a></li> <li><a href="http://Link Buraya" _fcksavedurl="http://Link Buraya" _fcksavedurl="http://Link Buraya"><img width="30" height="25" border="0" src="https://img.webme.com/pic/c/creative-blog/yaris.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/yaris.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/yaris.png" alt="" /> Yarış Oyunları</a></li> <li><a href="http://Link Buraya" _fcksavedurl="http://Link Buraya" _fcksavedurl="http://Link Buraya"><img width="25" height="25" border="0" src="https://img.webme.com/pic/c/creative-blog/yemek.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/yemek.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/yemek.png" alt="" /> Yemek Oyunları</a></li> <li><a href="http://cenkoyun0.tr.gg/Zeka-oyunlari.htm" _fcksavedurl="http://cenkoyun0.tr.gg/Zeka-oyunlari.htm" _fcksavedurl="http://cenkoyun0.tr.gg/Zeka-oyunlari.htm"><img width="25" height="25" border="0" src="https://img.webme.com/pic/c/creative-blog/zeka.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/zeka.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/zeka.png" alt="" /> Zeka Oyunları</a></li> </ul> </div> <div> </div> </td> </tr> <tr> <td width="190" valign="middle" height="35" background="https://img.webme.com/pic/c/creative-blog/y-o-s-menu-baslik.png" align="center"> <div class="Basliklar">Tavsiye Edilenler</div> </td> </tr> <tr> <td valign="top" align="left"> <div class="tavsiye" id="tavsiye"> <table width="190" height="52" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="74"><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img width="65" height="45" src="http://www.korsanoyun.com/data/img/okla_karpuz_vur.jpg" _fcksavedurl="http://www.korsanoyun.com/data/img/okla_karpuz_vur.jpg" _fcksavedurl="http://www.korsanoyun.com/data/img/okla_karpuz_vur.jpg" alt="" class="tavsiyeimg" /></a></td> <td width="111" valign="top"> <table width="111" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td> <div class="Tavsiyeler" id="Tavsiyeler"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Karpuz Vur</a></div> </td> </tr> <tr> <td valign="middle" height="30"> <div class="Tavsiye-Kategori" id="Tavsiye-Kategori">> Nişan Oyunu</div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="tavsiye" id="tavsiye2"> <table width="190" height="52" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="74"><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img width="65" height="45" border="0" src="http://www.korsanoyun.com/data/img/kovboy_duello.jpg" _fcksavedurl="http://www.korsanoyun.com/data/img/kovboy_duello.jpg" _fcksavedurl="http://www.korsanoyun.com/data/img/kovboy_duello.jpg" alt="" class="tavsiyeimg" /></a></td> <td width="111" valign="top"> <table width="111" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td> <div class="Tavsiyeler" id="Tavsiyeler2"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Kowboy Düellosu</a></div> </td> </tr> <tr> <td height="30"> <div class="Tavsiye-Kategori" id="Tavsiye-Kategori2">> Savaş Oyunu</div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="tavsiye" id="tavsiye3"> <table width="190" height="52" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="74"><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img width="65" height="45" border="0" src="https://img.webme.com/pic/c/cenkoyun0/civcivleritopla2.jpg" _fcksavedurl="https://img.webme.com/pic/c/cenkoyun0/civcivleritopla2.jpg" _fcksavedurl="https://img.webme.com/pic/c/cenkoyun0/civcivleritopla2.jpg" alt="" class="tavsiyeimg" /></a></td> <td width="111" valign="top"> <table width="111" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td> <div class="Tavsiyeler" id="Tavsiyeler3"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Civcivleri Topla</a></div> </td> </tr> <tr> <td height="30"> <div class="Tavsiye-Kategori" id="Tavsiye-Kategori3">> Beceri Oyunu</div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="tavsiye" id="tavsiye4"> <table width="190" height="52" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="74"><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img width="65" height="45" src="https://img.webme.com/pic/c/cenkoyun0/inanilmaz.jpg" _fcksavedurl="https://img.webme.com/pic/c/cenkoyun0/inanilmaz.jpg" _fcksavedurl="https://img.webme.com/pic/c/cenkoyun0/inanilmaz.jpg" alt="" class="tavsiyeimg" /></a></td> <td width="111" valign="top"> <table width="111" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td> <div class="Tavsiyeler" id="Tavsiyeler4"><a href="#" _fcksavedurl="#" _fcksavedurl="#">İnanılmaz Adam</a></div> </td> </tr> <tr> <td height="30"> <div class="Tavsiye-Kategori" id="Tavsiye-Kategori4">> Dövüş Oyunu</div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> </td> </tr> <tr> <td width="190" valign="middle" height="35" background="https://img.webme.com/pic/c/creative-blog/y-o-s-menu-baslik.png" align="center"> <div class="Basliklar">Etiketler</div> </td> </tr> <tr> <td> <div class="Etiket" id="Etiket"><a href="#" _fcksavedurl="#" _fcksavedurl="#">oyunlar1, en süper oyunlar, oyun oyna, oyunlar oyna, süper oyunlar, macera oyunları, boyama oyunları, harika oyunlar, savaş oyunları, tamir oyunlarıi giysi oyunları, oyun, cenk oyun0, cenkoyun, kraloyun, oyunun kralı, ben10 oyunları, oyunlar burada, oyun oyun</a></div> </td> </tr> <tr> <td width="190" valign="middle" height="35" background="https://img.webme.com/pic/c/creative-blog/y-o-s-menu-baslik.png" align="center"> <div class="Basliklar">Dost Siteler</div> </td> </tr> <tr> <td> <div id="Dost-Site"> <ul> <li><a href="creative-blog.tr.gg" _fcksavedurl="creative-blog.tr.gg" _fcksavedurl="creative-blog.tr.gg">-Dost Site 1</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">-Dost Site 2</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">-Dost Site 3</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">-Dost Site 4</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">-Dost Site 5</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">-Dost Site 6</a></li> </ul> </div> </td> </tr> </tbody> </table> </td> <td width="44"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="958" height="15" background="https://img.webme.com/pic/c/creative-blog/y-o-s_04.png"> </td> </tr> <tr> <td width="958" height="156" background="https://img.webme.com/pic/c/creative-blog/y-o-s_05.png"> <table width="958" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="84" height="143"> </td> <td width="469"> <div id="Reklam"><a target="_self" href="#" _fcksavedurl="#" _fcksavedurl="#"><img width="468" height="60" border="0" alt="" src="https://img.webme.com/pic/c/creative-blog/y-o-s-reklam.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-reklam.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/y-o-s-reklam.png" /></a></div> </td> <td width="43"> </td> <td width="158"> <p> </p> </td> <td width="204">  <a target="_blank" href="http://creative-blog.tr.gg/" _fcksavedurl="http://creative-blog.tr.gg/" _fcksavedurl="http://creative-blog.tr.gg/"> <div id="CB"> </div> </a></td> </tr> </tbody> </table> </td> </tr> </tbody> </table>

CSS KODU :

<style type="text/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-right:auto;margin-left:auto;} #webme_footer_textlink_dont_hide { background: rgba(98, 144, 34, 0.5); border: 1px solid rgba(98, 144, 34, .5); border-radius: 15px; /* Standart */ -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Chrome */ text-align: center; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:16px; text-decoration:none; margin-top:15px; margin-bottom:15px; } body { background-image: url(https://img.webme.com/pic/c/creative-blog/y-o-s-background.png); margin:0px; padding:0px; text-align: center; } a { text-decoration:none } a:hover { text-decoration:none } #Icerik { color: #ffffff; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:16px; } #Ust-Ana { background-image: url(https://img.webme.com/pic/c/creative-blog/y-o-s-ustmenu1.png); height: 42px; width: 149px; } #Ust-Ana:hover { background-image: url(https://img.webme.com/pic/c/creative-blog/y-o-s-ustmenu1hv.png); height: 65px; width: 149px; } #Ust-Ile { background-image: url(https://img.webme.com/pic/c/creative-blog/y-o-s-ustmenu2.png); height: 42px; width: 149px; } #Ust-Ile:hover { background-image: url(https://img.webme.com/pic/c/creative-blog/y-o-s-ustmenu2hv.png); height: 65px; width: 149px; } #Ust-Top { background-image: url(https://img.webme.com/pic/c/creative-blog/y-o-s-ustmenu3hv.png); height: 42px; width: 149px; } #Ust-Top:hover { background-image: url(https://img.webme.com/pic/c/creative-blog/y-o-s-ustmenu3hv.png); height: 65px; width: 149px; } #Site-Isim { color: #C06313; font-family: "Comic Sans MS", cursive; font-size: 30px; font-weight: bolder; margin-left: 25px; width: 300px; margin-bottom: 80px; } #Ticket-Menu { height: 43px; margin-left: 15px; } #Ticket-Menu a img { float: left; margin-left: 2px; border-right-width: thin; border-right-style: solid; border-right-color: #A95510; } .Ticket-Special { border-left-width: thin; border-left-style: solid; border-left-color: #A95510; } #YOS-Menu ul li a { color: #D7D9AE; text-decoration: none; font-family: "Comic Sans MS", cursive; font-size: 14px; display: block; margin-bottom: 4px; font-weight: bolder; height: 30px; border-bottom-width: thin; border-bottom-style: dotted; border-bottom-color: #D5D8AC; padding-left: 8px; } #YOS-Menu ul li a:hover { background-color: #486E13; text-align: left; } #YOS-Menu ul { padding-top: 10px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; text-align: left; margin: 0px; } #YOS-Menu ul li { list-style-type: none; } .Basliklar { color: #D5D8AC; font-family: "Comic Sans MS", cursive; font-size: 16px; font-weight: bolder; text-align: center; } .Basliklar:hover { color: #979A68; } .tavsiye { background-color: #486E13; height: 55px; width: 185px; padding-top: 5px; padding-left: 5px; margin-top: 5px; margin-bottom: 5px; } .Tavsiyeler { color: #D5D8AC; font-family: "Comic Sans MS", cursive; font-weight: bolder; font-size: 13px; text-decoration: none; } .Tavsiyeler a { text-decoration: none; color: #D5D8AC; } .Tavsiyeler a:hover { color: #989B69; } .Tavsiyeler:hover { color: #979A68; } .tavsiyeimg { border: thin dotted #D5D8AC; -webkit-transition: -webkit-transform 0.7s ease-in-out; -moz-transition: -moz-transform 0.7s ease-in-out; -ms-transition: -ms-transform 0.7s ease-in-out; -o-transition: -o-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out; } .tavsiyeimg:hover { border: thin dotted #979A68; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.7s ease-in-out; -moz-transition: -moz-transform 0.7s ease-in-out; -ms-transition: -ms-transform 0.7s ease-in-out; -o-transition: -o-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out; } .Tavsiye-Kategori { color: #D1D4A8; font-family: "Comic Sans MS", cursive; font-size: 10px; } #Reklam { height: 60px; width: 468px; margin-top: 7px; } #Reklam a img { -webkit-transition: -webkit-transform 0.7s ease-in-out; -moz-transition: -moz-transform 0.7s ease-in-out; -ms-transition: -ms-transform 0.7s ease-in-out; -o-transition: -o-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out; } #Reklam a img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.7s ease-in-out; -moz-transition: -moz-transform 0.7s ease-in-out; -ms-transition: -ms-transform 0.7s ease-in-out; -o-transition: -o-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out; } .Etiket { background-color: #486E13; height: 175px; width: 175px; margin-top: 7px; border: thin dotted #D5D8AC; margin-left: 7px; text-align: center; margin-bottom: 5px; } .Etiket a { color: #979A68; text-decoration: none; font-family: "Comic Sans MS", cursive; font-size: 12px; text-align: center; } #Dost-Site { margin-top: 3px; margin-bottom: 3px; } #Dost-Site ul li a { color: #D5D8AC; text-decoration: none; font-size: 14px; font-weight: bolder; font-family: "Comic Sans MS", cursive; } #Dost-Site ul li a:hover { color: #979A68; } #Dost-Site ul { padding-left: 10px; } #Dost-Site ul li { list-style-type: none; } .Oyun-Kutu { width:140px; height:100px; border-radius: 8px; /* Standart */ -moz-border-radius: 8px; /* Firefox */ -webkit-border-radius: 8px; /* Chrome*/ border: 3px solid #486E13; float: left; margin-left: 15px; margin-right: 10px; font-family: Tahoma; font-size: 14px; color: #D7D9AE; -webkit-transition: -webkit-transform 0.7s ease-in-out; -moz-transition: -moz-transform 0.7s ease-in-out; -ms-transition: -ms-transform 0.7s ease-in-out; -o-transition: -o-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out; } .Oyun-Kutu:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.7s ease-in-out; -moz-transition: -moz-transform 0.7s ease-in-out; -ms-transition: -ms-transform 0.7s ease-in-out; -o-transition: -o-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out; } .Oyun-Kutu div a { color: #D5D8AC; width: 140px; text-decoration: none; font-family: Tahoma; font-size: 15px; } .Oyun-Kutu div a img { margin-top: 7px; border: 2px solid #C06313; transition-property: border-widht; transition-duration:0.20s; height: 60px; width: 100px; } .Oyun-Kutu div a img:hover { border: 4px solid #C06313; transition-property: border-width; transition-duration:0.20s; } #CB { height: 100px; width: 150px; margin-left: 30px; } </style>

ANA SAYFA KODU : 

<div class="Oyun-Kutu"> <div><a href="#" _fcksavedurl="#" _fcksavedurl="#">Oyun Başlık</a></div> <div><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img width="100" height="60" border="0" alt="" src="https://img.webme.com/pic/d/denenmek/game-picture.png" _fcksavedurl="https://img.webme.com/pic/d/denenmek/game-picture.png" _fcksavedurl="https://img.webme.com/pic/d/denenmek/game-picture.png" /></a></div> </div> <div class="Oyun-Kutu"> <div><a href="#" _fcksavedurl="#" _fcksavedurl="#">Oyun Başlık</a></div> <div><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img width="100" height="60" border="0" alt="" src="https://img.webme.com/pic/d/denenmek/game-picture.png" _fcksavedurl="https://img.webme.com/pic/d/denenmek/game-picture.png" _fcksavedurl="https://img.webme.com/pic/d/denenmek/game-picture.png" /></a></div> </div> <div class="Oyun-Kutu"> <div><a href="#" _fcksavedurl="#" _fcksavedurl="#">Oyun Başlık</a></div> <div><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img width="100" height="60" border="0" alt="" src="https://img.webme.com/pic/d/denenmek/game-picture.png" _fcksavedurl="https://img.webme.com/pic/d/denenmek/game-picture.png" _fcksavedurl="https://img.webme.com/pic/d/denenmek/game-picture.png" /></a></div> </div> <div class="Oyun-Kutu"> <div><a href="#" _fcksavedurl="#" _fcksavedurl="#">Oyun Başlık</a></div> <div><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img width="100" height="60" border="0" alt="" src="https://img.webme.com/pic/d/denenmek/game-picture.png" _fcksavedurl="https://img.webme.com/pic/d/denenmek/game-picture.png" _fcksavedurl="https://img.webme.com/pic/d/denenmek/game-picture.png" /></a></div> </div>

Kaynak : Creative-Blog