طريقة تغيير الشريط الجانبى scrollbar لمدونتك

قد نجد فى بعض المدونات أن الشريط الجانبى الخاص بها بشكل أخر غير الشكل الإفتراضى للمتصفح واليوم فى هذا الدرس أقدم لكم طريقة تغيير الشريط الجانبى scrollbar لمدونتك والطريقة سهلة جدا ويمكن حتى للمبتدئيين تنفيذها
نبدأ الشرح على بركة الله:
كل ما عليك لتغيير الشريط الجانبى scrollbar لمدونتك
1.أفتح القالب الخاص بمدونتك
2.اضغط على ctrl+f لفتح خانة البحث وأبحث عن ]]></b:skin>
3.أضف الكود التالى قبلها
    ::-webkit-scrollbar {
    background: #00c2ff;
    width: 15px;
    }
    ::-webkit-scrollbar-thumb {
    background-color: #11AECC;
    }
    ::-webkit-scrollbar-track {
    -webkit-border-radius: 30px;
    }
    ::-o-scrollbar {
    background: #00c2ff;
    width: 15px;
    }
    ::-o-scrollbar-thumb {
    background-color: #11AECC;
    }
    ::-o-scrollbar-track {
    -o-border-radius: 30px;
    }

أنت الأن قد غيرت الشريط الجانبى لمدونتك ولاكنه باللون اللبنى إذا كنت تريد تغيير اللون اللبنى تابع حتى أخر الموضوع
طريقة تغيير اللون
أستبدل #00c2ff بكود اللون الذى تريده مثلا #008000
ويمكنك احتيار اللون الذى تريده من هنا


0 شارك واكتب تعليق:

إرسال تعليق