Konu: 36- Açılır menu (Okunma sayısı 706 defa)

hhy89 · « : 23 Nisan 2009, 13:11:10 »

index.template.php de bul

</head>oncesine ekle

<!-- 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
}

CybeR.BoyS™ · « **Yanıtla #1 :** 28 Nisan 2009, 00:43:36 »

tesekkurler deneyıp caps koymak lazım

hhy89 · « **Yanıtla #2 :** 28 Nisan 2009, 13:03:17 »

acemi zamanlarımda cok ugrastıgım bi menu stiliydi aynı kodları simdi buldum arsivimde dedim bunu mu yapamamısım

hemen yaptim paylastım burda

MaRaSLi · « **Yanıtla #3 :** 02 Haziran 2009, 11:29:07 »

Tamada Ne ise yarar bu

EmKa · « **Yanıtla #4 :** 07 Haziran 2010, 01:45:51 »

edit...yanlıs konuya bakmısım

Konu	Başlatan	Yanıt	Gösterim	Son İleti
Menu Stilleri" Temanızın menu butonlarından sıkıldınız mı? Olaya renk katalım! Buton	CybeR.BoyS™	52	2293	30 Ocak 2010, 19:17:51 Gönderen: hhy89
Açılır Menu Eklemek İstiyorum Çözülenler	<!Ümit!>	4	197	29 Mart 2009, 14:25:49 Gönderen: hhy89
Açılır sayfalar ( Page Dropdown ) Sayfa Numaraları (Smf !) Technodestek.NeT Mod Paylaşımları	MaRaSLi	8	473	09 Mart 2010, 02:17:54 Gönderen: hhy89
Açılır Kapanır Kayar Hızlı Menü Solda Forum-Merkezi.Com Mod Paylaşımları	Hüsami	17	1426	Dün, 00:56:16 Gönderen: tikkyforum.com
Açılır üst menü simplemachines.org benzeri (1.1.x) Buton	sbt	3	22	30 Temmuz 2010, 22:46:00 Gönderen: tikkyforum.com

Smf Destek

Haberler:

Gönderen Konu: 36- Açılır menu (Okunma sayısı 706 defa)

hhy89

36- Açılır menu

CybeR.BoyS™

Ynt: Açılır menu

hhy89

Ynt: Açılır menu

MaRaSLi

Ynt: Açılır menu

EmKa

Ynt: 36- Açılır menu

Benzer Konular