MyBB Depo Forum

Merhaba arkadaşlar aşağıdaki vermiş olduğum header kodlarında menü kısmının aşağı doğru indiğimde takılarak kaymasını istiyorum nasıl yapabilirim örnek verecek olursam Bkz buradan bakabilirsiniz kastettiğim menüyü..

Kodlar

PHP Kod:

<div id="panelnew">
    {$welcomeblock}
  </div>
<a name="top" id="top"></a>
        <div id="header">
            <div id="logo">
                <div class="wrapper">
                  <div align="center"><div id="newlogo">
                    <a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
                    </div></div>
              </div>
                
            </div>
          <div id="powermenu">
<li><a href="index.php"><i class="fa fa-home"></i>
 Ana Sayfa</li></a>
          <li><div class="active"><a href="#">Forum</div></li></a>
<li><a href="portal.php"><i class="fa fa-bars"></i>
 Portal</li></a>
<li><a href="memberlist.php"><i class="fa fa-users"></i>
 Üye Listesi</li></a>
<li><a href="showteam.php"><i class="fa fa-cogs"></i>
 Yönetim Kadrosu</li></a>
<li><a href="calendar.php"><i class="fa fa-calendar"></i>
 Takvim</a></li>
<li><a href="showthread.php?tid=2"><i class="fa fa-exclamation"></i>
 Forum Kuralları</a></li>
<li><a href="forumdisplay.php?fid=22"><i class="fa fa-file-image-o"></i>
 PSD Paylaşımları</li></a>
<li><a href="forumdisplay.php?fid=41"><i class="fa fa-tasks"></i>
 Photoshop Malzemeleri</li></a>

</div>
<div id="container">
             
            <div class="wrapper">
<br/>
              
                  {$pm_notice}
                {$bannedwarning}
                {$bbclosedwarning}
                {$unreadreports}
                {$pending_joinrequests}
                {$awaitingusers}
             
              <br/>
                <navigation>
                <br /> 

Menü Kodları Bunlar

PHP Kod:

<li><a href="index.php"><i class="fa fa-home"></i>
 Ana Sayfa</li></a>
          <li><div class="active"><a href="#">Forum</div></li></a>
<li><a href="portal.php"><i class="fa fa-bars"></i>
 Portal</li></a>
<li><a href="memberlist.php"><i class="fa fa-users"></i>
 Üye Listesi</li></a>
<li><a href="showteam.php"><i class="fa fa-cogs"></i>
 Yönetim Kadrosu</li></a>
<li><a href="calendar.php"><i class="fa fa-calendar"></i>
 Takvim</a></li>
<li><a href="showthread.php?tid=2"><i class="fa fa-exclamation"></i>
 Forum Kuralları</a></li>
<li><a href="forumdisplay.php?fid=22"><i class="fa fa-file-image-o"></i>
 PSD Paylaşımları</li></a>
<li><a href="forumdisplay.php?fid=41"><i class="fa fa-tasks"></i>
 Photoshop Malzemeleri</li></a> 

Şimdiden teşekkür ederim yardımcı olacak arkadaşa ..

stick menü oluyor internette ararsanız çıkar.

@Dream41 Bunu buldum ama hocam nereye ekliyceğz temada ?

Kod:

$(function(){

        // Check the initial Poistion of the Sticky Header

        var stickyPanelTop = $('#panel').offset().top;

        $(window).scroll(function(){

                if( $(window).scrollTop() > stickyPanelTop ) {

                        $('#panel').css({position: 'fixed', top: '0px'});

                } else {

                        $('#panel').css({position: 'relative', top: '350px'});

                }

        });

  });

headerinclude şablona en alta bu şekilde ekliyceksin.

Kod:

<script>

$(function(){

       // Check the initial Poistion of the Sticky Header

       var stickyPanelTop = $('#panel').offset().top;

       $(window).scroll(function(){

               if( $(window).scrollTop() > stickyPanelTop ) {

                       $('#panel').css({position: 'fixed', top: '0px'});

               } else {

                       $('#panel').css({position: 'relative', top: '350px'});

               }

       });

 });

</script>

O nerde hocam anlamadım Gülümseme

admin kp > temalar şablonlar > şablonlar > kullanılan tema > gruplandırılmış şablonlar > headerinclude şablonu en alta

Olmadı hocam şöyle birşey yaptım ama konularda kategorilere vs tıklayınca olmuyor tüm sayfalarda olmasını sağlamak istiyorum.
Bkz anasayfada oluyor ama diğer sayfalarda olmuyor.

PHP Kod:

<div class="nav-container">
<div class="nav">
<ul>
<li><a href="index.php"><i class="fa fa-home"></i>
 Ana Sayfa</li></a>
          <li><div class="active"><a href="#">Forum</div></li></a>
<li><a href="portal.php"><i class="fa fa-bars"></i>
 Portal</li></a>
<li><a href="memberlist.php"><i class="fa fa-users"></i>
 Üye Listesi</li></a>
<li><a href="showteam.php"><i class="fa fa-cogs"></i>
 Yönetim Kadrosu</li></a>
<li><a href="calendar.php"><i class="fa fa-calendar"></i>
 Takvim</a></li>
<li><a href="showthread.php?tid=2"><i class="fa fa-exclamation"></i>
 Forum Kuralları</a></li>
<li><a href="forumdisplay.php?fid=22"><i class="fa fa-file-image-o"></i>
 PSD Paylaşımları</li></a>
<li><a href="forumdisplay.php?fid=41"><i class="fa fa-tasks"></i>
 Photoshop Malzemeleri</li></a>
</ul>
<div class="clear"></div>
</div> 

batuhanbarut

Dream41

batuhanbarut

Dream41

batuhanbarut

Dream41

batuhanbarut