OyunlarBilecik

Renkli Desing

Renkli Design
Şimdide renkli designle karşınızdayız. Ona bu ismi vermemin nedeni başlıca en üstündeki yerlerin rekli olması. Ayrıca bu tasarımda menülerimiz biraz farklı tasarımı inceledikten sonra sizinde beyeneceğinize eminim. Lafı çok uzatmadan tasarımın genel özelliklerine geçelim;

- Gri, kırmızı, mor, mavi, turuncu, ten rengi tonları tasarım içinde barındırmakta.
- Tasarım arkaplanı çizgili gri tonlarında olup tasarımı aydınlattı.
- Tasarımın üst menüsü olmamasına rağmen yan menüleri harika şekilde düzenlendi.
- Tasarım üstü 5 farklı renk kullanılarak renkli bir görünüm sağladı.
- Alt kısmına link takas bölümü eklenerek sitede link takas olanağı sağlandı.
- Ayrıca (Ana sayfa, İletişim, Z.defteri) Olmak üzeri küçük bir üst bölüm ayrıldı. Hemen bunların yanınada duyurular bölümü açılarak sitede duyuru yapılabilmesi sağlandı.

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

---------------------------------------------------------------------

CSS Bölümüne:
<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;} body { background: url(https://img.webme.com/pic/o/oyunlarbilecik/gris.png); } #duyuru { margin-bottom: 8px; color: #000; font-family: Tahoma, Geneva, sans-serif; font-size: 15px; } #üstmen1 { margin-bottom: 8px; height: 25px; } #üstmen2 { margin-bottom: 8px; height: 25px; } #üstmen3 { margin-bottom: 8px; height: 25px; } #468x60reklam { height: 60px; margin-bottom: 5px; } #logokısmı { height: 70px; margin-bottom: 5px; } #oblinki { height: 40px; } #siteekle1 a { text-decoration: none; font-family: Tahoma, Geneva, sans-serif; color: #54384E; text-align: center; } #siteekle1 a:hover { color: #5A889F; } #yanmenü ul { list-style-type: none; padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 7px; } #yanmenü ul li a { font-family: Tahoma, Geneva, sans-serif; color: #9E1100; text-decoration: none; display: block; margin-bottom: 4px; } #yanmenü ul li a:hover { color: #5B0A00; } #yanmenü2 ul { list-style-type: none; padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 7px; } #yanmenü2 ul li a { font-family: Tahoma, Geneva, sans-serif; color: #5A889F; text-decoration: none; display: block; margin-bottom: 4px; } #yanmenü2 ul li a:hover { color: #334D59; } #yanmenü2 ul li img { height: 19px; width: 15px; } #haftavideo { width: 200px; height: 130px; margin-top: 10px; background-image: url(https://img.webme.com/pic/o/oyunlarbilecik/haftavideomor.png); } #reklamalani { width: 200px; margin-top: 10px; margin-left: 3px; } #reklamalani a img { opacity: 0.6; } #reklamalani a img:hover { opacity: 99999999999999; }</style>

Tasarım Üstüne:
<table width="960" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td width="960" height="91" background="https://img.webme.com/pic/o/oyunlarbilecik/rainbowdesingob_01.png"> <table width="960" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td width="53" height="78"> </td> <td width="210"> <div id="logokısmı"> </div> </td> <td width="194"> </td> <td width="468"> <div id="468x60reklam"> </div> </td> <td width="35"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="960" height="84" valign="bottom" background="https://img.webme.com/pic/o/oyunlarbilecik/rainbowdesingob_02.png"> <table width="960" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td width="112"> </td> <td width="571"> <div id="duyuru"><marquee onmouseover="this.stop();" onmouseout="this.start();">Duyurular buraya gelecek!!!</marquee></div> </td> <td width="98"><a href="Link Buraya"> <div id="üstmen1"></div> </a></td> <td width="71" height="40"><a href="Link Buraya"> <div id="üstmen2"></div> </a></td> <td width="83"><a href="Link Buraya"> <div id="üstmen3"></div> </a></td> <td width="25"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="960" height="150" valign="top" background="https://img.webme.com/pic/o/oyunlarbilecik/rainbowdesingob_03.png"> <table width="960" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td width="25"> </td> <td width="665" align="center" valign="top"> <div id="içeriklerr">

Tasarım Altına:
</div> </td> <td width="15"> </td> <td width="230" align="center" valign="top"> <table width="230" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td> <table width="230" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td width="230" height="45" align="center" valign="top" background="https://img.webme.com/pic/o/oyunlarbilecik/kirmizimen_01.png"><span style="color: #5b0a00"><span style="font-family: Comic Sans MS"><strong>Site Menülerimiz</strong></span></span></td> </tr> <tr> <td width="230" height="40" align="center" valign="top" background="https://img.webme.com/pic/o/oyunlarbilecik/kirmizimen_02.png"> <table width="200" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td valign="top"> <div id="yanmenü"> <ul> <li><a href="#">Eklenecek </a></li> <li><a href="#">Eklenecek</a></li> <li><a href="#">Eklenecek</a></li> <li><a href="#">Eklenecek</a></li> <li><a href="#">Eklenecek</a></li> <li><a href="#">Eklenecek</a></li> </ul> </div> </td> <td valign="top"> <div id="yanmenü"> <ul> <li><a href="#">Eklenecek</a></li> <li><a href="#">Eklenecek</a></li> <li><a href="#">Eklenecek</a></li> <li><a href="#">Eklenecek</a></li> <li><a href="#">Eklenecek</a></li> <li><a href="#">Eklenecek</a></li> </ul> </div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="230" height="21" background="https://img.webme.com/pic/o/oyunlarbilecik/kirmizimen_03.png"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td> <br/> <table width="230" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td width="230" height="45" align="center" valign="top" background="https://img.webme.com/pic/o/oyunlarbilecik/mavimen_01.png"><span style="color: #334d59"><span style="font-family: "Comic Sans MS""><strong>Son Paylaştıklarımız</strong></span></span></td> </tr> <tr> <td width="230" height="40" align="center" valign="top" background="https://img.webme.com/pic/o/oyunlarbilecik/mavimen_02.png"> <table width="200" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td valign="top"> <div id="yanmenü2"> <ul> <li><a href="#"><img src="https://img.webme.com/pic/o/oyunlarbilecik/balon1.png" alt="" width="15" border="0" /> Paylaştığın Şeyi Yaz</a></li> <li><a href="#"><img src="https://img.webme.com/pic/o/oyunlarbilecik/balon1.png" alt="" width="15" border="0" /> Paylaştığın Şeyi Yaz</a></li> <li><a href="#"><img src="https://img.webme.com/pic/o/oyunlarbilecik/balon1.png" alt="" width="20" border="0" /> Paylaştığın Şeyi Yaz</a></li> <li><a href="#"><img src="https://img.webme.com/pic/o/oyunlarbilecik/balon1.png" alt="" width="20" border="0" /> Paylaştığın Şeyi Yaz</a></li> <li><a href="#"><img src="https://img.webme.com/pic/o/oyunlarbilecik/balon1.png" alt="" width="20" border="0" /> Paylaştığın Şeyi Yaz</a></li> <li><a href="#"><img src="https://img.webme.com/pic/o/oyunlarbilecik/balon1.png" alt="" width="20" border="0" /> Paylaştığın Şeyi Yaz</a></li> </ul> </div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="230" height="21" background="https://img.webme.com/pic/o/oyunlarbilecik/mavimen_03.png"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td> <br/> <table width="230" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td width="230" height="45" align="center" valign="top" background="https://img.webme.com/pic/o/oyunlarbilecik/turuncmen_01.png"><span style="color: #d87356"><span style="font-family: "Comic Sans MS""><strong>Reklam Alanı</strong></span></span></td> </tr> <tr> <td width="230" height="40" align="center" valign="top" background="https://img.webme.com/pic/o/oyunlarbilecik/turuncmen_02.png"> <table width="206" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td width="206" valign="top"> <div id="reklamalani"><a href="#"><img src="https://img.webme.com/pic/o/oyunlarbilecik/100x100reklamturunc.png" alt="" width="100" border="0" /></a><a href="#"><img src="https://img.webme.com/pic/o/oyunlarbilecik/100x100reklamturunc.png" alt="" width="100" border="0" /><br /> <img src="https://img.webme.com/pic/o/oyunlarbilecik/100x100reklamturunc.png" alt="" width="100" border="0" /><img src="https://img.webme.com/pic/o/oyunlarbilecik/100x100reklamturunc.png" alt="" width="100" border="0" /> </a></div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="230" height="21" background="https://img.webme.com/pic/o/oyunlarbilecik/turuncmen_03.png"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td> <br/> <table width="230" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td width="230" height="45" align="center" valign="top" background="https://img.webme.com/pic/o/oyunlarbilecik/mormen_01.png"><span style="color: #805576"><span style="font-family: "Comic Sans MS""><strong>Haftanın Videosu</strong></span></span></td> </tr> <tr> <td width="230" height="40" align="center" valign="top" background="https://img.webme.com/pic/o/oyunlarbilecik/mormen_02.png"> <table width="200" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td valign="top"> <div id="haftavideo"> </div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="230" height="21" background="https://img.webme.com/pic/o/oyunlarbilecik/mormen_03.png"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td> </td> </tr> </tbody> </table> </td> <td width="25"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="960" height="66" valign="bottom" background="https://img.webme.com/pic/o/oyunlarbilecik/rainbowdesingob_04.png"> <table width="960" border="0" align="center" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="199"> </td> <td width="108"> <div id="siteekle1" style="text-align: center"><a href="#">Siteni Ekle</a></div> </td> <td width="108" height="37"> <div id="siteekle1" style="text-align: center"><a href="#">Siteni Ekle</a></div> </td> <td width="108"> <div id="siteekle1" style="text-align: center"><a href="#">Siteni Ekle</a></div> </td> <td width="108"> <div id="siteekle1" style="text-align: center"><a href="#">Siteni Ekle</a></div> </td> <td width="108"> <div id="siteekle1" style="text-align: center"><a href="#">Siteni Ekle</a></div> </td> <td width="221"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="960" height="50" background="https://img.webme.com/pic/o/oyunlarbilecik/rainbowdesingob_05.png"> <table width="960" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td width="385" height="47"> </td> <td width="171"><a target="_blank" href="http://oyunlarbilecik.tr.gg/"> <div id="oblinki"></div> </a></td> <td width="404"> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table>

>>> Tasarım Önizlemesi İçin Tıklayın <<<

Renkli Desing