السلام عليكم في موضوع جديد وحصري لــمدونة إبــداعاتي
السلام عليكم ورحمة اللـه متابعى مدونة ابداعاتى الكرام أقدم لكم اليوم موضوع جديد و حصرى كالعادة من مدونة ابداعاتى وهو بعنوان جعل قائمة المدونات تتحرك مع النزول إلى أسفل المدونة أى جعلها معلقة عند التمرير لأسفل المدونة و ربما يسألنى البعض عن أهمية تلك الخدعة البسيطة >> فهى تسهل على الزائر التنقل السريع بين الأقسام فى القائمة فى أى مكان فى المدونة ولكى لا أطيل عليكم تابعوا معى الشرح
طريقة جعل قائمة المدونات تتحرك مع النزول إلي أسفل المدونة
( أى جعل القائمة معلقة عند التمرير لأسفل المدونة )
كان الأخ محمود سعيد ( مدير عام مدونة ابداعاتى ) قد تخدث فى موضوع سابق عن جعل أى اضافة فى المدونة معلقة عند التمرير للأسفل و هذا الموضوع مبنى على تلك الفكرة >> الموضوع من هنا
إاذا أعجبك عنوان الموضوع تابع الشرح
♫ طريقة التركيب ♫
نذهب الى لوحة التحكم >> ثم القالب
>> ثم تحرير 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 ) الخاص بقائمة مدونتك الأسهل عليكم الامر ابحث عن ( الرئيسي ة) او اي قسم من اقسام القائمة وستجد الأي دي فوقها
شاهد الصورة
اتمنى ان تنال اعجابكم الاضافة
في امان الله