Creative-Blog

Mor Oyun Sitesi

Mor Oyun Sitesi Tasarımı

Yepyeni tasarımlardan biri karşınızda. Mos mor bi oyun sitesi tasarımı. Özellikle gözü yormamasını sağlamaya çalıştım başarılı olabildim mi bilmiyorum ama buyrun siz tasarıma bir göz atın. Tasarım özellikleri genel olarak şunlar;

- Mor ve gri tonları kullanılarak oyun sitesine uygun renklendirildi.

- Arkaplana üstlü ve altlı olacak şekilde Mor+Gri arkaplan yapıldı..

- Yan menüsü bulunmamakla beraber Üst ve Sol kayan menüye tasarımda yer verildi

- Tasarım güzel bi footer ile güzelleştirildi.

- Alt kısmına "Dost Siteler" ve "Hakkımızda Bölümü" eklendi.

- Güzel birer oyun kutuları yapılarak kullanıcılara rahatlık sunuldı.

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:

<br /> <br /> <table width="960" cellspacing="0" cellpadding="0" border="0">     <tbody>         <tr>             <td width="960" height="319" background="https://img.webme.com/pic/c/creative-blog/m-o-s-design_01.png">             <div id="Ust-Logo">250x75 Logo Alanı<br />             (Genişletilebilir)</div>             <div id="Ust-Menu">             <ul>                 <li><a href="#" _fcksavedurl="#"> Macera</a></li>                 <li><a href="#" _fcksavedurl="#">Beceri</a></li>                 <li><a href="#" _fcksavedurl="#">Dövüş</a></li>                 <li><a href="#" _fcksavedurl="#">Çizgi Film</a></li>                 <li><a href="#" _fcksavedurl="#">Mario</a></li>                 <li><a href="#" _fcksavedurl="#">Boyama</a></li>                 <li><a href="#" _fcksavedurl="#">Savaş</a></li>                 <li><a href="#" _fcksavedurl="#">Yemek</a></li>                 <li><a href="#" _fcksavedurl="#">Yarış</a></li>                 <li><a href="#" _fcksavedurl="#">Çocuk</a></li>             </ul>             </div>             </td>         </tr>         <tr>             <td width="960" height="66" background="https://img.webme.com/pic/c/creative-blog/m-o-s-design_02.png">             <div id="Ekstra-Menu">             <ul>                 <li><a href="javascript:location.reload()" _fcksavedurl="javascript:location.reload()">Ghostt</a></li>                 <li><a href="#" _fcksavedurl="#">Ghostt</a></li>                 <li><a href="#" _fcksavedurl="#">Ghostt</a></li>             </ul>             </div>             <div id="Ekstra-Sosyal"><a href="http://tr-tr.facebook.com/" _fcksavedurl="http://tr-tr.facebook.com/"><img width="25" height="25" border="0" alt="" src="https://img.webme.com/pic/c/creative-blog/mrs-facebook.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/mrs-facebook.png" /></a>      <a href="http://twitter.com/" _fcksavedurl="http://twitter.com/"><img width="25" height="25" border="0" alt="" src="https://img.webme.com/pic/c/creative-blog/mrs-twitter.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/mrs-twitter.png" /></a>      <a href="http://www.google.com.tr/webhp?sourceid=navclient&hl=tr&ie=UTF-8" _fcksavedurl="http://www.google.com.tr/webhp?sourceid=navclient&hl=tr&ie=UTF-8"><img width="25" height="25" border="0" alt="" src="https://img.webme.com/pic/c/creative-blog/mrs-google.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/mrs-google.png" /></a>      <a href="#" _fcksavedurl="#"><img width="25" height="25" border="0" alt="" src="https://img.webme.com/pic/c/creative-blog/mrs-rss.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/mrs-rss.png" /></a></div>             </td>         </tr>         <tr>             <td width="960" valign="top" height="300" background="https://img.webme.com/pic/c/creative-blog/m-o-s-design_03.png">             <div id="Icerik">

Tasarım Altına:

</div>             </td>         </tr>         <tr>             <td width="960" height="221" background="https://img.webme.com/pic/c/creative-blog/m-o-s-design_04.png">             <div id="Alt-Alan-Sol">Dost Siteler<br />             <table width="280" cellspacing="0" cellpadding="0" border="0">                 <tbody>                     <tr>                         <td>                         <ul>                             <li><a href="#" _fcksavedurl="#">Eklenecek</a></li>                             <li><a href="#" _fcksavedurl="#">Eklenecek</a></li>                             <li><a href="#" _fcksavedurl="#">Eklenecek</a></li>                             <li><a href="#" _fcksavedurl="#">Eklenecek</a></li>                         </ul>                         </td>                         <td>                         <ul>                             <li><a href="#" _fcksavedurl="#">Eklenecek</a></li>                             <li><a href="#" _fcksavedurl="#">Eklenecek</a></li>                             <li><a href="#" _fcksavedurl="#">Eklenecek</a></li>                             <li><a href="#" _fcksavedurl="#">Eklenecek</a></li>                         </ul>                         </td>                     </tr>                 </tbody>             </table>             </div>             <div id="Alt-Alan-Sag">Hakkımızda<br />             <div id="Alt-Yazi">Buraya kendin hakkında yazı yaz.</div>             </div>             <a target="_blank" href="http://creative-blog.tr.gg/" _fcksavedurl="http://creative-blog.tr.gg/">             <div class="CB-Dondur" aling="center"> </div>             </a></td>         </tr>     </tbody> </table> <script type="text/javascript" src="http://HypeRxX.opendrive.com/files/NV80MTQ3OTgxMV9Qcjdaag/M-Kutusu.js"></script> <div id="fbslidebox"> <div id="Mor-Creat-Menu"> <ul>     <li><a href="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/creat-1.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/creat-1.png" alt="" />Ana Sayfa</a></li>     <li><a href="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/creat-2.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/creat-2.png" alt="" />İletişim</a></li>     <li><a href="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/creat-3.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/creat-3.png" alt="" />Z.Defteri</a></li>     <li><a href="#" _fcksavedurl="#"><img border="0" src="https://img.webme.com/pic/c/creative-blog/creat-4.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/creat-4.png" alt="" />Hakkımda</a></li> </ul> </div> </div>

Ana Sayfa Kodu:

<div id="Oyun-Kutu">             <div id="Oyun-Resim"><a href="#" _fcksavedurl="#"><img width="130" height="85" 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 id="Oyun-Baslik"><a href="#" _fcksavedurl="#">Oyunun İsmi</a></div>             </div>             <div id="Oyun-Kutu">             <div id="Oyun-Resim"><a href="#" _fcksavedurl="#"><img width="130" height="85" 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 id="Oyun-Baslik"><a href="#" _fcksavedurl="#">Oyunun İsmi</a></div>             </div>             <div id="Oyun-Kutu">             <div id="Oyun-Resim"><a href="#" _fcksavedurl="#"><img width="130" height="85" 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 id="Oyun-Baslik"><a href="#" _fcksavedurl="#">Oyunun İsmi</a></div>             </div>             <div id="Oyun-Kutu">             <div id="Oyun-Resim"><a href="#" _fcksavedurl="#"><img width="130" height="85" 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 id="Oyun-Baslik"><a href="#" _fcksavedurl="#">Oyunun İsmi</a></div>             </div>             <div id="Oyun-Kutu">             <div id="Oyun-Resim"><a href="#" _fcksavedurl="#"><img width="130" height="85" 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 id="Oyun-Baslik"><a href="#" _fcksavedurl="#">Oyunun İsmi</a></div>             </div>             <div id="Oyun-Kutu">             <div id="Oyun-Resim"><a href="#" _fcksavedurl="#"><img width="130" height="85" 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 id="Oyun-Baslik"><a href="#" _fcksavedurl="#">Oyunun İsmi</a></div>             </div>             <div id="Oyun-Kutu">             <div id="Oyun-Resim"><a href="#" _fcksavedurl="#"><img width="130" height="85" 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 id="Oyun-Baslik"><a href="#" _fcksavedurl="#">Oyunun İsmi</a></div>             </div>             <div id="Oyun-Kutu">             <div id="Oyun-Resim"><a href="#" _fcksavedurl="#"><img width="130" height="85" 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 id="Oyun-Baslik"><a href="#" _fcksavedurl="#">Oyunun İsmi</a></div>             </div>

Tasarımın Önizlemesini Gör

Mor Oyun Sitesi