قائمة أفقية ثابتة لمدونات بلوجر
مرحبا بكل اعضاء وزوار مدونة كيف تربح المال من النت اتمنى ان تكونو بصحة وعافيةالسلام عليكم ورحمة الله اليوم أقدم لكم اضافة جميلة ويحتاجها الكثيرة منا ونرى انها مستعملة في أشهر المواقع الإجتماعية ، إنها قائمة افقية ثابتة اي تتبعك وانت تتصفح المدونة اذا نزلت تنزل معك واذا صَعِدْتَ صَعَدَتْ معك، أقدم لكم صورة الأداة بعد ان قمت بتعريبها و تطويرها:
- كما نلاحظ ان القائمة تحتوي على سهم يقوم بإصعادنا الى الاعلى واخر اتجاهه الى الأسفل يقوم بإنزالنا وبعدها نرى 5 ازرار يمككنا وضع روابطنا فيها ويمكننا زيادة العدد او العكس، ايضا نرى مربع بحث في الاضافة الأصل الغير المعربة مربع البحث لا يعمل وانا جعلته يعمل وبشكل جيد كما ينبغي,عندما ننزل القائمة تصبح شفافة نوعا ما وعندما نضع المؤشر عليها تصبح عادية كما كانت في السابق
الأن حان وقت عرض الاكواد لوضع هذه القائمة الرائعة في مدونتنا:
الخطوات:
أولا سنقوم بأخذ بعض الإحطياتات، سنقوم بحفظ القالب من اجل تفادي حصول اي مشكلة ، ثم نتجه الى تحرير html ، ثم نضغط على متابعة.نقوم بالضغط على Cntrl + F اذا كنت تستخدم متصفح جديد مثل كرومي او موزيلا ونبحث عن :
ونقوم بإلصاق هذا الكود قبله .
وبعد هذا سنقوم بالبحث على
- كما نلاحظ ان القائمة تحتوي على سهم يقوم بإصعادنا الى الاعلى واخر اتجاهه الى الأسفل يقوم بإنزالنا وبعدها نرى 5 ازرار يمككنا وضع روابطنا فيها ويمكننا زيادة العدد او العكس، ايضا نرى مربع بحث في الاضافة الأصل الغير المعربة مربع البحث لا يعمل وانا جعلته يعمل وبشكل جيد كما ينبغي,عندما ننزل القائمة تصبح شفافة نوعا ما وعندما نضع المؤشر عليها تصبح عادية كما كانت في السابق
الأن حان وقت عرض الاكواد لوضع هذه القائمة الرائعة في مدونتنا:
الخطوات:
أولا سنقوم بأخذ بعض الإحطياتات، سنقوم بحفظ القالب من اجل تفادي حصول اي مشكلة ، ثم نتجه الى تحرير html ، ثم نضغط على متابعة.نقوم بالضغط على Cntrl + F اذا كنت تستخدم متصفح جديد مثل كرومي او موزيلا ونبحث عن :
ونقوم بإلصاق هذا الكود قبله .
$(function() {$(window).scroll(function(){var scrollTop = $(window).scrollTop();if(scrollTop != 0)$('#nav').stop().animate({'opacity':'0.2'},400);else$('#nav').stop().animate({'opacity':'1'},400);});$('#nav').hover(function (e) {var scrollTop = $(window).scrollTop();if(scrollTop != 0){$('#nav').stop().animate({'opacity':'1'},400);}},function (e) {var scrollTop = $(window).scrollTop();if(scrollTop != 0){$('#nav').stop().animate({'opacity':'0.2'},400);}});});
وبعد هذا سنقوم بالبحث على