تثبيت صندوق الأدوات بالسيدبار




السلام عليكم ورحمة الله تعالى وبركاته
مجددا أعود لكم بإضافة وطريقة جد سهلة لتثبيت صندوق أدوات بالقائمة الجانبية [السيدبار] ، الصندوق يثبت بعد النزول لصفحة عند تجاوز جميع الصناديق التي توجد لديكم بالسيدبار ، يبقى صندوق واحد مثبت يذهب معك أينما كنت :) ايضا يمكن إختيار أي أداة لتبقى ضاهرة كإعلان أو شيئ اخر يظهر لكم مناسب الأكواد المستعملة هي jQuery و 
Css 
فقط أعتقد سنمر للمعاينة لتتوضح لكم الرؤية عما أقدمه في هذه التدوينة بعدها نمر لتطبيق 
شرح طريقة التركيب  
1 . توجه لقالب >> تحرير
2. ابحث بإستعمال CTRL+F عن : ]]></b:skin> 
3. ضع الكود التالي فوقه
.sticky {
  position:fixed;
  top:50px;
  z-index: 100;
}

4. ابحث عن </body>  ضع الكود التالي فوقه
<script type='text/javascript'>
$(document).ready(function() {
var stickyWidgetTop = $('#Followers1').offset().top; 
var stickyWidget = function(){
var scrollTop = $(window).scrollTop();     
if (scrollTop > stickyWidgetTop) { 
    $('#Followers1').addClass('sticky');
} else {
    $('#Followers1').removeClass('sticky'); 
}
};
stickyWidget();
$(window).scroll(function() {
    stickyWidget();
});
});
</script>
5. لتثبيت صندوق الأداة الذي تريده عليك بوضع معرف الأداة بدل Followers1 ولا تحذف الهاشتاج * لمعرفة معرف الأداة تابع الصورة1. إذهب لتخطيط حرر الأداة التي تريد


ومبروك عليك التطبيق، أنصحكم بثبيت اخر صندوق اداة لديكم سيظهر أكثر إحترافية كما بالمعاينة .. تحياتي

السلام عليكم ورحمة الله تعالى وبركاته مجددا أعود لكم بإضافة وطريقة جد سهلة لتثبيت صندوق أدو...

روابط الموضوع للنسخ

رابط
HTML
BBCode
يسمح بنقل الموضوع لكن مع ذكر المصدر في نهاية الموضوع المنقول ووضع رابط الموضوع الأصلي
كيف تعلق ؟

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *