Forumumuza Kayıtlı Kullanıcı Olmadığınız algılandı, Forumuntüm özelliklerini kullanabilmek için buraya tıklayarak ücretsiz üyeolabilirsiniz...
Tıkladın Mı Açılan Menü Html Kodu

Türkçe Yardım Forumu Servisi ( www.webyardim.org )

Hoşgeldiniz!, Misafir
3243 Gündür yayındayız Toplam Mesajınız: 16777215
PortalAnasayfaAramaSSSHtml Deneme AlanıTopListKayıt OlGiriş yap
logo
Kullanıcı Adı:
Duyurular!Forumunuzu SekillendirinDiger Sorunlar
Domain
Resimli Çözümler
Hitskin
Blog
Photoshop
Komedi Dükkani
OyunLar DownLoaD Sohbet CaFe A.Ö.F. Destek FlatcasT Yardım

Paylaş | 
 

 Tıkladın Mı Açılan Menü Html Kodu

Önceki başlık Sonraki başlık Aşağa gitmek 
YazarMesaj
Kadir-ro
Yönetici
Yönetici


Erkek
Zodyak : Akrep
Mesaj Sayısı : 7105
Yaş : 26
Nereden : Bursa
İş : Pc , Yardım Forumları
Kayıt tarihi : 22/06/08
Rep Puanı : 2
Rep Puanı : 4638

MesajKonu: Tıkladın Mı Açılan Menü Html Kodu   Cuma Ağus. 15, 2008 10:08 am

Kod:


<!---<head> Başlangıcı  --->
<style type="text/css">
   html{
      height:100%;
   }
   body{
      font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
      font-size:0.8em;
      margin:0px;
      padding:0px;

      background-color:#EBE2D3;
      height:100%;
      text-align:center;
   }
   .clear{
      clear:both;
   }
   
   #mainContainer{
      width:760px;
      text-align:left;
      margin:0 auto;
      background-color: #EBE2D3;
      border-left:1px solid #000;
      border-right:1px solid #000;
      height:100%;
   }
   
   #topBar{
      width:760px;
      height:100px;
   }
   #leftMenu{
      width:200px;
      padding-left:10px;
      padding-right:10px;
      float:left;
   }
   #mainContent{
      width: 520px;
      padding-right:10px;   
      float:left;
   }
   /*
   General rules
   */

   #dhtmlgoodies_slidedown_menu li{
      list-style-type:none;
      position:relative;
   }
   #dhtmlgoodies_slidedown_menu ul{
      margin:0px;
      padding:0px;
      position:relative;

   }

   #dhtmlgoodies_slidedown_menu div{
      margin:0px;
      padding:0px;
   }
   /*    Layout CSS */
   #dhtmlgoodies_slidedown_menu{      
      width:205px;   
   }

   /* All A tags - i.e menu items. */
   #dhtmlgoodies_slidedown_menu a{
      color: #000;
      text-decoration:none;   
      display:block;
      clear:both;
      width:170px;   
      padding-left:2px;   

   }
   
   /*
   A tags
   */
   #dhtmlgoodies_slidedown_menu .slMenuItem_depth1{   /* Main menu items */
      margin-top:1px;
      border-bottom:1px solid #000;
      font-weight:bold;
   }   
   #dhtmlgoodies_slidedown_menu .slMenuItem_depth2{   /* Sub menu items */
      margin-top:1px;
   }   
   #dhtmlgoodies_slidedown_menu .slMenuItem_depth3{   /* Sub menu items */
      margin-top:1px;
      font-style:italic;
      color:blue;
   }   
   #dhtmlgoodies_slidedown_menu .slMenuItem_depth4{   /* Sub menu items */
      margin-top:1px;
      color:red;
   }   
   #dhtmlgoodies_slidedown_menu .slMenuItem_depth5{   /* Sub menu items */
      margin-top:1px;
   }

   /* UL tags, i.e group of menu utems.
   It's important to add style to the UL if you're specifying margins. If not, assign the style directly
   to the parent DIV, i.e.
   
   #dhtmlgoodies_slidedown_menu .slideMenuDiv1
   
   instead of
   
   #dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
   */
   
   #dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
      padding:1px;
   }
   #dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
      margin-left:5px;
      padding:1px;
   }
   #dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
      margin-left:10px;
      padding:1px;
   }
   #dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
      margin-left:15px;
      padding:1px;
   }
   
   </style>
   <script type="text/javascript">
   /************************************************************************************************************
   (C) www.dhtmlgoodies.com, October 2005
   
   This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.   
   
   Terms of use:
   You are free to use this script as long as the copyright message is kept intact. However, you may not
   redistribute, sell or repost it without our permission.
   
   Thank you!
   
   www.dhtmlgoodies.com
   Alf Magne Kalleland
   
   ************************************************************************************************************/   
   var expandFirstItemAutomatically = 1;
   
   var dhtmlgoodies_slmenuObj;
   var divToScroll = false;
   var ulToScroll = false;   
   var divCounter = 1;
   var otherDivsToScroll = new Array();
   var divToHide = false;
   var parentDivToHide = new Array();
   var ulToHide = false;
   var offsetOpera = 0;
   if(navigator.userAgent.indexOf('Opera')>=0)offsetOpera=1;   
   var slideMenuHeightOfCurrentBox = 0;
      
   function popMenusToShow()
   {
      var obj = divToScroll;
      var endArray = new Array();
      while(obj && obj.tagName!='BODY'){
         if(obj.tagName=='DIV' && obj.id.indexOf('slideDiv')>=0){
            var objFound = -1;
            for(var no=0;no<otherDivsToScroll.length;no++){
               if(otherDivsToScroll[no]==obj){
                  objFound = no;      
               }               
            }   
            if(objFound>=0){
               otherDivsToScroll.splice(objFound,1);   
            }      
         }   
         obj = obj.parentNode;
      }   
   }

   
   
   function showSubMenu(e,inputObj)
   {
      if(this && this.tagName)inputObj = this.parentNode;
      if(inputObj && inputObj.tagName=='LI'){
         divToScroll = inputObj.getElementsByTagName('DIV')[0];
         for(var no=0;no<otherDivsToScroll.length;no++){
            if(otherDivsToScroll[no]==divToScroll)return;
         }         
      }
      hidingInProcess = false;
      if(otherDivsToScroll.length>0){
         if(divToScroll){            
            if(otherDivsToScroll.length>0){
               popMenusToShow();
            }
            if(otherDivsToScroll.length>0){   
               autoHideMenus();
               hidingInProcess = true;
            }
         }   
      }      
      if(divToScroll && !hidingInProcess){
         divToScroll.style.display='';
         otherDivsToScroll.length = 0;
         otherDivToScroll = divToScroll.parentNode;
         otherDivsToScroll.push(divToScroll);   
         while(otherDivToScroll && otherDivToScroll.tagName!='BODY'){
            if(otherDivToScroll.tagName=='DIV' && otherDivToScroll.id.indexOf('slideDiv')>=0){
               otherDivsToScroll.push(otherDivToScroll);               
            }
            otherDivToScroll = otherDivToScroll.parentNode;
         }         
         ulToScroll = divToScroll.getElementsByTagName('UL')[0];
         if(divToScroll.style.height.replace('px','')=='0')scrollDownSub();
      }   
   }
   
   

   function autoHideMenus()
   {
      if(otherDivsToScroll.length>0){
         divToHide = otherDivsToScroll[otherDivsToScroll.length-1];
         parentDivToHide.length=0;
         var obj = divToHide.parentNode.parentNode.parentNode;
         while(obj && obj.tagName=='DIV'){         
            if(obj.id.indexOf('slideDiv')>=0)parentDivToHide.push(obj);
            obj = obj.parentNode.parentNode.parentNode;
         }
         var tmpHeight = (divToHide.style.height.replace('px','')/1 - slideMenuHeightOfCurrentBox);
         if(tmpHeight<0)tmpHeight=0;
         if(slideMenuHeightOfCurrentBox)divToHide.style.height = tmpHeight  + 'px';
         ulToHide = divToHide.getElementsByTagName('UL')[0];
         slideMenuHeightOfCurrentBox = ulToHide.offsetHeight;
         scrollUpMenu();      
      }else{
         slideMenuHeightOfCurrentBox = 0;
         showSubMenu();         
      }
   }

   
   function scrollUpMenu()
   {
      
      var height = divToHide.offsetHeight;
      height-=15;
      if(height<0)height=0;
      divToHide.style.height = height + 'px';
      //ulToHide.style.top = height - ulToHide.offsetHeight + 'px';      
      for(var no=0;no<parentDivToHide.length;no++){   
         parentDivToHide[no].style.height = parentDivToHide[no].getElementsByTagName('UL')[0].offsetHeight + 'px';
      }
      if(height>0){
         setTimeout('scrollUpMenu()',5);
      }else{
         divToHide.style.display='none';
         otherDivsToScroll.length = otherDivsToScroll.length-1;
         autoHideMenus();         
      }
   }   
   
   function scrollDownSub()
   {
      if(divToScroll){         
         var height = divToScroll.offsetHeight/1;
         var offsetMove =Math.min(15,(ulToScroll.offsetHeight - height));
         height = height +offsetMove ;
         divToScroll.style.height = height + 'px';
         //ulToScroll.style.top = (height - ulToScroll.offsetHeight + offsetOpera) + 'px';            
         for(var no=1;no<otherDivsToScroll.length;no++){
            var tmpHeight = otherDivsToScroll[no].offsetHeight/1 + offsetMove;
            otherDivsToScroll[no].style.height = tmpHeight + 'px';
         }         
         if(height<ulToScroll.offsetHeight)setTimeout('scrollDownSub()',5); else {
            divToScroll = false;
            ulToScroll = false;
         }
      }
   }
      
   function initSubItems(inputObj,currentDepth)
   {      
      divCounter++;      
      var div = document.createElement('DIV');   // Creating new div      
      div.style.overflow = 'hidden';   
      div.style.position = 'relative';
      div.style.display='none';
      div.style.height = '0px';
      div.id = 'slideDiv' + divCounter;
      div.className = 'slideMenuDiv' + currentDepth;      
      inputObj.parentNode.appendChild(div);   // Appending DIV as child element of <LI> that is parent of input <UL>      
      div.appendChild(inputObj);   // Appending <UL> to the div
      var menuItem = inputObj.getElementsByTagName('LI')[0];
      while(menuItem){
         if(menuItem.tagName=='LI'){
            var aTag = menuItem.getElementsByTagName('A')[0];
            aTag.className='slMenuItem_depth'+currentDepth;   
            var subUl = menuItem.getElementsByTagName('UL');
            if(subUl.length>0){
               initSubItems(subUl[0],currentDepth+1);               
            }
            aTag.onclick = showSubMenu;            
         }         
         menuItem = menuItem.nextSibling;                  
      }      
   }
   
   function initSlideDownMenu()
   {
      dhtmlgoodies_slmenuObj = document.getElementById('dhtmlgoodies_slidedown_menu');
      var mainUl = dhtmlgoodies_slmenuObj.getElementsByTagName('UL')[0];      
      var mainMenuItem = mainUl.getElementsByTagName('LI')[0];
      mainItemCounter = 1;
      while(mainMenuItem){         
         if(mainMenuItem.tagName=='LI'){
            var aTag = mainMenuItem.getElementsByTagName('A')[0];
            aTag.className='slMenuItem_depth1';   
            var subUl = mainMenuItem.getElementsByTagName('UL');
            if(subUl.length>0){
               mainMenuItem.id = 'mainMenuItem' + mainItemCounter;
               initSubItems(subUl[0],2);
               aTag.onclick = showSubMenu;
               mainItemCounter++;
            }            
         }         
         mainMenuItem = mainMenuItem.nextSibling;   
      }      
      if(expandFirstItemAutomatically>0){
         if(document.getElementById('mainMenuItem' + expandFirstItemAutomatically))showSubMenu(false,document.getElementById('mainMenuItem' + expandFirstItemAutomatically));
      }      
   }
   
   window.onload = initSlideDownMenu;
   
   </script>
<!---<head> Sonu  --->

<div id="mainContainer">
      <div id="leftMenu">
      <!-- START OF MENU -->
      <div id="dhtmlgoodies_slidedown_menu">
         <ul>
            <li><a href="#">MENÜ 1</a>
               <ul>
                  <li><a href="#">ALT MENÜ 1</a>
                     <ul>
                        <li><a href="http://www.gezginler.net">Link</a></li>
                        <li><a href="http://www.gezginler.net">Link</a></li>
                     </ul>
                  </li>
                  <li><a href="#">ALT MENÜ 2</a>
                     <ul>
                        <li><a href="http://www.gezginler.net">Link</a></li>
                        <li><a href="http://www.gezginler.net">Link</a></li>

                        <li><a href="http://www.gezginler.net">Link</a></li>
                           <ul>
                              <li><a href="http://www.gezginler.net">Link</a></li>
                           </ul>
                        </li>
                     </ul>
                  </li>
                  <li><a href="#">ALT MENÜ 3</a>
                     <ul>
                        <li><a href="http://www.gezginler.net">Link</a></li>
                        
                     </ul>
                  </li>
                  <li><a href="#">ALT MENÜ 4</a>
                     <ul>
                        <li><a href="http://www.gezginler.net">Link</a></li>
                        <li><a href="http://www.gezginler.net">Link</a></li>
                     </ul>
                  </li>
               </ul>
            </li>
            <li><a href="#">MENÜ 2</a>
               <ul>
                  <li><a href="http://www.gezginler.net">Link</a></li>
                  <li><a href="http://www.gezginler.net">Link</a></li>
                  <li><a href="http://www.gezginler.net">Link</a></li>
               </ul>      
            </li>
            <li><a href="#">MENÜ 3</a>
               <ul>
                  <li><a href="http://www.gezginler.net">Link</a></li>
                  <li><a href="http://www.gezginler.net">Link</a></li>
                  <li><a href="http://www.gezginler.net">Link</a></li>
               </ul>
            </li>
            <li><a href="#">MENÜ 4</a>
               <ul>
                  <li><a href="#">ALT MENÜ 1</a>
                     <ul>
                        <li><a href="#">ALT MENÜ 2</a>
                           <ul>
                              <li><a href="http://www.gezginler.net">Link</a></li>
                              <li><a href="http://www.gezginler.net">Link</a></li>
                              <li><a href="http://www.gezginler.net">Link</a></li>
                           </ul>
                        </li>
                        <li><a href="http://www.gezginler.net">Link</a></li>
                        <li><a href="#">Link</a>
                           <ul>
                              <li><a href="#">Link</a>
                                 <ul>
                                 <li><a href="http://www.gezginler.net">Link</a></li>
                                 <li><a href="http://www.gezginler.net">Link</a></li>
                                 </ul>                        
                              </li>
                              <li><a href="http://www.gezginler.net">Link</a></li>
                              <li><a href="http://www.gezginler.net">Link</a></li>
                           </ul>
                        </li>
                     </ul>   
                  </li>
                  <li><a href="http://www.gezginler.net">Link</a></li>
                  <li><a href="http://www.gezginler.net">Link</a></li>
                  <li><a href="http://www.gezginler.net">Link</a></li>
                  <li><a href="http://www.gezginler.net">Link</a></li>
                  
               </ul>      
            </li>
            <li><a href="#">MENÜ 5</a>
               <ul>
                  <li><a href="http://www.gezginler.net">Link</a></li>
                  <li><a href="http://www.gezginler.net">Link</a></li>
                  <li><a href="http://www.gezginler.net">Link</a></li>
                  <li><a href="http://www.gezginler.net">Link</a></li>
                  <li><a href="http://www.gezginler.net">Link</a></li>
                  <li><a href="http://www.gezginler.net">Link</a></li>
               </ul>         
            </li>
         </ul>
      </div>
      <!-- END OF MENU -->
   </div>
   
   <div class="clear"></div>
</div>
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
forumtra



Erkek
Mesaj Sayısı : 32
Kayıt tarihi : 29/06/08
Rep Puanı : 0
Rep Puanı : 0

MesajKonu: Geri: Tıkladın Mı Açılan Menü Html Kodu   C.tesi Ağus. 16, 2008 12:03 pm

SAĞOLDA BUNU KENDİMİZE UYARLAYAMADIK
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
Kadir-ro
Yönetici
Yönetici


Erkek
Zodyak : Akrep
Mesaj Sayısı : 7105
Yaş : 26
Nereden : Bursa
İş : Pc , Yardım Forumları
Kayıt tarihi : 22/06/08
Rep Puanı : 2
Rep Puanı : 4638

MesajKonu: Geri: Tıkladın Mı Açılan Menü Html Kodu   C.tesi Ağus. 16, 2008 1:46 pm

Reca ;) Neden ??
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
Blackdream
Yönetici
Yönetici


Erkek
Zodyak : Akrep
Mesaj Sayısı : 55359
Yaş : 28
Nereden : Bursa
İş : Makine Teknikeri
Kayıt tarihi : 24/01/08
Rep Puanı : 28
Rep Puanı : 225365

MesajKonu: Geri: Tıkladın Mı Açılan Menü Html Kodu   C.tesi Ağus. 16, 2008 3:43 pm

evet değiştirdimi olması gerekir !!

_________________________________________________
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://www.webyardim.org
Sponsored content




MesajKonu: Geri: Tıkladın Mı Açılan Menü Html Kodu   Bugün 10:50 am

Sayfa başına dön Aşağa gitmek
 

Tıkladın Mı Açılan Menü Html Kodu

Önceki başlık Sonraki başlık Sayfa başına dön 
1 sayfadaki 1 sayfası

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
Türkçe Yardım Forumu Servisi ( www.webyardim.org ) :: Destek Forumu :: Forumunuzu Şekillendirin-
Web Site Statistics
Sitemap | İletişim | Yukarı Git
forum kurmak | © phpBB | Bedava yardımlaşma forumu | Suistimalı göstermek | Bir blog yaratın