تغيير شكل السكرول بار الى شكل جذاب وجميل جداً ScrollBar

تغيير شكل ولون السكرول بار 

الى سكرول جذاب وأنيق جداً

تنبية !! قبل تطبيق الشرح أنزل

          نسخة أحتياطية للقالب لتفادي المشاكل...

الطريقة كالتالي 

اذهب الى لوحة تحكم المدونة ثم تحرير القالب 

ثم تحرير HTML

الان اضغط 

Ctrl+f

كي نبحث عن 

]]></b:skin>

وضع فوقها مباشرة الكود التالي

::-webkit-scrollbar {

background: #333;

width: 15px;

}

::-webkit-scrollbar-thumb {

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);

background-image: -webkit-linear-gradient(top, #0378ae 10%, #0097DD 51%);

}

::-webkit-scrollbar-track {

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

}

لتغيير اللون متدرج أو موحد غير التالي

#0097DD

#0378ae

 للبحث عن اللون المناسب أدخل// هنا

واضغط حفظ القالب/: