تغيير شكل السكرول بار الى شكل جذاب وجميل جداً 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);

}