شرح طريقة تغيير السكرول بار في مدونتك
السلام عليكم ورحمة الله وبركاته
اليوم درسنا إن شاء الله عبارة عن كيفية تغيير شكل السكرول بار إلى شكل مميز ورائع هذا الموضوع وضعته بعد أن وصلتني رسالة عبر الأمايل من أحد الأخوة عن كيفية تغييرها والمشكلة عند الأخ كانت في إسم الأضافة لم يكن يعرفها الله أعلم , الحمد لله توصلت لاحد الأكواد وهو جد سهل في التركيب
كل ماسنفعله هو زرع كود css بسيط في المدونة وسوف تشتغل معنا الإضافة بشكل جيد
شرح التركيب
ادخل لوحة تحكم المدونة
انقر على قالب >> تحرير html
ابحث عن ]]></b:skin>
ضع الكود التالي فوقة مباشرة
::-webkit-scrollbar{ background:#fff; width:15px;}::-webkit-scrollbar-thumb{ -webkit-shadow:inset 0 0 6px rgba(0,0,0,0.5); -webkit-border-radius:30px; background-image:-webkit-linear-gradient(top,#9bcfff 25%,#0e8aff 51%);}::-webkit-scrollbar-track{ -webkit-shadow:inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius:30px;}
صورة توضيحية
وهذه صورة من مدونتي بعد الإضافة
ليست هناك تعليقات: