اذهب إلى المحتوى
  • 0

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

MOHAMMED ESAFI

السؤال

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

MAGIC MAG TEMPLATE.PNG

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 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>

 

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

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

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

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

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

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

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...