OyunlarBilecik

Mavili Beyazlı Tasarım

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

Kısa Açıklama: Aslında kendime yeni bir tasarım yapıcaktım. Uğraşmaktan sıkıldıktan sonra çok uğraşmadan basit bir tasarım yaparak size sundum...

Css Bölümüne:
<style type="text/css">  </style>

Tasarım Üstüne:
<body> <table width="1024" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="1024" height="196" align="left" valign="middle" background="https://img.webme.com/pic/o/oyunlarbilecik2/resim11.png"><table width="903" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="903" align="right"><table width="904" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="466" valign="baseline"> </td> <td width="120" valign="baseline"><div id="üstmenü"></div></td> <td width="125" valign="baseline"><div id="üstmenü2"></div></td> <td width="193" valign="baseline"><div id="üstmenü3"></div></td> </tr> </table></td> </tr> <tr> <td height="115"><div id="isim">Buraya Sitenizin İsmi Gelebilir <img src="//theme.webme.com/smiles/smiley.gif" border="0" width="15" height="15" alt="" /></div></td> </tr> </table></td> </tr> <tr> <td width="1024" height="35" align="left" valign="baseline" background="https://img.webme.com/pic/o/oyunlarbilecik2/resim12.png"><table width="994" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="112" align="center" valign="middle"> </td> <td width="150" align="center" valign="baseline"><div id="menü2"><strong><a href="#">Oyunlar</a></strong></div></td> <td width="150" align="center" valign="baseline"><div id="menü3"><strong><a href="#">Dreamweaver</a></strong></div></td> <td width="150" align="center" valign="baseline"><div id="menü4"><strong><a href="#">PhotoShop</a></strong></div></td> <td width="150" align="center" valign="baseline"><div id="menü5"><strong><a href="#">Mesaj Kutusu</a></strong></div></td> <td width="167" align="center" valign="baseline"><div id="menü1"><strong><a href="#">Paylaşımlar</a></strong></div></td> <td width="115" align="center" valign="baseline"> </td> </tr> </table></td> </tr> <tr> <td width="1024" height="65" align="left" valign="baseline" background="https://img.webme.com/pic/o/oyunlarbilecik2/resim13-v1.png"><table width="1024" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="184" height="50"> </td> <td width="404" align="center"><div id="başlık"><strong>Buraya Sayfada Anlatacağınız Konu</strong></div></td> <td width="422" align="center"> </td> </tr> </table></td> </tr> <tr> <td width="1024" height="393" align="left" valign="baseline" background="https://img.webme.com/pic/o/oyunlarbilecik2/resim14-v3.png"><table width="1024" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="171"> </td> <td width="458" align="center" valign="top"><div id="içeriks">İçerik Buraya Gelecek...

Tasarım Üstüne:

</div></td> <td width="37">&nbsp;</td> <td width="217"> <br /> <script type="text/javascript" language="javascript" src="http://catlaksite.iwoly.com/jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { //slides the element with class "menu_body" when paragraph with class "menu_head" is clicked $("#firstpane p.menu_head").click(function() { $(this).css({backgroundImage:"url(https://img.webme.com/pic/o/oyunlarbilecik2/mens1.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow"); $(this).siblings().css({backgroundImage:"url(left.png)"}); }); //slides the element with class "menu_body" when mouse is over the paragraph $("#secondpane p.menu_head").mouseover(function() { $(this).css({backgroundImage:"url(https://img.webme.com/pic/o/oyunlarbilecik2/mens1.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow"); $(this).siblings().css({backgroundImage:"url(https://img.webme.com/pic/o/oyunlarbilecik2/mens2.png)"}); }); }); </script> <style type="text/css"> body { margin: 10px auto; font: 75%/120% Verdana,Arial, Helvetica, sans-serif; } .menu_list { width: 217px; } .menu_head { padding: 5px 10px; cursor: pointer; position: relative; margin:1px; font-weight:bold; background-color: #009; background-image: url(https://img.webme.com/pic/o/oyunlarbilecik2/mens2.png); background-repeat: no-repeat; background-position: right center; } .menu_body { display:none; } .menu_body a{ display:block; color:#000; background-color:#EFEFEF; padding-left:10px; font-weight:bold; text-decoration:none; } .menu_body a:hover{ color: #000000; text-decoration:underline; } </style> </head> <body> <center> <div class="menu_list" id="secondpane">  <p class="menu_head">MENU ADI</p> <div class="menu_body"> <a href="LİNK">Buraya Sayfa Adi</a> <a href="LİNK">Buraya Sayfa Adi</a> <a href="LİNK">Buraya Sayfa Adi</a> </div> <p class="menu_head">MENU ADI</p> <div class="menu_body"> <a href="LİNK">Buraya Sayfa Adi</a> <a href="LİNK">Buraya Sayfa Adi</a> <a href="LİNK">Buraya Sayfa Adi</a> </div><p class="menu_head">MENU ADI</p> <div class="menu_body"> <a href="LİNK">Buraya Sayfa Adi</a> <a href="LİNK">Buraya Sayfa Adi</a> <a href="LİNK">Buraya Sayfa Adi</a> </div> <p class="menu_head">MENU ADI</p> <div class="menu_body"> <a href="LİNK">Buraya Sayfa Adi</a> <a href="LİNK">Buraya Sayfa Adi</a> <a href="LİNK">Buraya Sayfa Adi</a> </div> <p class="menu_head">MENU ADI</p> <div class="menu_body"> <a href="LİNK">Buraya Sayfa Adi</a> <a href="LİNK">Buraya Sayfa Adi</a> <a href="LİNK">Buraya Sayfa Adi</a> </div> <p class="menu_head">MENU ADI</p> <div class="menu_body"> <a href="LİNK">Buraya Sayfa Adi</a> <a href="LİNK">Buraya Sayfa Adi</a> <a href="LİNK">Buraya Sayfa Adi</a> </div> </div></td> <td width="141">&nbsp;</td> </tr> </table></td> </tr> <tr> <td width="1024" height="74" align="left" valign="middle" background="https://img.webme.com/pic/o/oyunlarbilecik2/resim15-v1.png">&nbsp; <table width="827" height="27" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="47">&nbsp;</td> <td width="65">&nbsp;</td> <td width="431"><div id="copright">Copyright 2010-2011 Tolgahan Çelik | Sizler İçin Tasarlandı!</div></td> <td width="284" align="center"><div id="oyunlarbilecik">www.oyunlarbilecik.tr.gg</div></td> </tr> </table></td> </tr> </table> </body> </html>

»Önizleme İçin Tıklayın«

Mavili Beyazlı Tasarım

------------------------------------------------------------- Kısa Açıklama: Aslında kendime yeni bir tasarım yapıcaktım. Uğraşmaktan sıkıldıktan sonra çok uğraşmadan basit bir tasarım yaparak size sundum...

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

Kısa Açıklama: Aslında kendime yeni bir tasarım yapıcaktım. Uğraşmaktan sıkıldıktan sonra çok uğraşmadan basit bir tasarım yaparak size sundum...