Creative-Blog

Kahve Oyun Sitesi

Kahve Oyun Sitesi Tasarımı

Öncelikle hemen şunu acıklayayım bu tasarım ab-oyun.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;

- Kahve ve açık kahve tonları kullanılarak oyun sitesine uygun renklendirildi.

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

- Tasarımın ekndisinde bulunan üstmenülere tr.gg sayesinde link eklendi.

- Tasarım üstüne bulguğum küçük şirin evler, ağaçlar, süsler ve çalılar koyarak tasarım renklendirildi.

- Alt kısmına link takas bölümü eklenerek sitede link takas olanağı sağlandı.

- Güzel hoverli menüler, tavsiye edilen oyunlar, etiketler ve 90x90 reklam alanları konularak reklam olanağı sunuldu.

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:

<table border="0" cellspacing="0" cellpadding="0" width="930">     <tbody>         <tr>             <td width="930" valign="bottom" height="67" background="https://img.webme.com/pic/c/creative-blog/k-o-s_01.png">             <table width="930" cellspacing="0" cellpadding="0" border="0">                 <tbody>                     <tr>                         <td width="246"> </td>                         <td width="136" valign="bottom"><a href="#" _fcksavedurl="#" target="_self">                         <div id="Ust-Menu1"> </div>                         </a></td>                         <td width="14"> </td>                         <td width="136" valign="bottom"><a href="#" _fcksavedurl="#" target="_self">                         <div id="Ust-Menu2"> </div>                         </a></td>                         <td width="14"> </td>                         <td width="136" valign="bottom"><a href="#" _fcksavedurl="#" target="_self">                         <div id="Ust-Menu3"> </div>                         </a></td>                         <td width="248"> </td>                     </tr>                 </tbody>             </table>             </td>         </tr>         <tr>             <td width="960" height="139" background="https://img.webme.com/pic/c/creative-blog/k-o-s_02.png"><div id="KOS-Nick">Logo&Site</div></td>         </tr>         <tr>             <td width="930" height="47" background="https://img.webme.com/pic/c/creative-blog/k-o-s_03.png">             <table width="930" cellspacing="0" cellpadding="0" border="0">                 <tbody>                     <tr>                         <td width="93"> </td>                         <td width="63" valign="bottom"><a href="#" _fcksavedurl="#" target="_self">                         <div id="Orta-Menu"> </div>                         </a></td>                         <td width="10"> </td>                         <td width="61" valign="bottom"><a href="#" _fcksavedurl="#" target="_self">                         <div id="Orta-Menu"> </div>                         </a></td>                         <td width="11"> </td>                         <td width="58" valign="bottom"><a href="#" _fcksavedurl="#" target="_self">                         <div id="Orta-Menu"> </div>                         </a></td>                         <td width="10" height="41"> </td>                         <td width="79" valign="bottom"><a href="#" _fcksavedurl="#" target="_self">                         <div id="Orta-Menu"> </div>                         </a></td>                         <td width="10"> </td>                         <td width="66" valign="bottom"><a href="#" _fcksavedurl="#" target="_self">                         <div id="Orta-Menu"> </div>                         </a></td>                         <td width="10"> </td>                         <td width="45" valign="bottom"><a href="#" _fcksavedurl="#" target="_self">                         <div id="Orta-Menu"> </div>                         </a></td>                         <td width="10"> </td>                         <td width="55" valign="bottom"><a href="#" _fcksavedurl="#" target="_self">                         <div id="Orta-Menu"> </div>                         </a></td>                         <td width="10"> </td>                         <td width="52" valign="bottom"><a href="#" _fcksavedurl="#" target="_self">                         <div id="Orta-Menu"> </div>                         </a></td>                         <td width="10"> </td>                         <td width="52" valign="bottom"><a href="#" _fcksavedurl="#" target="_self">                         <div id="Orta-Menu"> </div>                         </a></td>                         <td width="10"> </td>                         <td width="55" valign="bottom"><a href="#" _fcksavedurl="#" target="_self">                         <div id="Orta-Menu"> </div>                         </a></td>                         <td width="10"> </td>                         <td width="56" valign="bottom"><a href="#" _fcksavedurl="#" target="_self">                         <div id="Orta-Menu"> </div>                         </a></td>                         <td width="94"> </td>                     </tr>                 </tbody>             </table>             </td>         </tr>         <tr>             <td width="960" height="73" background="https://img.webme.com/pic/c/creative-blog/k-o-s_04.png"> </td>         </tr>         <tr>             <td width="930" valign="top" height="200" background="https://img.webme.com/pic/c/creative-blog/k-o-s_05.png">             <table width="930" cellspacing="0" cellpadding="0" border="0">                 <tbody>                     <tr>                         <td width="35"> </td>                         <td width="200" valign="top">                         <table width="200" cellspacing="0" cellpadding="0" border="0">                             <tbody>                                 <tr>                                     <td width="200" height="35" background="https://img.webme.com/pic/c/creative-blog/k-o-s-menu-baslik.png" align="center"><div class="KOS-Basliklar">Menü Başlığı</div></td>                                 </tr>                                 <tr>                                     <td>                                     <div id="KOS-Yanmenu">                                     <ul>                                         <li><a href="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/menu-ok-kahve.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-kahve.png" alt="" /> Eklenecek</a></li>                                         <li><a href="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/menu-ok-mavi.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-mavi.png" alt="" /> Eklenecek</a></li>                                         <li><a href="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" alt="" /> Eklenecek</a></li>                                         <li><a href="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/menu-ok-turunc.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-turunc.png" alt="" /> Eklenecek</a></li>                                         <li><a href="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/menu-ok-mavi.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-mavi.png" alt="" /> Eklenecek</a></li>                                         <li><a href="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-yesil.png" alt="" /> Eklenecek</a></li>                                         <li><a href="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/menu-ok-kahve.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/menu-ok-kahve.png" alt="" /> Creative-Blog</a></li>                                     </ul>                                     </div>                                     </td>                                 </tr>                                 <tr>                                     <td width="200" height="35" background="https://img.webme.com/pic/c/creative-blog/k-o-s-menu-baslik.png" align="center"><div class="KOS-Basliklar">Önerilenler</div></td>                                 </tr>                                 <tr>                                     <td valign="top">                                     <div id="Favoriler">                                     <table width="200" cellspacing="0" cellpadding="0" border="0">                                         <tbody>                                             <tr>                                                 <td width="95" valign="top"><img width="90" height="70" src="https://img.webme.com/pic/d/denenmek/age.png" _fcksavedurl="https://img.webme.com/pic/d/denenmek/age.png" alt="" /></td>                                                 <td width="105" valign="middle" align="center">                                                 <table width="105" cellspacing="0" cellpadding="0" border="0">                                                     <tbody>                                                         <tr>                                                             <td valign="top" height="10">                                                             <div id="Oyun-Isim"><a href="#" _fcksavedurl="#">Oyun İsmi Yaz</a></div>                                                             </td>                                                         </tr>                                                         <tr>                                                             <td height="50">                                                             <div id="Oyun-Kategori">> Beceri</div>                                                             </td>                                                         </tr>                                                     </tbody>                                                 </table>                                                 </td>                                             </tr>                                         </tbody>                                     </table>                                     </div>                                     <div id="Favoriler">                                     <table width="200" cellspacing="0" cellpadding="0" border="0">                                         <tbody>                                             <tr>                                                 <td width="95" valign="top"><img width="90" height="70" src="https://img.webme.com/pic/d/denenmek/age.png" _fcksavedurl="https://img.webme.com/pic/d/denenmek/age.png" alt="" /></td>                                                 <td width="105" valign="middle" align="center">                                                 <table width="105" cellspacing="0" cellpadding="0" border="0">                                                     <tbody>                                                         <tr>                                                             <td valign="top" height="10">                                                             <div id="Oyun-Isim"><a href="#" _fcksavedurl="#">Oyun İsmi Yaz</a></div>                                                             </td>                                                         </tr>                                                         <tr>                                                             <td height="50">                                                             <div id="Oyun-Kategori">> Beceri</div>                                                             </td>                                                         </tr>                                                     </tbody>                                                 </table>                                                 </td>                                             </tr>                                         </tbody>                                     </table>                                     </div>                                     <div id="Favoriler">                                     <table width="200" cellspacing="0" cellpadding="0" border="0">                                         <tbody>                                             <tr>                                                 <td width="95" valign="top"><img width="90" height="70" src="https://img.webme.com/pic/d/denenmek/age.png" _fcksavedurl="https://img.webme.com/pic/d/denenmek/age.png" alt="" /></td>                                                 <td width="105" valign="middle" align="center">                                                 <table width="105" cellspacing="0" cellpadding="0" border="0">                                                     <tbody>                                                         <tr>                                                             <td valign="top" height="10">                                                             <div id="Oyun-Isim"><a href="#" _fcksavedurl="#">Oyun İsmi Yaz</a></div>                                                             </td>                                                         </tr>                                                         <tr>                                                             <td height="50">                                                             <div id="Oyun-Kategori">> Beceri</div>                                                             </td>                                                         </tr>                                                     </tbody>                                                 </table>                                                 </td>                                             </tr>                                         </tbody>                                     </table>                                     </div>                                     </td>                                 </tr>                                 <tr>                                     <td width="200" height="35" background="https://img.webme.com/pic/c/creative-blog/k-o-s-menu-baslik.png" align="center"><div class="KOS-Basliklar">Etiketler</div></td>                                 </tr>                                 <tr>                                     <td valign="top" align="center">                                     <div id="Etiketler"><a href="#" _fcksavedurl="#">oyun sitesi, oyun oyna, en güzel oyunlar, hty oyun, güzel oyunlar, oyna, yarış oyunları, dövüş oyunları, savaş oyunları, spor oyunları, beceri oyunları, zeka oyunları, mario oyunları, macera oyunları, çizgi film oyunları, boyama oyunları, kız oyunları, çocuk oyunarı, nişan oyunları, yemek oyunları, oyunlar oyna, oyunlar1, kral oyun, cenk oyun</a></div>                                     </td>                                 </tr>                                 <tr>                                     <td width="200" height="35" background="https://img.webme.com/pic/c/creative-blog/k-o-s-menu-baslik.png" align="center"><div class="KOS-Basliklar">Reklamlar</div></td>                                 </tr>                                 <tr>                                     <td valign="top">                                     <div id="Reklam-90"><a href="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/k-o-s-reklam-mavi.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/k-o-s-reklam-mavi.png" alt="" /></a> <a href="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/k-o-s-reklam-kirmizi.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/k-o-s-reklam-kirmizi.png" alt="" /></a><br />                                     <a href="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/k-o-s-reklam-sari.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/k-o-s-reklam-sari.png" alt="" /></a> <a href="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/k-o-s-reklam-yesil.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/k-o-s-reklam-yesil.png" alt="" /></a></div>                                     </td>                                 </tr>                             </tbody>                         </table>                         </td>                         <td width="10"> </td>                         <td width="662" valign="top" align="center">                         <div id="Icerik">

Tasarım Altına:

</div>                         </td>                         <td width="23"> </td>                     </tr>                 </tbody>             </table>             </td>         </tr>         <tr>             <td width="930" valign="bottom" height="87" background="https://img.webme.com/pic/c/creative-blog/k-o-s_06.png"><div style="text-align: center" id="Link-Takas">               <ul>                 <li><a href="#" _fcksavedurl="#">Siteni Ekle</a></li>                 <li><a href="#" _fcksavedurl="#">Siteni Ekle</a></li>                 <li><a href="#" _fcksavedurl="#">Siteni Ekle</a></li>                 <li><a href="#" _fcksavedurl="#">Siteni Ekle</a></li>                 <li><a href="#" _fcksavedurl="#">Siteni Ekle</a></li>               </ul>             </div></td>         </tr>         <tr>             <td width="930" height="107" background="https://img.webme.com/pic/c/creative-blog/k-o-s_07.png"><a href="http://creative-blog.tr.gg/" _fcksavedurl="http://creative-blog.tr.gg/" target="_blank">               <div id="CB"> </div>             </a></td>         </tr>     </tbody> </table>

Ana Sayfa Kodu:

<div class="Oyun-Kutu">                         <div id="Laps-Tittle"><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 id="Laps-Tittle"><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 id="Laps-Tittle"><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 id="Laps-Tittle"><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

Kahve Oyun Sitesi