MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
batuhanbarut avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

Kayan Menü


Sponsor Reklam

Çevrimdışı batuhanbarut
 Tarih: 19-02-2017, Saat:04:22
#1
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 ..
Cevapla
Bunu Beğenenler:
Sponsor Reklam
Sponsor Reklam Sponsor Reklam

Çevrimdışı Dream41
 Tarih: 19-02-2017, Saat:11:10
#2
stick menü oluyor internette ararsanız çıkar.
Cevapla
Bunu Beğenenler:

Çevrimdışı batuhanbarut
 Tarih: 19-02-2017, Saat:11:43
(Son Düzenleme: 19-02-2017, Saat:13:03, Düzenleyen: batuhanbarut.)
#3
@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'});
               }
       });
 });
Cevapla
Bunu Beğenenler:

Çevrimdışı Dream41
 Tarih: 19-02-2017, Saat:15:08
(Son Düzenleme: 19-02-2017, Saat:21:19, Düzenleyen: Dream41.)
#4
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>
Cevapla
Bunu Beğenenler:

Çevrimdışı batuhanbarut
 Tarih: 19-02-2017, Saat:19:13
#5
O nerde hocam anlamadımGülümseme
Cevapla
Bunu Beğenenler:

Çevrimdışı Dream41
 Tarih: 19-02-2017, Saat:21:19
#6
admin kp > temalar şablonlar > şablonlar > kullanılan tema > gruplandırılmış şablonlar > headerinclude şablonu en alta
Cevapla
Bunu Beğenenler:

Çevrimdışı batuhanbarut
 Tarih: 19-02-2017, Saat:22:17
(Son Düzenleme: 19-02-2017, Saat:22:17, Düzenleyen: batuhanbarut.)
#7
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
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  xPSerkan'ın Kayan Manşet Eklenti Sorunu bitcopat 1 351 20-02-2018, Saat:14:20
Son Yorum: bitcopat
Star - Yıldız [1.8] DropDown Menü Çalışmıyor! korkusuz212 2 663 24-08-2017, Saat:02:06
Son Yorum: korkusuz212
  Sol Üzerine Gelince Kayan Sidebar Menü batuhanbarut 6 986 22-02-2017, Saat:00:32
Son Yorum: batuhanbarut
  [1.8] Header üst menü isteği Hazır olarak ferd16 1 761 17-06-2016, Saat:12:42
Son Yorum: ferd16
  [1.8] Üst menü istek ferd16 4 822 17-06-2016, Saat:05:14
Son Yorum: ferd16



Konuyu Okuyanlar: 1 Ziyaretçi