2 3

hiby

Hiby Turuncu Tasarim

Selamlar ! Dün yaptığım turuncu renkte olan tasarımımı sizlerle paylaşıyorum.Kullanımı Basit üst menüden oluşan Hoş bir tasarım oldu.Kullanımı basit vs.Uzatmak istemiyorum bazı siteler gibi yapılan tasarım abartılcak birşey değildir... Umarım beğenirsiniz

Tasarım bu şekilde.Benim için hoş bir tasarım oldu diyebilirim Bir arada benmi kullansam diye düşünmüştüm ama neyse girmeyelim o konulara Kısaca bu şekil
 

Tasarımı Canlı Olarak Görmek İstiyorsan BURAYA TIKLA

Tasarımda eğer hata var diyosan BURAYA TIKLA

Tasarımın kodlarını görmek istiyosan AŞAĞIYA BAKMALISIN

Tasarımın ÜSTÜ
<style type="text/css">
<!--
body {
background-color: #EBEBEB;
}
.style4 {
color: #FFFFFF;
font-size: x-small;
}
-->
</style>
<table width="849" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="https://img.webme.com/pic/h/hiby/turuncu_01.png" width="849" height="24"></td>
  </tr>
  <tr>
    <td height="72" align="center" valign="top" background="https://img.webme.com/pic/h/hiby/turuncu_02.png"><table width="849" height="71" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="42"> </td>
        <td width="149"><div id="logo"><img src="https://img.webme.com/pic/h/hiby/logo.png" width="98" height="49"></div></td>
        <td width="11"> </td>
        <td width="576" align="left"><div id="Reklamalani">Reklam 576x71</div></td>
        <td width="71"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="47" background="https://img.webme.com/pic/h/hiby/turuncu_03.png"><table width="849" height="42" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="16" height="38"> </td>
        <td width="811"><div id="ustmenu"> <div id="ustmenu"><div id="myslidemenu" class="jqueryslidemenu">
<ul>
    <li><a href="http://#.tr.gg/">Ana Sayfa</a>
    <ul>
    
    </ul>
    </li>
    <li><a href="http://hiby.tr.gg/Siten-icin.htm">Siten İçin</a>
   
    </li>
    <li><a href="http://hiby.tr.gg/Bizim-Oda.htm">Bizim Oda     </a>
    <ul>
     
i>    </ul>
    </li>
    <li><a href="http://hiby.tr.gg/Eglence.htm">Eğlence     </a>
    <ul>
       
    </ul>
    </li>
    <li><a href="http://hiby.tr.gg/Messenger.htm">Messenger     </a>
    <ul>
    
    </ul>
    <li><a href="http://hiby.tr.gg/Dini-Bolum.htm">Dini Bölüm</a>
    <ul>
       <li><a href="http://#.tr.gg/Esma_Ul-Husna.htm">Esma'ul Husna</a></li>
      
    </ul>
    </li>
    <li><a href="http://#.tr.gg/Tr-.-gg-Dersleri.htm">Dersler     </a>
    <ul>
   
    </ul>
    </li>
    <li><a href="http://#.tr.gg/Bilgisayar-Bolumu.htm">Bilgisayar</a>
    <ul>
 
    </ul>
    </li>
    <li><a href="#">Eklenecek</a></li>
</ul></div></div></td>
        <td width="22"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="338" background="https://img.webme.com/pic/h/hiby/turuncuu_04.png"><table width="849" height="93" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="29"> </td>
        <td width="786" align="center" valign="top"><div id="content"></div><
> Tasarımın ALTI </td>
        <td width="34"> </td>
      </tr>
    </table>
      <p> </p>
    <p> </p></td>
  </tr>
  <tr>
    <td><img src="https://img.webme.com/pic/h/hiby/turuncuu_05.png" width="849" height="13"></td>
  </tr>
  <tr>
    <td height="38" align="center" valign="top" background="https://img.webme.com/pic/h/hiby/turuncuu_06.png"><table width="849" height="21" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="13" height="21"></td>
        <td width="812" height="21" align="left" valign="bottom"><div id="alt">
            <div id="copyright">
              <p class="style4"> © 2011 Hiby Web Tasarım Blogu. Tüm Hakları Saklıdır<br>
              </p>
            </div>
        </div></td>
        <td width="24" align="right" valign="bottom"></td>
        </tr>
    </table></td>
  </tr>
  <tr>
    <td><img src="https://img.webme.com/pic/h/hiby/turuncuu_07.png" width="849" height="27"></td>
  </tr>

</table>CSS  h1#title{displary: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
<style type="text/css">
 
html, body {
text-align: center;
}
 
iframe{border:solid 2px #33ccff;} 
 
 
#menu{margin-left:auto; margin-right:auto; background:url(#); width:700px; height:70px; float:left;}
.nave{width:970px; height:20px; padding:20px 0 0 10px;}
.jqueryslidemenu{margin:0 auto;font:13px Arial;font-weight:bold;}
.jqueryslidemenu ul{margin: 0;padding: 0;list-style-type: none;}
.jqueryslidemenu ul li{position: relative;display: inline;float: left;color:#}
.jqueryslidemenu ul li a{display: block;color:#ffffff;padding: 10px 10px;z-index:150;text-decoration: none;}
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{color:#ffffff;font-weight:bold;
text-shadow: 1px 1px #000000;
 
}
.jqueryslidemenu ul li a:hover{color:#A9A9A9;text-decoration:none;
 
;}
.jqueryslidemenu ul li ul{position: absolute;left: 0;display: block;visibility: hidden;border-left:1px solid #999;
border-right:1px solid #999;border-top:1px solid #999;}
.jqueryslidemenu ul li ul li{display: list-item;float: none;z-index:100;}
.jqueryslidemenu ul li ul li ul{top: 0;}
.jqueryslidemenu ul li ul li a{font: normal 11px Verdana;width: 160px;padding: 4px;margin: 0;
border-top-width: 0;border-bottom: 1px solid #999;border-left: 1px solid #fff;
background:url(https://img.webme.com/pic/o/osmantalay/fonmeot.png)}
.jqueryslidemenu ul li a .ns {background:#999;}
.jqueryslidemenu ul li ul li a:hover{background: skyblue }
.downarrowclass{position: absolute;top: 12px;right: 2px;}
.rightarrowclass{position: absolute;top: 6px;right: 5px;} //
</style>
</head>
<body id="hpb_cssonly">
<style type="text/css">
 
#ad-c9f0 br {
 
display: none;
 
}
 
</style>
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol