EglenceHanem
  tasarım3
 
Mesaj28 Tem 2011 12:50    
Mesaj konusu:
Alıntıyla Cevap Gönder

Tasarım Adı: Mavi Açılır Menülü 
Desing: Grapiker.tr.gg 
Desinger: Yusuf Berki Yazıcıoğlu 
Özellikler: üst bölüm transparan genel olarak mavi bir tasarım en güzel yönü ise yan tarafa açılan dikey bir menülü olması 
Önizleme: 
 
Kodlar: 

Üstü: 

Kod:
<!--Grapiker Tasarim Ustu Kodu Basla-->  <table width="960" border="0" align="center" cellpadding="0" cellspacing="0">   <tr>     <td height="195" background="https://img.webme.com/pic/g/grapikerdeneme/tasarim1_01.gif"><table width="960" border="0" cellspacing="0" cellpadding="0">       <tr>         <td width="19"> </td>         <td width="444"> </td>         <td width="497"> </td>       </tr>       <tr>         <td height="139"> </td>         <td valign="top"><p><img src="https://img.webme.com/pic/g/grapikerdeneme/logo1.png" _fcksavedurl="https://img.webme.com/pic/g/grapikerdeneme/logo1.png" width="419" height="117" longdesc="http://grapiker.tr.gg"></p>          </td>         <td valign="top"><p><img src="https://img.webme.com/pic/v/ve-siir/468x60reklam3.png" _fcksavedurl="https://img.webme.com/pic/v/ve-siir/468x60reklam3.png" width="468" height="60" longdesc="http://grpiker.tr.gg"></p>           <p> </p></td>       </tr>       <tr>         <td height="28" align="center"><div align="left"></div></td>         <td align="left"><div align="left">.</div></td>         <td> </td>       </tr>     </table></td>   </tr>   <tr>     <td height="611" background="https://img.webme.com/pic/g/grapikerdeneme/tasarim1_02.gif"><table width="960" border="0" cellspacing="0" cellpadding="0">       <tr>         <td width="18" height="607"> </td>         <td width="221" valign="top"></br><div class="sidebarmenu"> <ul id="sidebarmenu1"> <li><a href="#" _fcksavedurl="#">Sade Menu 1</a></li> <li><a href="#" _fcksavedurl="#">Sade Menu 2</a></li> <li><a href="#" _fcksavedurl="#">Açılan Menu 1</a>   <ul>   <li><a href="#" _fcksavedurl="#">İc Menu 1</a></li>   <li><a href="#" _fcksavedurl="#">İc Menu 2</a></li>   </ul> </li> <li><a href="#" _fcksavedurl="#">Item 3</a></li>  <li><a href="#" _fcksavedurl="#">Sade Menu 3</a>   <ul>   <li><a href="#" _fcksavedurl="#">Sade Menu 4</a></li>   <li><a href="#" _fcksavedurl="#">Açılan Menu2</a>     <ul>   <li><a href="#" _fcksavedurl="#">İc Menu 3</a></li>   <li><a href="#" _fcksavedurl="#">İc Menu 4</a></li>     </ul>   </li> </ul> </li> <li><a href="#" _fcksavedurl="#">Item 4</a></li> </ul> </div> </td>         <td width="13"> </td>         <td width="685" valign="top"><div id="content">  <!--Grapiker Tasarim Ustu Kodu Bitir-->


Altı: 

Kod:
<!--Grapiker Tasarim Altı Kodu Basla-->  </div>           </td>         <td width="23"> </td>       </tr>     </table></td>   </tr>   <tr>     <td height="88" background="https://img.webme.com/pic/g/grapikerdeneme/tasarim1_03.gif"><table width="960" border="0" cellspacing="0" cellpadding="0">       <tr>         <td width="19"> </td>         <td width="922"> </td>         <td width="19"> </td>       </tr>       <tr>         <td height="39"> </td>         <td>Buraya Copyright Yaz =) </td>         <td> </td>       </tr>     </table></td>   </tr> </table>  <!--Grapiker Tasarim Altı Kodu Bitir-->


Css Bölümü: 



Kod:

<!--Grapiker Tasarim Cssv Kodu Basla--> 
  
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;}  

<style type="text/css"> <!-- 
body,td,th { 
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   color: #000000; 
} 
body { 
   background-image: url(http://www.backgroundlabs.com/backgrounds/204.jpg); 
} 
a { 
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   color: #000000; 
} 
a:link { 
   text-decoration: none; 
} 
a:visited { 
   text-decoration: none; 
   color: #000000; 
} 
a:hover { 
   text-decoration: none; 
   color: #000000; 
} 
a:active { 
   text-decoration: none; 
   color: #000000; 
} 
--> </style>   <style type="text/css">  .sidebarmenu ul{ margin: 0; padding: 0; list-style-type: none; font: bold 13px Verdana; width: 180px; /* Main Menu Item widths */ border-bottom: 1px solid #ccc; }   .sidebarmenu ul li{ position: relative; }  /* Top level menu links style */ .sidebarmenu ul li a{ display: block; overflow: auto; /*force hasLayout in IE7 */ color: white; text-decoration: none; padding: 6px; border-bottom: 1px solid #778; border-right: 1px solid #778; }  .sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{ background-color: #012D58; /*background of tabs (default state)*/ }  .sidebarmenu ul li a:visited{ color: white; }  .sidebarmenu ul li a:hover{ background-color: black; }  /*Sub level menu items */ .sidebarmenu ul li ul{ position: absolute; width: 170px; /*Sub Menu Items width */ top: 0; visibility: hidden; }  .sidebarmenu a.subfolderstyle{ background: url(right.gif) no-repeat 97% 50%; }    /* Holly Hack for IE */ * html .sidebarmenu ul li { float: left; height: 1%; } * html .sidebarmenu ul li a { height: 1%; } /* End */  </style>  <script type="text/javascript"> 

//Nested Side Bar Menu (Mar 20th, 09) 
//By Dynamic Drive: http://www.dynamicdrive.com/style/ 

var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas 

function initsidebarmenu(){ 
for (var i=0; i<menuids.length; i++){ 
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul") 
    for (var t=0; t<ultags.length; t++){ 
    ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle" 
  if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu 
   ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item 
  else //else if this is a sub level submenu (ul) 
    ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
    ultags[t].parentNode.onmouseover=function(){ 
    this.getElementsByTagName("ul")[0].style.display="block" 
    } 
    ultags[t].parentNode.onmouseout=function(){ 
    this.getElementsByTagName("ul")[0].style.display="none" 
    } 
    } 
  for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars 
  ultags[t].style.visibility="visible" 
  ultags[t].style.display="none" 
  } 
  } 
} 

if (window.addEventListener) 
window.addEventListener("load", initsidebarmenu, false) 
else if (window.attachEvent) 
window.attachEvent("onload", initsidebarmenu) 

</script>  <!--Grapiker Tasarim Css Kodu Bitir-->





Bu sayfa hakkında yorum ekle:
İsmin:
Mesajınız:

 
   
 
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=