Creative-Blog

Yesil Oyun Sitesi

Yeşil Oyun Sitesi Tasarımı

Öncelikle hemen şunu acıklayayım bu tasarım cenkoyun0.tr.gg sitesi için tasarlamıştım. Fakat başkalarınada yararlı olabileceğini düşünerek size değerli ziyaretçilerimize sunuyorum. Tasarım özellikleri genel olarak şunlar;

- Yeşil ve yeşilin tonları kullanılarak oyun sitesine uygun renklendirildi.

- Arkaplana çizgili açık renklerde turuncu bir arkaplan eklenerek tasarım aydınlatıldı.

- Hoversiz fakat her biri fotoshopda hazırlanmış özel bir oyun üst menüsü eklendi.

- Tasarım üstüne yeşilin 2 tonu kullanılanara ve bir maskot eklenerek çeşitlendirildi.

- Alt kısmına 468x60 reklam alanı eklenerek reklam olanağı sağladı.

- Güzel hoverli ve resimli yan menülerle son nokta koyuldu

Not: Önizleme için resmin üstüne yada kodların altındaki yazıya tıklayanız.

Css Bölümüne:

Tasarım Üzerine:

Tasarım Altına:

</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" /> </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"><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" alt="" /> Beceri Oyunları</a></li>                                         <li><a href="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" alt="" /> Çocuk Oyunları</a></li>                                         <li><a href="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" alt="" /> Çizgi Film Oyunları</a></li>                                         <li><a href="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" alt="" /> Mario Oyunları</a></li>                                         <li><a href="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" alt="" /> Dövüş Oyunları</a></li>                                         <li><a href="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" alt="" /> Giydirme Oyunları</a></li>                                         <li><a href="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" alt="" /> Macera Oyunları</a></li>                                         <li><a href="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" alt="" /> Kız Oyunları</a></li>                                         <li><a href="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" alt="" /> Boyama Oyunları</a></li>                                         <li><a href="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" alt="" /> Nişan Oyunları</a></li>                                         <li><a href="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" alt="" /> Oda Oyunları</a></li>                                         <li><a href="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" alt="" />Savaş Oyunları</a></li>                                         <li><a href="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" alt="" /> Spor Oyunları</a></li>                                         <li><a href="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" alt="" /> Yarış Oyunları</a></li>                                         <li><a href="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" alt="" /> Yemek Oyunları</a></li>                                         <li><a href="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" 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="#"><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" 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="#">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="#"><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" 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="#">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="#"><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" 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="#">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="#"><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" 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="#">İ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="#">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">-Dost Site 1</a></li>                                         <li><a href="#" _fcksavedurl="#">-Dost Site 2</a></li>                                         <li><a href="#" _fcksavedurl="#">-Dost Site 3</a></li>                                         <li><a href="#" _fcksavedurl="#">-Dost Site 4</a></li>                                         <li><a href="#" _fcksavedurl="#">-Dost Site 5</a></li>                                         <li><a href="#" _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="#"><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" /></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/">                         <div id="CB"> </div>                         </a></td>                     </tr>                 </tbody>             </table>             </td>         </tr>     </tbody> </table>

Ana Sayfa Kodu:

<div class="Oyun-Kutu">                         <div><a href="#" _fcksavedurl="#">Oyun Başlık</a></div>                         <div><a href="#" _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" /></a></div>                         </div>                         <div class="Oyun-Kutu">                         <div><a href="#" _fcksavedurl="#">Oyun Başlık</a></div>                         <div><a href="#" _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" /></a></div>                         </div>                         <div class="Oyun-Kutu">                         <div><a href="#" _fcksavedurl="#">Oyun Başlık</a></div>                         <div><a href="#" _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" /></a></div>                         </div>                         <div class="Oyun-Kutu">                         <div><a href="#" _fcksavedurl="#">Oyun Başlık</a></div>                         <div><a href="#" _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" /></a></div>                         </div>

Tasarımın Önizlemesini Gör

Yesil Oyun Sitesi