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

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

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

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


أمر سهل جدا و لا يتطلب اي خبرة في البرمجة كل ما عليك هو دخول إلى بلوجر ◀️إختار مدونتك ◀️تم القالب ◀️ثم تحرير قالب 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;
        } 


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

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

المنشورات ذات الصلة

تعليقات

إرسال تعليق

انضم إلى Blum الآن!

هل تبحث عن منصة تداول سهلة وآمنة للعملات الرقمية؟ Blum هي خيارك المثالي! استمتع بتجربة تداول سلسة وابدأ في كسب المكافآت من خلال المشاركة في الألعاب والمهام داخل المنصة.

مزيد من المعلومات

لا تفوت الفرصة، انضم اليوم وابدأ في استكشاف عالم العملات الرقمية مع Blum!

انضم الآن