تغير شكل ولون -شريط التمرير في مواقع الويب- بسيط

تغير شكل ولون -شريط التمرير في مواقع الويب- بسيط

غيير شكل ولون شريك التنقل في موقعك

- لتغيير الشريط في مدونات بلوجر:

.توجه الى (قالب) من قائمة الإعدادات ثم اضغط على زر (تحرير HTML)

.ثم اضغط على Ctrl+f من لوحة المفاتيح وابحث عن ]]></b:skin>

.ولصق فوقه هاذا الكود:

/* Webkit override Scrollbar with CSS3 */::-webkit-scrollbar {width: 8px; height:8px;}::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);background:#fff;}::-webkit-scrollbar-thumb {background: rgba(186,35,35,0.8);-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}::-webkit-scrollbar-thumb:window-inactive {
background: rgba(186,35,35,0.4);

Copy Code

-هاذا بالتسبة لبلوجر اما المواقع الأخرى ضع الكود في ملف CSS مباشرة وانتها الأمر.

• الون الأخظر لتغيير ارتفاع الشريط
• //    البرتقالي //    عرض الشريط
• //   الأحمر الغامق لتغيير لون الشريط العلوي(الأول)
• //  الأحمر لتغيير لون الشريط السفلي(الثاني)
• و #fff لتغيير لون الكتابة

-----------------------------------------------

*وصلنا لنهاية المشاركة اتمنى ان تفيدكم شكرآ للمرور وأي استفسار أنا رهن الإشارة.