MyBB Depo Forum
Kayan Menü - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.8 Depo (https://mybbdepo.com/mybb-1-8-depo-forumu)
+--- Forum: MyBB 1.8 Soru ve Sorunlarınız (https://mybbdepo.com/mybb-1-8-soru-ve-sorunlariniz-forumu)
+--- Konu Başlığı: Kayan Menü (/kayan-menu-konusu.html)



Kayan Menü - batuhanbarut - 19-02-2017

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

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


Cvp: Kayan Menü - Dream41 - 19-02-2017

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


Cvp: Kayan Menü - batuhanbarut - 19-02-2017

@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'});
               }
       });
 });



Cvp: Kayan Menü - Dream41 - 19-02-2017

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>



Cvp: Kayan Menü - batuhanbarut - 19-02-2017

O nerde hocam anlamadımGülümseme


Cvp: Kayan Menü - Dream41 - 19-02-2017

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


Cvp: Kayan Menü - batuhanbarut - 19-02-2017

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