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

Hoşgeldiniz!, Misafir
3470 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
» Resident Evil Vendetta
tarafından Blackdream Paz Tem. 23, 2017 4:02 pm

» İsrail Kudüs'te gerilimi tırmandırıyor
tarafından Blackdream Paz Tem. 23, 2017 3:43 pm

» Ege Denizi'nde 6,3 büyüklüğünde deprem
tarafından Blackdream Paz Tem. 23, 2017 3:42 pm

» İsrail polisi Kudüs sokaklarında cemaate müdahale etti
tarafından Blackdream Paz Tem. 23, 2017 3:40 pm

» Deprem sonrası Bodrum'da 10 santimetre tsunami oluştu
tarafından Blackdream Paz Tem. 23, 2017 3:40 pm

» İstanbul'da sıcaklık 30 dereceyi aşacak
tarafından Blackdream Paz Tem. 23, 2017 3:38 pm

» Bor radyasyona zırh oluyor
tarafından Blackdream Paz Tem. 23, 2017 3:38 pm

» Çiftlik Bank Nasıl Oynanır ?
tarafından Blackdream Paz Tem. 23, 2017 3:32 pm

» Çiftlik Bank Hakkında Bilgi
tarafından Blackdream Paz Tem. 23, 2017 3:28 pm

» Çiftlik Bank Üyelik Şözleşmesi
tarafından Blackdream Paz Tem. 23, 2017 3:26 pm

Kimler hatta?
Toplam 23 kullanıcı online :: 1 Kayıtlı, 0 Gizli ve 22 Misafir :: 1 Arama motorları

Blackdream

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ş : 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

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ş : 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
avatar

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

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 Hatta
Sponsored content




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

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

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: