Datalife Engine 14.0
- Temalara yeni taglar eklendi ve geliştirildi
- Yeni AirPlay medya oynatıcısı eklendi
- 1500 adet yeni ifade (emoji) eklendi
DLE Üst Menü (Header) Sabitleme
Yapışkan (Sticky) Header Nasıl Yapılır?
/head Üstüne Ekleyin.
Şimdi bu iki tanımlamanın altına sabitlemek istediğimiz öğeyi belirteceğiz.
Sizin de fark edeceğiniz gibi header isimli id’ye sahip olan elemanı sabitliyoruz bu kod ile.
Örnek:
Yukarıda Belirtmiş Olduğum Örnek Menü Sabitlemek İçin, id="header" Eklememiz Lazım.
Mesela:
Veya:
Şeklinde Yapabilirsiniz.
JS Dosyasını İndirmek İçin, Ek Olarak Yandex Disk 'e Ekliyorum.
/head Üstüne Ekleyin.
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="{THEME}/js/jquery-stick.js"></script>
Şimdi bu iki tanımlamanın altına sabitlemek istediğimiz öğeyi belirteceğiz.
<script type="text/javascript">$(document).ready(function() {$('#header').scrollToFixed();});</script>
Sizin de fark edeceğiniz gibi header isimli id’ye sahip olan elemanı sabitliyoruz bu kod ile.
Örnek:
<ul class="header-menu">
<li><a href="/" title="">Anasayfa</a></li>
<li><a href="/" title="">Hakkımızda</a></li>
<li><a href="/" title="">İletişim</a></li>
</ul>
Yukarıda Belirtmiş Olduğum Örnek Menü Sabitlemek İçin, id="header" Eklememiz Lazım.
Mesela:
<ul class="header-menu" id="header"> </ul>
Veya:
<div id="header"> </div>
Şeklinde Yapabilirsiniz.
JS Dosyasını İndirmek İçin, Ek Olarak Yandex Disk 'e Ekliyorum.
Bilgilendirme
Yorum Ekleyebilmeniz için Sitemize Kayıt Olmanız Gerekmektedir.