OyunlarBilecik

Gri Beta V1 Tasarımı

Gri Beta V1 Tasarımı
Gri beta V1 tasarımıyla karşınızdayız. Tamamen sizin için kendimiz yaptık. Tasarım özellikleri;

- Farklı yerlerde farklı gri tonları kullanılanarak uyumlu biçimde yerleştirildi.
- Arkaplana çizgili açık renjlerde bir arkaplan eklenerek tasarım aydınlatıldı.
- Farklı ve değişik hoverli bir üst menü eklendi.
- Tasarım üstüne sitenizin ismini yazabilmeniz için süslü başlık yeri yapıldı.
- Alt kısmına link takas bölümü ve yukarı çıkma çapası yerleştirildi.
- Güzel hoverli 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:
<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;} #lnktks a { text-decoration: none; color: #4D4C4C; font-family: "Comic Sans MS", cursive; font-size: 15px; font-weight: bolder; } #lnktks a:hover { color: #ACACAC; text-decoration: blink; } #lnktks { margin-top: 10px; } #lnktks2 a { text-decoration: none; color: #4D4C4C; font-family: "Comic Sans MS", cursive; font-size: 15px; font-weight: bolder; } #lnktks2 a:hover { color: #ACACAC; text-decoration: blink; } #lnktks2 { margin-top: 10px; } #lnktks3 a { text-decoration: none; color: #4D4C4C; font-family: "Comic Sans MS", cursive; font-size: 15px; font-weight: bolder; } #lnktks3 a:hover { color: #ACACAC; text-decoration: blink; } #lnktks3 { margin-top: 10px; } #lnktks4 a { text-decoration: none; color: #4D4C4C; font-family: "Comic Sans MS", cursive; font-size: 15px; font-weight: bolder; } #lnktks4 a:hover { color: #ACACAC; text-decoration: blink; } #lnktks4 { margin-top: 10px; }#lnktks5 a { text-decoration: none; color: #4D4C4C; font-family: "Comic Sans MS", cursive; font-size: 15px; font-weight: bolder; } #lnktks5 a:hover { color: #ACACAC; text-decoration: blink; } #lnktks5 { margin-top: 10px; } #içerik { } #video { padding-top: 5px; height: 150px; padding-bottom: 5px; } #reklam { padding-left: 7px; padding-top: 1px; padding-bottom: 2px; } #reklam p img { opacity: .5; } #reklam p img:hover { opacity: .9999999999999999; } #menü ul { list-style-type: none; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding: 0px; text-align: center; } #menü ul li a { text-decoration: none; color: #4F4E4E; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; display: block; font-size: 18px; margin-bottom: 2px; border-bottom-width: thin; border-bottom-style: dotted; border-bottom-color: #4F4E4E; } #menü ul li a:hover { background-color: #898888; } #üstmn1 { height: 60px; width: 156px; } #üstmn1:hover { background-image: url(https://img.webme.com/pic/o/oyunlarbilecik/grianasfhv.png); height: 60px; width: 156px; } #üstmn2 { height: 60px; width: 155px; } #üstmn2:hover { background-image: url(https://img.webme.com/pic/o/oyunlarbilecik/grianasfhv2.png); height: 60px; width: 155px; } #üstmn3 { height: 60px; width: 155px; } #üstmn3:hover { background-image: url(https://img.webme.com/pic/o/oyunlarbilecik/grianasfhv3.png); height: 60px; width: 155px; } #üstmn4 { height: 60px; width: 155px; } #üstmn4:hover { background-image: url(https://img.webme.com/pic/o/oyunlarbilecik/grianasfhv4.png); height: 60px; width: 155px; } #üstmn5 { height: 60px; width: 155px; } #üstmn5:hover { background-image: url(https://img.webme.com/pic/o/oyunlarbilecik/grianasfhv5.png); height: 60px; width: 155px; } #üstmn6 { height: 60px; width: 158px; } #üstmn6:hover { background-image: url(https://img.webme.com/pic/o/oyunlarbilecik/grianasfhv6.png); height: 60px; width: 158px; } #siteisim { font-family: "Comic Sans MS", cursive; font-size: 16px; font-weight: bolder; color: #4D4C4C; } body { background-image: url(https://img.webme.com/pic/o/oyunlarbilecik/gris.png); } #yukarıcık { }</style>

Tasarım Üstüne:
<table width="950" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td height="108" valign="bottom" background="https://img.webme.com/pic/o/oyunlarbilecik/griv1_01.png" width="950" align="center"> <table border="0" cellspacing="0" cellpadding="0" width="951"> <tbody> <tr> <td height="60" width="340"> </td> <td width="272" align="center"> <div id="siteisim">Buraya Sitenizin İsmi Gelebilir</div> </td> <td width="339"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td height="60" background="https://img.webme.com/pic/o/oyunlarbilecik/griv1_02.png" width="950" align="left"> <table border="0" cellspacing="0" cellpadding="0" width="934"> <tbody> <tr> <td valign="top"> <div id="üstmn1"> </div> </td> <td align="left"> <div id="üstmn2"> </div> </td> <td align="left"> <div id="üstmn3"> </div> </td> <td align="left"> <div id="üstmn4"> </div> </td> <td height="60" align="left"> <div id="üstmn5"> </div> </td> <td align="left"> <div id="üstmn6"> </div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td height="55" background="https://img.webme.com/pic/o/oyunlarbilecik/griv1_03.png" width="950"> </td> </tr> <tr> <td height="200" valign="top" background="https://img.webme.com/pic/o/oyunlarbilecik/griv1_04.png" width="950"> <table border="0" cellspacing="0" cellpadding="0" width="951"> <tbody> <tr> <td width="10"> </td> <td width="684" height="980" align="center" valign="top"> <div id="içerik">

Tasarım Altına:

</div> </td> <td width="43">&nbsp;</td> <td valign="top" width="203" align="center"> <table border="0" cellspacing="0" cellpadding="0" width="202"> <tbody> <tr> <td>&nbsp;</td> </tr> <tr> <td height="37" background="https://img.webme.com/pic/o/oyunlarbilecik/grismenbaslik.png" width="203" style="text-align: center">&nbsp;<strong><span style="font-family: Comic Sans MS"><big><span style="color: #c0c0c0">Başlık Buraya</span></big></span></strong></td> </tr> <tr> <td valign="top"> <div id="men&uuml;"> <ul> <li><a href="#"><img border="0" alt="" src="https://img.webme.com/pic/o/oyunlarbilecik/menokgriss.png" /> Oyunlarbilecik </a></li> <li><a href="#"><img border="0" alt="" src="https://img.webme.com/pic/o/oyunlarbilecik/menokgriss.png" /> Eklenecek </a></li> <li><a href="#"><img border="0" alt="" src="https://img.webme.com/pic/o/oyunlarbilecik/menokgriss.png" /> Eklenecek </a></li> <li><a href="#"><img border="0" alt="" src="https://img.webme.com/pic/o/oyunlarbilecik/menokgriss.png" /> Eklenecek </a></li> <li><a href="#"><img border="0" alt="" src="https://img.webme.com/pic/o/oyunlarbilecik/menokgriss.png" /> Eklenecek </a></li> <li><a href="#"><img border="0" alt="" src="https://img.webme.com/pic/o/oyunlarbilecik/menokgriss.png" /> Eklenecek</a></li> </ul> </div> </td> </tr> <tr> <td height="37" background="https://img.webme.com/pic/o/oyunlarbilecik/grismenbaslik.png" width="203" style="text-align: center">&nbsp;<span style="font-family: Comic Sans MS"><big><span style="color: #c0c0c0"><strong><font size="3">Başlık Buraya</font></strong></span></big></span></td> </tr> <tr> <td> <div id="men&uuml;"> <ul> <li><a href="#"><img border="0" alt="" src="https://img.webme.com/pic/o/oyunlarbilecik/menokgriss.png" /> Oyunlarbilecik </a></li> <li><a href="#"><img border="0" alt="" src="https://img.webme.com/pic/o/oyunlarbilecik/menokgriss.png" /> Eklenecek </a></li> <li><a href="#"><img border="0" alt="" src="https://img.webme.com/pic/o/oyunlarbilecik/menokgriss.png" /> Eklenecek </a></li> <li><a href="#"><img border="0" alt="" src="https://img.webme.com/pic/o/oyunlarbilecik/menokgriss.png" /> Eklenecek </a></li> <li><a href="#"><img border="0" alt="" src="https://img.webme.com/pic/o/oyunlarbilecik/menokgriss.png" /> Eklenecek </a></li> <li><a href="#"><img border="0" alt="" src="https://img.webme.com/pic/o/oyunlarbilecik/menokgriss.png" /> Eklenecek</a></li> </ul> </div> </td> </tr> <tr> <td height="37" background="https://img.webme.com/pic/o/oyunlarbilecik/grismenbaslik.png" width="203" style="text-align: center">&nbsp;<span style="font-family: Comic Sans MS"><big><span style="color: #c0c0c0"><strong><font size="3">Reklam Alanı</font></strong></span></big></span></td> </tr> <tr> <td> <div id="reklam"> <p><a href="#"><img src="https://img.webme.com/pic/o/oyunlarbilecik/rklmalani90.png" alt="" border="0" /></a> <a href="#"><img src="https://img.webme.com/pic/o/oyunlarbilecik/rklmalani90.png" alt="" border="0" /></a><a href="#"><img src="https://img.webme.com/pic/o/oyunlarbilecik/rklmalani90.png" alt="" border="0" /></a> <a href="#"><img src="https://img.webme.com/pic/o/oyunlarbilecik/rklmalani90.png" alt="" border="0" /></a></p> </div> </td> </tr> <tr> <td height="37" background="https://img.webme.com/pic/o/oyunlarbilecik/grismenbaslik.png" width="203" style="text-align: center">&nbsp;<span style="font-family: Comic Sans MS"><big><span style="color: #c0c0c0"><strong><font size="3">Haftanın Videosu</font></strong></span></big></span></td> </tr> <tr> <td valign="top"> <div id="video"><iframe height="200" src="http://www.youtube.com/embed/WgKExOneYqs" frameborder="0" width="200" allowfullscreen=""></iframe></div> </td> </tr> </tbody> </table> </td> <td width="11">&nbsp;</td> </tr> </tbody> </table> </td> </tr> <tr> <td width="950" height="110" align="center" background="https://img.webme.com/pic/o/oyunlarbilecik/griv1_06.png"> <table border="0" cellspacing="0" cellpadding="0" width="951" height="58"> <tbody> <tr> <td height="58" width="170">&nbsp;</td> <td valign="middle" width="110"> <div id="lnktks"><a href="#"><img border="0" alt="" src="https://img.webme.com/pic/o/oyunlarbilecik/menokgriss.png" />Siteni Ekle</a></div> </td> <td valign="middle" width="110"> <div id="lnktks2"><a href="#"><img border="0" alt="" src="https://img.webme.com/pic/o/oyunlarbilecik/menokgriss.png" />Siteni Ekle</a></div> </td> <td valign="middle" width="110"> <div id="lnktks3"><a href="#"><img border="0" alt="" src="https://img.webme.com/pic/o/oyunlarbilecik/menokgriss.png" />Siteni Ekle</a></div> </td> <td valign="middle" width="110"> <div id="lnktks4"><a href="#"><img border="0" alt="" src="https://img.webme.com/pic/o/oyunlarbilecik/menokgriss.png" />Siteni Ekle</a></div> </td> <td valign="middle" width="110"> <div id="lnktks5"><a href="#"><img border="0" alt="" src="https://img.webme.com/pic/o/oyunlarbilecik/menokgriss.png" />Siteni Ekle</a></div> </td> <td width="55">&nbsp;</td> <td valign="middle" width="188"> <div id="yukarıcık"><a href="#"><img border="0" alt="" src="https://img.webme.com/pic/o/oyunlarbilecik/yukaricikks.png" /></a></div> </td> <td width="17">&nbsp;</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <br />

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

Gri Beta V1 Tasarımı