• 0

كيف أضيف هيدر ثابت إلى قالب ووردبريس؟

السلام عليكم و رحمة الله , ارى مثل هذه الاضافة ( انظر الصورة ) في كثير من المواقع و القوالب ك قالب  MAGIC MAG TEMPLATE المشهورة و رغم المجهود الكبير لم استطيع عمل مثلها , لمن لديهم الخبرة المرجوا مساعدتي و شكرا  , ( انظر الرقم 1 و 2 والترابط بينهم )  :)

MAGIC MAG TEMPLATE.PNG

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

وعليكم السلام ورحمة الله

يمكنك تنفيذ ذلك من خلال كود جافا سكربت

ابحث عن وسم </body> ثم الصق الكود التالي قبله مباشرة ثم استبدل رمز ##### بمعرف القائمة 

---------------------------

 

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
    // Menentukan elemen yang dijadikan sticky yaitu .nav
    var stickyNavTop = $('#####').offset().top;
    var stickyNav = function(){
        var scrollTop = $(window).scrollTop();
        // Kondisi jika discroll maka menu akan selalu diatas, dan sebaliknya      
        if (scrollTop > stickyNavTop) {
          $('#####').css({ 'position': 'fixed', 'top':0, 'z-index':9999 });
        } else {
            $('#####').css({ 'position': 'relative', 'width': '100%' });
        }
    };
    // Jalankan fungsi
    stickyNav();
    $(window).scroll(function() {
        stickyNav();
    });
});
//]]>
</script>

 

 

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

حاول أن تعرف معرف القائمة id أو class

لو id تضيف رمز # قبل المعرف مثل #menu

لو المعرف من نوع class تضيف علامة نقطة قبل المعرف مثل .menu

إذا لم تنجح معك اترك رابط موقعك للمعاينة

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

شكرا على المساعدة :) نجح الامر لكن ليس بالشكل الذي كنت ارغب به , لكن عملت ما اريد عن طريق هذا الكود  

$(function(){
    var targetPos = $('.menu').offset().top;
    console.log(targetPos);
    
    $(window).scroll(function() {
        if ($(this).scrollTop() >= targetPos) {
            $('.menu').addClass('fixed');
        }
        else {
            $('.menu').removeClass('fixed');
        }
    });
});

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن