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




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

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

    كيف تعلق ؟

    contact-us

    الاسم

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

    رسالة *