تغيير شكل شريط تمرير في بلوجر (css)

سلام عليكم ورحمة الله وبركاته ومرحبا بك صديقي متابع ♥️ لمدونة ماتريال ويب الدي أحاول من خلالها تقديم احسن إضافات و تعديلات على بلوجر و المواقع كدلك تحسين سيو
لكن في هدا مقال أضع بين يديك إضافة مميزة و سهلة إضافة كدلك وهي تغير كل شريط تمرير في بلوجر بطبيعة حال بتغير شكله يضيف جمالية إلى مدونتك او موقعك وخصوصا اذا قمت بإختيار ألوان متناسقة مع مدونتك لكي لا أطيل عليك نمر إلى الشرح

طريقة تغير شكل شريط تمرير في بلوجر

أمر سهل جدا و لا يتطلب اي خبرة في البرمجة كل ما عليك هو دخول إلى بلوجر ◀️إختار مدونتك ◀️تم القالب ◀️ثم تحرير قالب html إبحث عن ]]></b:skin> بإستخدام Cntrl + F
وأخيرا إختار شكل الدي تريده إنسخه تم ضعه فوقه

شرح محتوي الكود تغير شكل شريط تمرير في بلوجر

بطبعة الحال لا يمكنني أن اقدم لك محتوي دون أن تعرف محتواه لدى سنبدأ بشرح كود لتقوم بتصميم كود او شكل خاص بك ولأن لنمر إلى شرح
وسم خاص بشريط التمرير
::-webkit-scrollbar {
طول شريط تمرير
height:8px;
عرض شريط تمرير
width: 8px;
لون خلفية شريط
background: #f0f4c3; }
وسم خاص بزر تمرير
::-webkit-scrollbar-thumb {
لون زر التمرير
background-color: #ff3399;
قياس تقويص الزر
border-radius: 10px;
لون حواف الزر
border: 1px solid #ffffff; }
للحصول على أكواد الوان جميلة و متناسقة يمكنك إلقاء نظرة على هدا المقال 3 أفضل مولدات ألوان (تصاميم و البرمجة)

نسخ كود مع الشرح

    /* وسم خاص بشريط التمرير */
::-webkit-scrollbar {
        /* طول شريط تمرير */
        height:8px;
        /* عرض شريط تمرير */
        width: 8px;
        /* لون خلفية شريط */
        background: #f0f4c3;
        }


        /* وسم خاص بزر تمرير */
::-webkit-scrollbar-thumb {
        /* لون زر التمرير */
        background-color: #ff3399;
        /* قياس تقويص الزر */
        border-radius: 10px;
        /* لون حواف الزر */
        border: 1px solid #ffffff;
        } 

إذا كان لدي أي إستفسار او إضافة يمكنك تفاعل معنا فى صندوق تعاليق أسفله

♥️ إلى هنا ينتهي شرح اليوم وسلام عليكم ورحمة الله

شارك Share Tweet Share Share Share

انقر هنا

محمد نجيري (mnajiri@) مشرف على مدونة ماتريال ويب تحت الرابط التالي :https://mdwab.blogspot.com/ مند 2018 و أدعوك لمتابعتي عبر حسابي على أنستغرام