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

Hoşgeldiniz!, Misafir
3648 Gündür yayındayız Toplam Mesajınız: 16777215
 
AnasayfaAramaSSSHtml Deneme AlanıTopListKayıt OlGiriş yap
Arama
 
 

Sonuç :
 
Rechercher çıkıntı araştırma
Giriş yap
Kullanıcı Adı:
Şifre:
Beni hatırla: 
:: Şifremi unuttum
En son konular
» xxxxxx
tarafından selcuk-57 Salı Ocak 16, 2018 2:32 pm

» Byzantine :Sırlar Labirenti
tarafından a53a53 Ptsi Ara. 04, 2017 2:16 pm

» Tüylü Kaçak izle
tarafından Blackdream Paz Ağus. 20, 2017 2:47 pm

» Cesur tom ve sihirli ayna izle
tarafından Blackdream Paz Ağus. 20, 2017 2:46 pm

» GEzegen 51
tarafından Blackdream Paz Ağus. 20, 2017 2:45 pm

» Büyüler Evi Sihirbaz kedi izle
tarafından Blackdream Paz Ağus. 20, 2017 2:42 pm

» Olmaz böyle şey izle
tarafından Blackdream Paz Ağus. 20, 2017 2:39 pm

» Sen benim herşeyimsin izle
tarafından Blackdream Paz Ağus. 20, 2017 2:38 pm

» Kral berber izle
tarafından Blackdream Paz Ağus. 20, 2017 2:38 pm

» Sessiz Yalanlar izle
tarafından Blackdream Paz Ağus. 20, 2017 2:37 pm

Kimler hatta?
Toplam 11 kullanıcı online :: 0 Kayıtlı, 0 Gizli ve 11 Misafir

Yok

Sitede bugüne kadar en çok 163 kişi C.tesi Nis. 03, 2010 9:02 pm tarihinde online oldu.

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
avatar

Erkek
Zodyak : Akrep
Mesaj Sayısı : 7105
Yaş : 27
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

avatar

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
avatar

Erkek
Zodyak : Akrep
Mesaj Sayısı : 7105
Yaş : 27
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
avatar

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

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
 
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ı
 Similar topics
-
» vBulletin Güvenlik Önlemleri 3
» Video oynatma Fbml kodu
» Şerit Menü
» Vb Üst Menü
» Üst Menülü Css Tasarım Yapımı

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
Türkçe Yardım Forumu Servisi ( www.webyardim.org ) 2008 - 2017 :: Destek Forumu :: Forumunuzu Şekillendirin-
Buraya geçin: