Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj11.02.2009, 08:29 (UTC)    
Mesaj konusu: Xp Yan Menü Html Kodu...Çokkk İşinize Yarayacakk ;)

Arkadaşlar bilirsiniz öğreniğin pc de bilgisayarıma filan girdiğinizde sol tarafta güzel bir menü durur...Mavili filan güzel bişey...Şimdi o menünün kodunu sizlerle paylasıyorum
UMARIM BEĞENİRSİNİZ...

Kod:
<!--- KAYNAK: http://www.jettvel.tr.gg --->

<!---<head> Başlangıcı  --->
<style type="text/css">
   html{
      height:100%;
   }
   body{   
      height:100%;
      margin:0px;
      padding:0px;
      font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
   }
   
   /* Entire pane */
   
   #dhtmlgoodies_xpPane{
      background-color:#7190e0;   /* Blue background color */
      float:left;
      height:100%;
      width:200px;   /* Width of panel */
   }
   #dhtmlgoodies_xpPane .dhtmlgoodies_panel{
      margin-left:10px;
      margin-right:10px;
      margin-top:10px;   
   }
   #dhtmlgoodies_xpPane .panelContent{
      font-size:0.7em;
      background-image:url('images/bg_pane_right.gif');
      background-position:top right;
      background-repeat:repeat-y;
      border-left:1px solid #FFF;
      border-bottom:1px solid #FFF;   
      padding-left:2px;
      padding-right:2px;   
      overflow:hidden;
      position:relative;
   }
   #dhtmlgoodies_xpPane .panelContent div{
      position:relative;
   }
   #dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar{
      background-image:url('images/bg_panel_top_right.gif');
      background-repeat:no-repeat;
      background-position:top right;
      height:25px;
      padding-right:5px;
   }
   #dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar span{   /* Heading text options */
      line-height:25px;
      vertical-align:middle;
      font-family:arial;   /* Arial font */
      font-size:0.7em;   /* Font size */
      color:#215DC6;   /* Light blue color */
      font-weight:bold;   /* Bold font */
      padding-left:5px;    /* Space at the left */
      float:left;   /* Don't change this one */
      
   }
   #dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar img{
      float:right;
      cursor:pointer;
   }
   
   </style>
   <script type="text/javascript">
   /***********(C) www.dhtmlgoodies.com, October 2005 www.dhtmlgoodies.com   Alf Magne Kalleland *****/      
   var xpPanel_slideActive = true;   // Slide down/up active?
   var xpPanel_slideSpeed = 15;   // Speed of slide
   
   var dhtmlgoodies_xpPane;
   var dhtmlgoodies_paneIndex;
   
   var savedActivePane = false;
   var savedActiveSub = false;
   
   function showHidePaneContent()
   {
      var img = this.getElementsByTagName('IMG')[0];
      var obj = document.getElementById('paneContent' + img.id.replace(/[^0-9]/g,''));
      if(img.src.toLowerCase().indexOf('up')>=0){
         img.src = img.src.replace('up','down');
         if(xpPanel_slideActive){
            obj.style.display='block';
            slidePane((xpPanel_slideSpeed*-1),obj.id);
         }else{
            obj.style.display='none';
         }
      }else{
         img.src = img.src.replace('down','up');
         if(xpPanel_slideActive){
            if(document.all){
               obj.style.display='block';
               obj.style.height = '1px';
            }
            slidePane(xpPanel_slideSpeed,obj.id);
         }else{
            obj.style.display='block';
         }
      }      
   }
   
   
   
   function slidePane(slideValue,id)
   {

      var activePane = document.getElementById(id);
      if(activePane==savedActivePane){
         var subDiv = savedActiveSub;
      }else{
         var subDiv = activePane.getElementsByTagName('DIV')[0];
      }
      savedActivePane = activePane;
      savedActiveSub = subDiv;
      
      var height = activePane.offsetHeight;
      var innerHeight = subDiv.offsetHeight;
      height+=slideValue;
      if(height<0)height=0;
      if(height>innerHeight)height = innerHeight;
      
      if(document.all){
         activePane.style.filter = 'alpha(opacity=' + Math.round((height / subDiv.offsetHeight)*100) + ')';
      }else{
         var opacity = (height / subDiv.offsetHeight);
         if(opacity==0)opacity=0.01;
         if(opacity==1)opacity = 0.99;
         activePane.style.opacity = opacity;
      }         
      
               
      if(slideValue<0){         
         activePane.style.height = height + 'px';
         subDiv.style.top = height - subDiv.offsetHeight + 'px';
         if(height>0){
            setTimeout('slidePane(' + slideValue + ',"' + id + '")',10);
         }else{
            if(document.all)activePane.style.display='none';
         }
      }else{         
         subDiv.style.top = height - subDiv.offsetHeight + 'px';
         activePane.style.height = height + 'px';
         if(height<innerHeight){
            setTimeout('slidePane(' + slideValue + ',"' + id + '")',10);
         }         
      }
      
      
   }
   
   function mouseoverTopbar()
   {
      var img = this.getElementsByTagName('IMG')[0];
      var src = img.src;
      img.src = img.src.replace('.gif','_over.gif');
      
      var span = this.getElementsByTagName('SPAN')[0];
      span.style.color='#428EFF';      
      
   }
   function mouseoutTopbar()
   {
      var img = this.getElementsByTagName('IMG')[0];
      var src = img.src;
      img.src = img.src.replace('_over.gif','.gif');      
      
      var span = this.getElementsByTagName('SPAN')[0];
      span.style.color='';
      
      
      
   }
   
   
   function initDhtmlgoodies_xpPane(panelTitles,panelDisplayed)
   {
      dhtmlgoodies_xpPane = document.getElementById('dhtmlgoodies_xpPane');
      var divs = dhtmlgoodies_xpPane.getElementsByTagName('DIV');
      dhtmlgoodies_paneIndex=0;
      for(var no=0;no<divs.length;no++){
         if(divs[no].className=='dhtmlgoodies_panel'){
            
            var outerContentDiv = document.createElement('DIV');   
            var contentDiv = divs[no].getElementsByTagName('DIV')[0];
            outerContentDiv.appendChild(contentDiv);   
         
            outerContentDiv.id = 'paneContent' + dhtmlgoodies_paneIndex;
            outerContentDiv.className = 'panelContent';
            var topBar = document.createElement('DIV');
            
            var span = document.createElement('SPAN');            
            span.innerHTML = panelTitles[dhtmlgoodies_paneIndex];
            topBar.appendChild(span);
            topBar.onclick = showHidePaneContent;
            topBar.onmouseover = mouseoverTopbar;
            topBar.onmouseout = mouseoutTopbar;
            
            var img = document.createElement('IMG');
            img.id = 'showHideButton' + dhtmlgoodies_paneIndex;
            img.src = 'images/arrow_up.gif';            
            topBar.appendChild(img);
            
            if(!panelDisplayed[dhtmlgoodies_paneIndex]){
               outerContentDiv.style.height = '0px';
               contentDiv.style.top = 0 - contentDiv.offsetHeight + 'px';
               if(document.all)outerContentDiv.style.display='none';
               img.src = 'images/arrow_down.gif';
            }
                        
            topBar.className='topBar';
            divs[no].appendChild(topBar);            
            divs[no].appendChild(outerContentDiv);   
            dhtmlgoodies_paneIndex++;         
         }         
      }
   }   
   
   </script>
<!---<head> Sonu  --->
<div id="dhtmlgoodies_xpPane">
   <div class="dhtmlgoodies_panel">
      <div>
         <!-- Start content of pane -->
         <a href="http://www.jettvel.tr.gg" target="_blank">Link</a><br>
         <a href="http://www.jettvel.tr.gg" target="_blank">Link</a><br>
         <a href="http://www.jettvel.tr.gg" target="_blank">Link</a><br>
         <a href="http://www.jettvel.tr.gg" target="_blank">Link</a><br>
         <a href="http://www.jettvel.tr.gg" target="_blank">Link</a><br>
         <a href="http://www.jettvel.tr.gg" target="_blank">Link</a><br>
         <a href="http://www.jettvel.tr.gg" target="_blank">Link</a><br>
         <a href="http://www.jettvel.tr.gg" target="_blank">Link</a><br>
         <a href="http://www.jettvel.tr.gg" target="_blank">Link</a><br>
         <a href="http://www.jettvel.tr.gg">Link</a>
         <!-- End content -->
      </div>   
   </div>
   <div class="dhtmlgoodies_panel">
      <div>
         <!-- Start content of pane -->
         Açıklama<br>
         Açıklama<br>
         Açıklama<br>
         Açıklama      
         <!-- End content -->
      </div>      
   </div>
   <div class="dhtmlgoodies_panel">
      <div>
         <!-- Start content of pane -->
         Açıklama<br>
         Açıklama<br>
         Açıklama<br>
         Açıklama         
         <!-- End content -->
      </div>      
   </div>
</div>
<script type="text/javascript">
/*
Arguments to function
1) Array of titles
2) Array indicating initial state of panels(true = expanded, false = not expanded )
*/
initDhtmlgoodies_xpPane(Array('Dosyalar','Bilgi','Detaylar'),Array(true,true,false));
</script>
<!--- KAYNAK: http://www.jettvel.tr.gg --->

______________

Mesaj11.02.2009, 08:43 (UTC)    
Mesaj konusu:

paylaşım için teşekkür ederiz
______________
Html Kodları|BS-Sıkça Sorulan Sorular|Hazır Css Tasarımlar Herşey Burda


www.arkasiradakiiler.tr.gg
Mesaj11.02.2009, 09:27 (UTC)    
Mesaj konusu:

Teşekkürler
Mesaj11.02.2009, 09:27 (UTC)    
Mesaj konusu:

arkasiradakiiler yazmış:
paylaşım için teşekkür ederiz


İşinize yaradıysa ne mutlu bana... Wink
______________

Mesaj11.02.2009, 09:32 (UTC)    
Mesaj konusu:

İşte Buda Örnek Görünüm İsteyenler İçin ;


______________

Mesaj11.02.2009, 10:11 (UTC)    
Mesaj konusu:

Kod:
images/bg_pane_right.gif


kodda eksikler var acaba teşekkür edenler denedimi?? Laughing
______________
Site Online Yardım Şuan Kapalı..
Mesaj11.02.2009, 10:15 (UTC)    
Mesaj konusu:

Ben denediğimde çalısıyordu ama hatta örnek goruntusunede uyguladığımda gosterdım.. Rolling Eyes
______________

Mesaj11.02.2009, 10:22 (UTC)    
Mesaj konusu:

nerden aldın kodu sen söle ben düzeltip koyayım buraya...
______________
Site Online Yardım Şuan Kapalı..
Mesaj11.02.2009, 10:23 (UTC)    
Mesaj konusu:

Gezginler.net ten aldım... Rolling Eyes
______________

Mesaj11.02.2009, 10:28 (UTC)    
Mesaj konusu:

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

/* Entire pane */

#dhtmlgoodies_xpPane{
background-color:#7190e0; /* Blue background color */
float:left;
height:100%;
width:200px; /* Width of panel */
}
#dhtmlgoodies_xpPane .dhtmlgoodies_panel{
margin-left:10px;
margin-right:10px;
margin-top:10px;
}
#dhtmlgoodies_xpPane .panelContent{
font-size:0.7em;
background-image:url('http://free.7host05.com/netdoktor/bg_pane_right.gif');
background-position:top right;
background-repeat:repeat-y;
border-left:1px solid #FFF;
border-bottom:1px solid #FFF;
padding-left:2px;
padding-right:2px;
overflow:hidden;
position:relative;
}
#dhtmlgoodies_xpPane .panelContent div{
position:relative;
}
#dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar{
background-image:url('http://free.7host05.com/netdoktor/bg_panel_top_right.gif');
background-repeat:no-repeat;
background-position:top right;
height:25px;
padding-right:5px;
}
#dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar span{ /* Heading text options */
line-height:25px;
vertical-align:middle;
font-family:arial; /* Arial font */
font-size:0.7em; /* Font size */
color:#215DC6; /* Light blue color */
font-weight:bold; /* Bold font */
padding-left:5px; /* Space at the left */
float:left; /* Don't change this one */

}
#dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar img{
float:right;
cursor:pointer;
}

</style>
<script type="text/javascript">
/***********(C) www.dhtmlgoodies.com, October 2005 www.dhtmlgoodies.com Alf Magne Kalleland *****/
var xpPanel_slideActive = true; // Slide down/up active?
var xpPanel_slideSpeed = 15; // Speed of slide

var dhtmlgoodies_xpPane;
var dhtmlgoodies_paneIndex;

var savedActivePane = false;
var savedActiveSub = false;

function showHidePaneContent()
{
var img = this.getElementsByTagName('IMG')[0];
var obj = document.getElementById('paneContent' + img.id.replace(/[^0-9]/g,''));
if(img.src.toLowerCase().indexOf('up')>=0){
img.src = img.src.replace('up','down');
if(xpPanel_slideActive){
obj.style.display='block';
slidePane((xpPanel_slideSpeed*-1),obj.id);
}else{
obj.style.display='none';
}
}else{
img.src = img.src.replace('down','up');
if(xpPanel_slideActive){
if(document.all){
obj.style.display='block';
obj.style.height = '1px';
}
slidePane(xpPanel_slideSpeed,obj.id);
}else{
obj.style.display='block';
}
}
}



function slidePane(slideValue,id)
{

var activePane = document.getElementById(id);
if(activePane==savedActivePane){
var subDiv = savedActiveSub;
}else{
var subDiv = activePane.getElementsByTagName('DIV')[0];
}
savedActivePane = activePane;
savedActiveSub = subDiv;

var height = activePane.offsetHeight;
var innerHeight = subDiv.offsetHeight;
height+=slideValue;
if(height<0)height=0;
if(height>innerHeight)height = innerHeight;

if(document.all){
activePane.style.filter = 'alpha(opacity=' + Math.round((height / subDiv.offsetHeight)*100) + ')';
}else{
var opacity = (height / subDiv.offsetHeight);
if(opacity==0)opacity=0.01;
if(opacity==1)opacity = 0.99;
activePane.style.opacity = opacity;
}


if(slideValue<0){
activePane.style.height = height + 'px';
subDiv.style.top = height - subDiv.offsetHeight + 'px';
if(height>0){
setTimeout('slidePane(' + slideValue + ',"' + id + '")',10);
}else{
if(document.all)activePane.style.display='none';
}
}else{
subDiv.style.top = height - subDiv.offsetHeight + 'px';
activePane.style.height = height + 'px';
if(height<innerHeight){
setTimeout('slidePane(' + slideValue + ',"' + id + '")',10);
}
}


}

function mouseoverTopbar()
{
var img = this.getElementsByTagName('IMG')[0];
var src = img.src;
img.src = img.src.replace('.gif','_over.gif');

var span = this.getElementsByTagName('SPAN')[0];
span.style.color='#428EFF';

}
function mouseoutTopbar()
{
var img = this.getElementsByTagName('IMG')[0];
var src = img.src;
img.src = img.src.replace('_over.gif','.gif');

var span = this.getElementsByTagName('SPAN')[0];
span.style.color='';



}


function initDhtmlgoodies_xpPane(panelTitles,panelDisplayed)
{
dhtmlgoodies_xpPane = document.getElementById('dhtmlgoodies_xpPane');
var divs = dhtmlgoodies_xpPane.getElementsByTagName('DIV');
dhtmlgoodies_paneIndex=0;
for(var no=0;no<divs.length;no++){
if(divs[no].className=='dhtmlgoodies_panel'){

var outerContentDiv = document.createElement('DIV');
var contentDiv = divs[no].getElementsByTagName('DIV')[0];
outerContentDiv.appendChild(contentDiv);

outerContentDiv.id = 'paneContent' + dhtmlgoodies_paneIndex;
outerContentDiv.className = 'panelContent';
var topBar = document.createElement('DIV');

var span = document.createElement('SPAN');
span.innerHTML = panelTitles[dhtmlgoodies_paneIndex];
topBar.appendChild(span);
topBar.onclick = showHidePaneContent;
topBar.onmouseover = mouseoverTopbar;
topBar.onmouseout = mouseoutTopbar;

var img = document.createElement('IMG');
img.id = 'showHideButton' + dhtmlgoodies_paneIndex;
img.src = 'http://free.7host05.com/netdoktor/arrow_up.gif';
topBar.appendChild(img);

if(!panelDisplayed[dhtmlgoodies_paneIndex]){
outerContentDiv.style.height = '0px';
contentDiv.style.top = 0 - contentDiv.offsetHeight + 'px';
if(document.all)outerContentDiv.style.display='none';
img.src = 'http://free.7host05.com/netdoktor/arrow_down.gif';
}

topBar.className='topBar';
divs[no].appendChild(topBar);
divs[no].appendChild(outerContentDiv);
dhtmlgoodies_paneIndex++;
}
}
}

</script>
<!---<head> Sonu --->
<div id="dhtmlgoodies_xpPane">
<div class="dhtmlgoodies_panel">
<div>
<!-- Start content of pane -->
<a href="http://www.gezginler.net" target="_blank">Link</a><br>
<a href="http://www.gezginler.net" target="_blank">Link</a><br>
<a href="http://www.gezginler.net" target="_blank">Link</a><br>
<a href="http://www.gezginler.net" target="_blank">Link</a><br>
<a href="http://www.gezginler.net" target="_blank">Link</a><br>
<a href="http://www.gezginler.net" target="_blank">Link</a><br>
<a href="http://www.gezginler.net" target="_blank">Link</a><br>
<a href="http://www.gezginler.net" target="_blank">Link</a><br>
<a href="http://www.gezginler.net" target="_blank">Link</a><br>
<a href="http://www.gezginler.net">Link</a>
<!-- End content -->
</div>
</div>
<div class="dhtmlgoodies_panel">
<div>
<!-- Start content of pane -->
Açıklama<br>
Açıklama<br>
Açıklama<br>
Açıklama
<!-- End content -->
</div>
</div>
<div class="dhtmlgoodies_panel">
<div>
<!-- Start content of pane -->
Açıklama<br>
Açıklama<br>
Açıklama<br>
Açıklama
<!-- End content -->
</div>
</div>
</div>
<script type="text/javascript">
/*
Arguments to function
1) Array of titles
2) Array indicating initial state of panels(true = expanded, false = not expanded )
*/
initDhtmlgoodies_xpPane(Array('Dosyalar','Bilgi','Detaylar'),Array(true,true,false));
</script>
<!--- KAYNAK: http://www.yenihtmlkodcunuz.tr.gg --->
Kod:



[b]Kodun doğrusu budur deneyebilirsin.. [/b] :wink:
Mesaj11.02.2009, 10:29 (UTC)    
Mesaj konusu:

Kod:
<!--- KAYNAK: http://www.yenihtmlkodcunuz.tr.gg --->
<!---<head> Başlangıcı  --->
<style type="text/css">
   html{
      height:100%;
   }
   body{   
      height:100%;
      margin:0px;
      padding:0px;
      font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
   }
   
   /* Entire pane */
   
   #dhtmlgoodies_xpPane{
      background-color:#7190e0;   /* Blue background color */
      float:left;
      height:100%;
      width:200px;   /* Width of panel */
   }
   #dhtmlgoodies_xpPane .dhtmlgoodies_panel{
      margin-left:10px;
      margin-right:10px;
      margin-top:10px;   
   }
   #dhtmlgoodies_xpPane .panelContent{
      font-size:0.7em;
      background-image:url('http://free.7host05.com/netdoktor/bg_pane_right.gif');
      background-position:top right;
      background-repeat:repeat-y;
      border-left:1px solid #FFF;
      border-bottom:1px solid #FFF;   
      padding-left:2px;
      padding-right:2px;   
      overflow:hidden;
      position:relative;
   }
   #dhtmlgoodies_xpPane .panelContent div{
      position:relative;
   }
   #dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar{
      background-image:url('http://free.7host05.com/netdoktor/bg_panel_top_right.gif');
      background-repeat:no-repeat;
      background-position:top right;
      height:25px;
      padding-right:5px;
   }
   #dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar span{   /* Heading text options */
      line-height:25px;
      vertical-align:middle;
      font-family:arial;   /* Arial font */
      font-size:0.7em;   /* Font size */
      color:#215DC6;   /* Light blue color */
      font-weight:bold;   /* Bold font */
      padding-left:5px;    /* Space at the left */
      float:left;   /* Don't change this one */
      
   }
   #dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar img{
      float:right;
      cursor:pointer;
   }
   
   </style>
   <script type="text/javascript">
   /***********(C) www.dhtmlgoodies.com, October 2005 www.dhtmlgoodies.com   Alf Magne Kalleland *****/      
   var xpPanel_slideActive = true;   // Slide down/up active?
   var xpPanel_slideSpeed = 15;   // Speed of slide
   
   var dhtmlgoodies_xpPane;
   var dhtmlgoodies_paneIndex;
   
   var savedActivePane = false;
   var savedActiveSub = false;
   
   function showHidePaneContent()
   {
      var img = this.getElementsByTagName('IMG')[0];
      var obj = document.getElementById('paneContent' + img.id.replace(/[^0-9]/g,''));
      if(img.src.toLowerCase().indexOf('up')>=0){
         img.src = img.src.replace('up','down');
         if(xpPanel_slideActive){
            obj.style.display='block';
            slidePane((xpPanel_slideSpeed*-1),obj.id);
         }else{
            obj.style.display='none';
         }
      }else{
         img.src = img.src.replace('down','up');
         if(xpPanel_slideActive){
            if(document.all){
               obj.style.display='block';
               obj.style.height = '1px';
            }
            slidePane(xpPanel_slideSpeed,obj.id);
         }else{
            obj.style.display='block';
         }
      }      
   }
   
   
   
   function slidePane(slideValue,id)
   {

      var activePane = document.getElementById(id);
      if(activePane==savedActivePane){
         var subDiv = savedActiveSub;
      }else{
         var subDiv = activePane.getElementsByTagName('DIV')[0];
      }
      savedActivePane = activePane;
      savedActiveSub = subDiv;
      
      var height = activePane.offsetHeight;
      var innerHeight = subDiv.offsetHeight;
      height+=slideValue;
      if(height<0)height=0;
      if(height>innerHeight)height = innerHeight;
      
      if(document.all){
         activePane.style.filter = 'alpha(opacity=' + Math.round((height / subDiv.offsetHeight)*100) + ')';
      }else{
         var opacity = (height / subDiv.offsetHeight);
         if(opacity==0)opacity=0.01;
         if(opacity==1)opacity = 0.99;
         activePane.style.opacity = opacity;
      }         
      
               
      if(slideValue<0){         
         activePane.style.height = height + 'px';
         subDiv.style.top = height - subDiv.offsetHeight + 'px';
         if(height>0){
            setTimeout('slidePane(' + slideValue + ',"' + id + '")',10);
         }else{
            if(document.all)activePane.style.display='none';
         }
      }else{         
         subDiv.style.top = height - subDiv.offsetHeight + 'px';
         activePane.style.height = height + 'px';
         if(height<innerHeight){
            setTimeout('slidePane(' + slideValue + ',"' + id + '")',10);
         }         
      }
      
      
   }
   
   function mouseoverTopbar()
   {
      var img = this.getElementsByTagName('IMG')[0];
      var src = img.src;
      img.src = img.src.replace('.gif','_over.gif');
      
      var span = this.getElementsByTagName('SPAN')[0];
      span.style.color='#428EFF';      
      
   }
   function mouseoutTopbar()
   {
      var img = this.getElementsByTagName('IMG')[0];
      var src = img.src;
      img.src = img.src.replace('_over.gif','.gif');      
      
      var span = this.getElementsByTagName('SPAN')[0];
      span.style.color='';
      
      
      
   }
   
   
   function initDhtmlgoodies_xpPane(panelTitles,panelDisplayed)
   {
      dhtmlgoodies_xpPane = document.getElementById('dhtmlgoodies_xpPane');
      var divs = dhtmlgoodies_xpPane.getElementsByTagName('DIV');
      dhtmlgoodies_paneIndex=0;
      for(var no=0;no<divs.length;no++){
         if(divs[no].className=='dhtmlgoodies_panel'){
            
            var outerContentDiv = document.createElement('DIV');   
            var contentDiv = divs[no].getElementsByTagName('DIV')[0];
            outerContentDiv.appendChild(contentDiv);   
         
            outerContentDiv.id = 'paneContent' + dhtmlgoodies_paneIndex;
            outerContentDiv.className = 'panelContent';
            var topBar = document.createElement('DIV');
            
            var span = document.createElement('SPAN');            
            span.innerHTML = panelTitles[dhtmlgoodies_paneIndex];
            topBar.appendChild(span);
            topBar.onclick = showHidePaneContent;
            topBar.onmouseover = mouseoverTopbar;
            topBar.onmouseout = mouseoutTopbar;
            
            var img = document.createElement('IMG');
            img.id = 'showHideButton' + dhtmlgoodies_paneIndex;
            img.src = 'http://free.7host05.com/netdoktor/arrow_up.gif';            
            topBar.appendChild(img);
            
            if(!panelDisplayed[dhtmlgoodies_paneIndex]){
               outerContentDiv.style.height = '0px';
               contentDiv.style.top = 0 - contentDiv.offsetHeight + 'px';
               if(document.all)outerContentDiv.style.display='none';
               img.src = 'http://free.7host05.com/netdoktor/arrow_down.gif';
            }
                        
            topBar.className='topBar';
            divs[no].appendChild(topBar);            
            divs[no].appendChild(outerContentDiv);   
            dhtmlgoodies_paneIndex++;         
         }         
      }
   }   
   
   </script>
<!---<head> Sonu  --->
<div id="dhtmlgoodies_xpPane">
   <div class="dhtmlgoodies_panel">
      <div>
         <!-- Start content of pane -->
         <a href="http://www.gezginler.net" target="_blank">Link</a><br>
         <a href="http://www.gezginler.net" target="_blank">Link</a><br>
         <a href="http://www.gezginler.net" target="_blank">Link</a><br>
         <a href="http://www.gezginler.net" target="_blank">Link</a><br>
         <a href="http://www.gezginler.net" target="_blank">Link</a><br>
         <a href="http://www.gezginler.net" target="_blank">Link</a><br>
         <a href="http://www.gezginler.net" target="_blank">Link</a><br>
         <a href="http://www.gezginler.net" target="_blank">Link</a><br>
         <a href="http://www.gezginler.net" target="_blank">Link</a><br>
         <a href="http://www.gezginler.net">Link</a>
         <!-- End content -->
      </div>   
   </div>
   <div class="dhtmlgoodies_panel">
      <div>
         <!-- Start content of pane -->
         Açıklama<br>
         Açıklama<br>
         Açıklama<br>
         Açıklama      
         <!-- End content -->
      </div>      
   </div>
   <div class="dhtmlgoodies_panel">
      <div>
         <!-- Start content of pane -->
         Açıklama<br>
         Açıklama<br>
         Açıklama<br>
         Açıklama         
         <!-- End content -->
      </div>      
   </div>
</div>
<script type="text/javascript">
/*
Arguments to function
1) Array of titles
2) Array indicating initial state of panels(true = expanded, false = not expanded )
*/
initDhtmlgoodies_xpPane(Array('Dosyalar','Bilgi','Detaylar'),Array(true,true,false));
</script>
<!--- KAYNAK: http://www.yenihtmlkodcunuz.tr.gg --->


Ayrıca paylaşımın süper Very Happy
______________
Site Online Yardım Şuan Kapalı..
Mesaj11.02.2009, 10:30 (UTC)    
Mesaj konusu:

Teşekkürler Kardeşim... Wink
______________

Mesaj11.02.2009, 11:08 (UTC)    
Mesaj konusu:

paylaşım için teşekkürler
Mesaj11.02.2009, 11:18 (UTC)    
Mesaj konusu:

bu kodu sağ taraf manüye koyduğum zaman çalışırmı aceba...
bide ben kendi sitemin rengine nasıl uyarlayabilirim bu görünümü...
şimdiden teşekkürler...
saygılarla...
ayrıca paylaşım içinde teşekkürler... Smile
______________
http://www.ciciform.tr.gg

Mesaj11.02.2009, 11:50 (UTC)    
Mesaj konusu:

Renkleri Elbette Kendine Göre ayarlayabilirsin...

Googleye renk kodları diye yazarsan istediğin renk kodunu seç...Sonra menü kodunki değiştirmek istediğin rengi değiştir...

Ayrıca kod her yerde calısmaktadır...( Denenmiştir )... Wink
______________

Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu