26‏/11‏/2014

السلام عليكم ورحمة الله تعالى وبركاته
مجددا أعود لكم بإضافة وطريقة جد سهلة لتثبيت صندوق أدوات بالشريط الجانبي [السيدبار] ، الصندوق يثبت بعد النزول لصفحة عند تجاوز جميع الصناديق التي توجد لديكم بالسيدبار ، يبقى صندوق واحد مثبت يذهب معك أينما كنت 😇 ايضا يمكن إختيار أي أداة لتبقى ضاهرة كإعلان أو شيئ اخر يظهر لكم مناسب الأكواد المستملة هي jQuery وCss فقط, أعتقد سنمر للمعاينة لتتوضح لكم الصورة عما أقدمه في هذه التدوينة بعدها نمر لتطبيق
شرح طريقة التركيب

1. توجه لقالب >> تحرير
2. ابحث بإستعمال CTRL+F عن ]]></b:skin> ثم ضع الكود التالي فوقه
.sticky {
  position:fixed;
  top:50px;
  z-index: 100;
}
3. ابحث عن </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. إذهب لتخطيط حرر الأداة التي تريد :

ومبروك عليك التطبيق، أنصحكم بثبيت اخر صندوق اداة لديكم سيظهر أكثر إحترافية كما بالمعاينة .. تحياتي
السلام عليكم ورحمة الله تعالى وبركاته
مجددا أعود لكم بإضافة وطريقة جد سهلة لتثبيت صندوق أدوات بالشريط الجانبي [السيدبار] ، الصندوق يثبت بعد النزول لصفحة عند تجاوز جميع الصناديق التي توجد لديكم بالسيدبار ، يبقى صندوق واحد مثبت يذهب معك أينما كنت 😇 ايضا يمكن إختيار أي أداة لتبقى ضاهرة كإعلان أو شيئ اخر يظهر لكم مناسب الأكواد المستملة هي jQuery وCss فقط, أعتقد سنمر للمعاينة لتتوضح لكم الصورة عما أقدمه في هذه التدوينة بعدها نمر لتطبيق
شرح طريقة التركيب

1. توجه لقالب >> تحرير
2. ابحث بإستعمال CTRL+F عن ]]></b:skin> ثم ضع الكود التالي فوقه
.sticky {
  position:fixed;
  top:50px;
  z-index: 100;
}
3. ابحث عن </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. إذهب لتخطيط حرر الأداة التي تريد :

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

شكراً جزيلاً لـ تلبيت الطلب أخ حسام , لدي مشكلة مع هذه الأداة أرجوا حلها @@,

المشكلة هي في الصفحة الرئيسية لـ الموقع www.Ebda2.net , عند النزول إلى الصفحة لمشاهدة الفوتر يحدث تردد في الموقع بمعنى أخر لا يمكنك رؤية الفوتر بسبب الأداة .

يمكنك تجربة ذلك بنفسك في الموقع , ما الحل @@,

تحياتي لك |o|

المشرف
avatar

شكرا لك اخي حسام على الموضوع :)
ممكن طلب بسيط و هو طريقة اضافة الاعلانات فوق و اسفل المواضيع مثل التي بمدونتك جزاك الله خيرا

المشرف
avatar

لقد جربتها لم يظهر المشكل أصلحتها ؟ @@,

المشرف
avatar

العفو اخي ، بالنسبة لطلبك فقد يكون متأخر لإختلاف الأكواد بالقوالب
مع ذلك بإمكانك إرسال القالب وسأثبة الإعلانات : info@ar1web.com

المشرف
avatar

مرحباً حسام! شكراً لك على هذه التدوينة، أرجو منك أن ترشدني إلى كيفية تشغيل هذه الخاصية أو إن صح التعبير الأداة، في صفحة المواضيع فقط، دون الصفحة الرئيسية.

أنا أريد أن تعمل هذه الخاصية (تثبيت صندوق الأدوات) في صفحة المواضيع فقط دون الرئيسية، هل هذا ممكن؟ وكيف يمكن القيام بذلك؟

تحياتي لك :")

المشرف
avatar

أهلاً بك ضع هذا الكود فوق

.sticky {
position:fixed;
top:50px;
z-index: 100;
}


لا تنسى حذف كود Css الآخر

المشرف
avatar
ياسمينة الشام 4/25/2015
delete

حلو كتير أخي حسام، كيف يمكنني تعطيل هذه الأداة في أجهزة الجوال؟ فهي تسببب بعض المشاكل.

أريد أن تتعطل هذه الخاصية في أجهزة الموبايل، فكيف يمكنني القيام بذلك؟

أرجو منك مساعدتي في هذا الطلب، لأنها تهمني كثيرًا...

المشرف
avatar

هل لديكِ قالب متجاوب؟ أتركي رابط المعاينة

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة