Açılır menu

Başlatan Maxi, 22 Tem 2014, 20:09

« önceki - sonraki »

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

Maxi

index.template.php de bul
Kod [Seç]
</head>
oncesine ekle
Kod [Seç]
<!-- 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ç]
function template_menu()
den
Kod [Seç]
// Generate a strip of buttons.
kadar sil
oraya bunu ekle
Kod [Seç]
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ç]
#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.
Herkes göründüğü gibi değil.

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
Sitenizde işlem yapmadan önce mutlaka yedek alın.

Pm'den ve Skypeden istenilen destekler ücretlidir. Ücret ödememek için lütfen sitede sorunuzu konu açarak sorabilirsiniz.

Ücretli Smf Destek İçin

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ç]
<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>
Herkes göründüğü gibi değil.