4.2.X Default Temada Yapışkan Menü

Konuyu değerlendir: Geçerli Reyting :

Görüntüleme : 1139

Yorumlar : 0

Bilgilendirme : Bu konuya son mesaj 515 gün önce yazıldı . Eğer yazınız doğrudan bu konu ile ilgili değil ise yeni bir konu başlatmanızı tavsiye ederiz.
  1. offline
    cartelxb - ait Kullanıcı Resmi (Avatar)

    4.2.X Default Temada Yapışkan Menü

    Daha önce verildimi bilmiyorum tam anlamıyla anlatan yer bulamadığım için yazıyorum.

    stil değişken editöründen navigotör kısmından navbar ı açıyoruz.

    bul:<div id="navbar" class="navbar"> bir üstüne (ilk başa)
    ekle: <div id="stickyBar">

    bul:{vb:raw template_hook.navbar_advanced_search}
    </ul>
    </div>

    ekle: </div>(bulduğuzun altına)

    aç:headinclude (en altına)
    ekle: <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <script>
    function sticky_relocate() {
    var window_top = $(window).scrollTop();
    var div_top = $('.above_body').offset().top;
    if (window_top > div_top) {
    $('#stickyBar').addClass('stick');
    } else {
    $('#stickyBar').removeClass('stick');
    }
    }

    $(function() {
    $(window).scroll(sticky_relocate);
    sticky_relocate();
    });
    </script>


    aç:additional.css
    ekle:#stickyBar
    {

    }
    #stickyBar ul
    {

    }

    #stickyBar.stick {
    position: fixed;
    top: -9px;
    z-index: 10000;
    width:99%;
    margin:0 auto;
    background: rgba(0,0,0, 0.8);
    border-radius: 0 0 0.5em 0.5em;
    display: block;
    }

    aç: stil değişken editörü global
    değiştir:doc_margin:sol: 4
    değiştir:doc_maxwidth : 99 (üstten % seçin)
    değiştir:doc_width: 99 (üstten % seçin)

    Resmi gerçek boyutunda görmek için tıklayın.

Resmin ismi:  stickymenu.jpg
Görüntüleme: 27
Büyüklüğü:  92.8 KB (Kilobyte)
  2. #1
    Daha önce verildimi bilmiyorum tam anlamıyla anlatan yer bulamadığım için yazıyorum.

    stil değişken editöründen navigotör kısmından navbar ı açıyoruz.

    bul:<div id="navbar" class="navbar"> bir üstüne (ilk başa)
    ekle: <div id="stickyBar">

    bul:{vb:raw template_hook.navbar_advanced_search}
    </ul>
    </div>

    ekle: </div>(bulduğuzun altına)

    aç:headinclude (en altına)
    ekle: <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <script>
    function sticky_relocate() {
    var window_top = $(window).scrollTop();
    var div_top = $('.above_body').offset().top;
    if (window_top > div_top) {
    $('#stickyBar').addClass('stick');
    } else {
    $('#stickyBar').removeClass('stick');
    }
    }

    $(function() {
    $(window).scroll(sticky_relocate);
    sticky_relocate();
    });
    </script>


    aç:additional.css
    ekle:#stickyBar
    {

    }
    #stickyBar ul
    {

    }

    #stickyBar.stick {
    position: fixed;
    top: -9px;
    z-index: 10000;
    width:99%;
    margin:0 auto;
    background: rgba(0,0,0, 0.8);
    border-radius: 0 0 0.5em 0.5em;
    display: block;
    }

    aç: stil değişken editörü global
    değiştir:doc_margin:sol: 4
    değiştir:doc_maxwidth : 99 (üstten % seçin)
    değiştir:doc_width: 99 (üstten % seçin)

    Resmi gerçek boyutunda görmek için tıklayın.

Resmin ismi:  stickymenu.jpg
Görüntüleme: 27
Büyüklüğü:  92.8 KB (Kilobyte)

Benzer Konular
  1. Cevap: 4
    Son Mesaj : 25.Temmuz.2015, 14:39
  2. vbulletin 4.2- üstü Versiyonlarda navbar alt tab menü içinde popup menü ekleme
    Konu Sahibi eTiKeT™ Forum vBulletin Kullanımı İçin Makaleler
    Cevap: 6
    Son Mesaj : 10.Mayıs.2015, 08:24
  3. vBulletin 4.x.x Alt Forumlara Açılır Kapanır ( Dropdown Menu ) Menü Stili
    Konu Sahibi FaKeCiQ Forum vBulletin Sorunlarınız
    Cevap: 1
    Son Mesaj : 21.Kasım.2014, 17:02
  4. Çözüldü default temada mesaj ikonları yok.
    Konu Sahibi ENSAR Forum vBulletin Sorunlarınız
    Cevap: 3
    Son Mesaj : 13.Aralık.2013, 18:32
  5. Default temada sorun
    Konu Sahibi demir24 Forum vBulletin Sorunlarınız
    Cevap: 8
    Son Mesaj : 30.Kasım.2012, 20:44