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

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

يوجد الآن مشاهدة التعليقات : 8

الموضوع

اقرأ ايضًا

التعليقات

عن الكاتب

تعليمات

السلام عليكم ورحمة الله تعالى وبركاته
مجددا أعود لكم بإضافة وطريقة جد سهلة لتثبيت صندوق أدوات بالشريط الجانبي [السيدبار] ، الصندوق يثبت بعد النزول لصفحة عند تجاوز جميع الصناديق التي توجد لديكم بالسيدبار ، يبقى صندوق واحد مثبت يذهب معك أينما كنت 😇 ايضا يمكن إختيار أي أداة لتبقى ضاهرة كإعلان أو شيئ اخر يظهر لكم مناسب الأكواد المستملة هي 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. إذهب لتخطيط حرر الأداة التي تريد :

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

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة
5😊😉😀😁😎😍😜😑😇💖😯😱😭👍❓🍻

هناك 8 تعليقات:

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

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

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

    تحياتي لك |o|

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

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

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

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

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

    تحياتي لك :")

    ردحذف
  4. أهلاً بك ضع هذا الكود فوق

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


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

    ردحذف
  5. ياسمينة الشام4/25/2015

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

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

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

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

    ردحذف

عن الكاتب :

إرشادات

    تحميل الملفات

    نستخدم بمدونتنا مواقع مختلفة في رفع الملفات ونوفر منها إثنان:
  • موقع : Mediafire
  • موقع :file-upload
  • باسوورد فك الضغط للملفات المضغوطة : Ar1web2014
  • تجدون روابط التحميل في القوالب والملحقات بجانب التدوينة أي بالسيدبار
  • كل ملحق أو قالب يوجد بالمدونة هو للإستعمال الشخصي فقط
  • إن تواجد رابط معطوب فالمرجو التبليغ عنه هنا، شكرا.
  • أين تجدنا؟

    بعيدا عن الصفحات المزورة أو المزيفة التي يحاول البعض من خلالها استغلال جهود فريق عمل عرب ويب، هذه هي حساباتنا وصفحاتنا الرسمية في الشبكات الاجتماعية، لا نمتلك سوى هذه الصفحات والحسابات وهي الوحيدة التي تتبع للمدونة : https://www.instagram.com/ar1web

    كلمة الختام

    في مدونة عرب ويب نسعى دوما جاهدين للتحسن والتقدم وليس ما تراه هو حدودنا! ونحن نقدر كثيرا زوارنا وآراؤهم فإن كان لديك أي اقتراح/نصيحة/ومضة مفيدة/نقد بناء أو ما إلى ذلك يمكنك مشاركتنا كل ما في جعبتك من خلال الإتصال بنا : istoretech3@gmail.com
أخر تعديل كان في يوم السبت 20 يونيو من سنة 2020 ، هذه الصفحة قابلة للتعديل وقت اللزوم