كيفية تغيير السكرول بار الى شكل احترافي

السلام عليكم ورحمة الله تعالى وبركاته 

مرحبا بكم اخواني الكرام في الدرس الجديد على مدونة زوما للمعلوميات الدي فيه سوف نتطرق لكيفية تغيير السكرول بار الخاص بالمدون .

ان شاء الله لن نطيل عليكم كثيرا نبدأ بالشرح : 


اولا اخواني الكرام نتبع الخطوات التالية : 

لوحة التحكم ===>
القالب ===>
تحرير HTML ===>
توسيع القالب ===>
الان بعد عمل الخطوات والدخول على القالب اضغط على 
Ctrl+F

لكي يضهر لك مربع البحث في القالب ومن تم تبحث عن هذا الكود اسفله : 
]]></b:skin>

بعدما تجد الكود تضع هذا الكود بعده ( فوقه مباشرة ) 
===============================================
 ::-webkit-scrollbar{ background:#e1e1e1; 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,#214261 25%,#34516C 51%);}::-webkit-scrollbar-track{ -webkit-shadow:inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius:30px;}
===============================================
ولتغيير الالوان لتصبح متناسقة مع مدونتك غير الاكواد التالية بالالوان التي تناسبك
#214261
#34516C

والى هنا نكون قد انهينا درسنا لليوم اتمنى ان اكون قد افدتكم واراكم ان شاء الله في درس قادم الى اللقاء :)
شارك الموضوع عبر المواقع الاجتماعية
لايك اذا اعجبك الموضوع ؟
Related Posts with thumbnails for bloggerEfadaBlog

ليست هناك تعليقات:

إرسال تعليق