Açılır menu

[Maxi]

index.template.php de bul

Kod Seç Genişlet

</head>
oncesine ekle

Kod Seç Genişlet

<!-- dd menu -->

<script type="text/javascript">
<!--
var timeout         = 500;
var closetimer      = 0;
var ddmenuitem      = 0;

// open hidden layer
function mopen(id)
{   
   // cancel close timer
   mcancelclosetime();

   // close old layer
   if(ddmenuitem) ddmenuitem.style.visibility = \'hidden\';

   // get new layer and show it
   ddmenuitem = document.getElementById(id);
   ddmenuitem.style.visibility = \'visible\';

}
// close showed layer
function mclose()
{
   if(ddmenuitem) ddmenuitem.style.visibility = \'hidden\';
}

// go close timer
function mclosetime()
{
   closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
   if(closetimer)
   {
      window.clearTimeout(closetimer);
      closetimer = null;
   }
}

// close layer when click-out
document.onclick = mclose;
// -->
</script>

Kod Seç Genişlet

function template_menu()
den

Kod Seç Genişlet

// Generate a strip of buttons.
kadar sil
oraya bunu ekle

Kod Seç Genişlet

function template_menu()
{
    global $context, $settings, $options, $scripturl, $txt;

echo '
<ul id="sddm">';

      echo '<li><a href="', $scripturl, '">Anasayfa</a>
      </li>';

      echo '<li><a href="', $scripturl, '?action=search">Ara</a>
      </li>';

      echo '<li><a href="', $scripturl, '?action=help">Yardım</a>
      </li>';

   if ($context['allow_admin'])
      echo '<li><a href="', $scripturl, '?action=admin" onmouseover="mopen('m2')" onmouseout="mclosetime()">Admin</a>
      <div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
      <a href="', $scripturl, '?action=admin">Admin</a>
      <a href="', $scripturl, '?action=mlist">Üyeler</a>
      </div>
      </li>';

      echo   '<li><a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()">Etiketler</a>
      <div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
      <a href="#">link1</a>
      <a href="#">link2</a>
      </div>
      </li>';

   if ($context['user']['is_logged'])
      echo '<li><a href="', $scripturl, '?action=profile" onmouseover="mopen('m4')" onmouseout="mclosetime()">Profilim</a>
      <div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
      <a href="', $scripturl, '?action=pm">Özel Mesajlarım</a>
      <a href="', $scripturl, '?action=unread">Okumadığım Mesajlar</a>
      <a href="', $scripturl, '?action=unreadrelies">Bana Yazılanlar</a>
      </div>
      </li>';

   if ($context['user']['is_logged'])
      echo '<li><a href="#" onmouseover="mopen('m5')" onmouseout="mclosetime()">Extralar</a>
      <div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
      <a href="#" target="_blank">link</a>
      <a href="#">link2</a>
      <a href="#">link3</a>
      </div>
      </li>';

   if ($context['user']['is_guest'])
      echo '<li><a href="', $scripturl, '?action=login">Giriş</a>
      </li>';

   if ($context['user']['is_guest'])
      echo '<li><a href="', $scripturl, '?action=register">Üye Ol</a>
      </li>';

   if ($context['user']['is_logged'])
      echo '<li><a href="', $scripturl, '?action=logout;sesc=', $context['session_id'], '">Çıkış</a>
      </li>';

echo '
</ul>
<div style="clear:both"></div>
<div style="clear:both"></div>';
}

style.css de en alta ekle

Kod Seç Genişlet

#sddm
{
   margin: 0;
   padding: 0;
   z-index: 30
}

#sddm li
{
   margin: 0;
   padding: 0;
   list-style: none;
   float: left;
   font: bold 11px arial
}

#sddm li a
{
   display: block;
   margin: 0 1px 0 0;
   padding: 4px 10px;
   width: 60px;
   background: #5970B2;
   color: #FFF;
   text-align: center;
   text-decoration: none
}

#sddm li a:hover
{
   background: #49A3FF
}

#sddm div
{
   position: absolute;
   visibility: hidden;
   margin: 0;
   padding: 0;
   background: #EAEBD8;
   border: 1px solid #5970B2
}

#sddm div a
{
      position: relative;
      display: block;
      margin: 0;
      padding: 5px 10px;
      width: auto;
      white-space: nowrap;
      text-align: left;
      text-decoration: none;
      background: #EAEBD8;
      color: #2875DE;
      font: 11px arial
}

#sddm div a:hover
{   background: #49A3FF;
    color: #FFF
}

[Sosyal Öğretmeni]

Bunu  smf 2 serisi için olan yok mu?
Varsa paylaşırsanız çok memnun olurum.

[tarantula901]

bunu 2 serisi içinde kullanabilirsiniz aynı sekılde 2 serisinde dosyalarda arayıp varsa ekleyın bakalım olursa bunu kullanırsınız

[Sosyal Öğretmeni]

Açılır menüde bunu yapabilsek çok harika olur tek menüden tüm linklere ulaşaksın. wordpress buna benzerini kullanıyor. Ben bununla çok uğraştım ama istediğim gibi olmadı bu yüzden kullanmadım. Hatta bunun üzerinde baya oynadım. Spina dan aldığım kodlarla arasında çok fark var. bunu spinadan almıştım...

Kod Seç Genişlet

<head>
<script type="text/javascript" src="spina_bifida_menu2.js"></script>
<link rel="stylesheet" type="text/css" href="spina_bifida_menu2.css" />
</head>
<body>
<h4>Spina Bifida Konuları</h4>
<a href="javascript:ddtreemenu.flatten('spina_bifida_menu2', 'expand')">Hepsini Aç</a> | <a href="javascript:ddtreemenu.flatten('spina_bifida_menu2', 'contact')">Hepsini Kapat</a>
<ul id="spina_bifida_menu2" class="treeview">
<li>1. Bölüm Konular
     <ul>
<li><a href="http://www.sosyalbilimciler.com/index.php" style="text-decoration: none">
<font size="2">Anasayfa</font></a></li>
<li><a href="http://www.sosyalbilimciler.com/forum" style="text-decoration: none"><font size="2">Forum Anasayfa</font></a></li>
<li><a href="http://www.sosyalbilimciler.com/idari-isler-b399.0/" style="text-decoration: none">
<font size="2">Yönetici Evrakları</font></a></li>
                               <li><a href="http://www.sosyalbilimciler.com/4-sinif-yazililari-b125.0/" style="text-decoration: none">
<font size="2">4. Sınıf Yazılıları</font></a></li>
<li><a href="http://www.sosyalbilimciler.com/5-sinif-yazililari-b518.0/" style="text-decoration: none">
<font size="2">5. Sınıf Yazılıları</font></a></li>
<li><a href="http://www.sosyalbilimciler.com/6-sinif-yazililari-b97.0/" style="text-decoration: none">
<font size="2">6. Sınıf Yazılıları</font></a></li>
                                <li><a href="http://www.sosyalbilimciler.com/7-sinif-yazililari-b105.0/" style="text-decoration: none">
<font size="2">7. Sınıf Yazılıları</font></a></li>
<li><a href="http://www.sosyalbilimciler.com/inkilap-tarihi-yazililari-b112.0/" style="text-decoration: none">
<font size="2">8. Sınıf Yazılıları</font></a></li>
<li><a href="http://www.sosyalbilimciler.com/vatandaslik-yazililari-b132.0/" style="text-decoration: none">
<font size="2">Vatandaşlık Yazılıları</font></a></li>
<li><a href="http://www.sosyalbilimciler.com/4-sinif-slaytlari-b264.0/" style="text-decoration: none">
<font size="2">4. Sınıf Sunuları</font></a></li>
     </ul>
</li>
<li>2. Bölüm Konular
     <ul>
<li><a href="http://www.sosyalbilimciler.com/5-sinif-slaytlari-b519.0/">
<font size="2">5. Sınıf Sunuları</font></a></li>
<li><a href="http://www.sosyalbilimciler.com/6-sinif-slaytlari-b223.0/">
<font size="2">6. Sınıf Sunuları</font></a></li>
<li><a href="http://www.sosyalbilimciler.com/7sinif-slaytlari-b227.0/">
<font size="2">7. Sınıf Sunuları</font></a></li>
                                  <li><a href="http://www.sosyalbilimciler.com/8sinif-inkilap-slaytlari-b228.0/">
<font size="2">8. Sınıf Sunuları</font></a></li>
<li><a href="http://www.sosyalbilimciler.com/vatandaslik-slaytlari-b263.0//">
<font size="2">Vatandaşlık Sunuları</font></a></li>
<li><a href="http://www.sosyalbilimciler.com/proje-odevleri-b229.0/">
<font size="2">Proje Ödevlerif</font></a></li>
                                   <li><a href="http://www.sosyalbilimciler.com/performans-odevleri-b230.0/">
<font size="2">Performans Ödevleri</font></a></li>
<li><a href="http://www.sosyalbilimciler.com/sosyal-bilgiler-b46.0/">
<font size="2">Ders Etkinlikleri</font></a></li>
<li><a href="http://www.sosyalbilimciler.com/yillik-planlar-b356.0/">
<font size="2">Yıllık Planlar</font></a></li>
<li><a href="http://www.sosyalbilimciler.com/bep-bireysel-egitim-planlari-b267.0/">
<font size="2">BEP Planları</font></a></li>
     </ul>
</ul>
<script type="text/javascript">

//ddtreemenu.createTree(treeid, enablepersist, opt_persist_in_days (default is 1))

ddtreemenu.createTree("spina_bifida_menu2", true)
</script>
</body>