الثلاثاء، 1 يوليو 2014

طريقة جعل قائمة المدونات تتحرك مع النزول الى اسفل المدونة


السلام عليكم في موضوع جديد وحصري لــمدونة إبــداعاتي 

السلام عليكم ورحمة اللـه متابعى مدونة ابداعاتى الكرام أقدم لكم اليوم موضوع جديد و حصرى كالعادة من مدونة ابداعاتى وهو بعنوان جعل قائمة المدونات تتحرك مع النزول إلى أسفل المدونة أى جعلها معلقة عند التمرير لأسفل المدونة و ربما يسألنى البعض عن أهمية تلك الخدعة البسيطة >> فهى تسهل على الزائر التنقل السريع بين الأقسام فى القائمة فى أى مكان فى المدونة ولكى لا أطيل عليكم تابعوا معى الشرح

طريقة جعل قائمة المدونات تتحرك مع النزول إلي أسفل المدونة 
( أى جعل القائمة معلقة عند التمرير لأسفل المدونة )

كان الأخ محمود سعيد ( مدير عام مدونة ابداعاتى ) قد تخدث فى موضوع سابق عن جعل أى اضافة فى المدونة معلقة عند التمرير للأسفل و هذا الموضوع مبنى على تلك الفكرة >> الموضوع من هنا

إاذا أعجبك عنوان الموضوع تابع الشرح

♫ طريقة التركيب ♫

نذهب الى لوحة التحكم >> ثم القالب 
>> ثم تحرير HTML ونبحث عن وسم الـ  <body/>
بالضغط على CTRL + F 
نضع فوقه ( قبله ) مباشرة ذلك الكود 
<script type='text/javascript'>//<![CDATA[$(document).ready(function() {// Menentukan elemen yang dijadikan sticky yaitu .navvar stickyNavTop = $('#nav').offset().top;var stickyNav = function(){var scrollTop = $(window).scrollTop(); // Kondisi jika discroll maka menu akan selalu diatas, dan sebaliknya if (scrollTop > stickyNavTop) {$('#nav').css({ 'position': 'fixed', 'top':0, 'z-index':9999 });} else {$('#nav').css({ 'position': 'relative', 'width': '100%' });}};// Jalankan fungsistickyNav();$(window).scroll(function() {stickyNav();});});//]]></script>

غير ماباللون الاحمر الى الاي دي ( id ) الخاص بقائمة مدونتك الأسهل عليكم الامر ابحث عن ( الرئيسي ة) او اي قسم من اقسام القائمة وستجد الأي دي فوقها 

شاهد الصورة



اتمنى ان تنال اعجابكم الاضافة 
في امان الله
إلى اللقاء فى موضوع أخر لمدونة ابداعاتى


من فضلك اضغظ لايك لمشاهدة لينك التحميل

7 التعليقات:

  1. أبدعت أخى نزار
    موضوع رائع أشكرك عليه

    ردحذف
  2. جزيل الشكر تقبل تحياتي

    ردحذف
  3. والله الموضوع رائع يا مبدع

    ردحذف
    الردود
    1. أشكرك جزيل الشكر علي هذا التعليق الرائع تحياتي

      حذف

ملاحظة : للإبلاغ عن رابط محتوى لا يعمل المرجوا الضغط على " الاتصال السريع " في أسفل القائمة مباشرة لاصلاح الخطأ بسرعة : نحن نسعى دائما لرقي الموقع جميعا من أجل الاستقرار
جميع الحقوق محفوظة © 2014 مدونة ابداعاتىجميعا من أجل الاستقرار