السلام عليكم ورحمة الله وبركاته ..
اقدم لكم حصريا على منتدى الملتقى العربي كود رائع لتغيير شريط التمرير ( scrollbar )
صورة للكود :
ننتقل للكود :
الكود:
<!-- powered by: assemDz -->[size=12][/size]
::-webkit-scrollbar { background:#230032; width:8px;}[size=12][/size]
::-webkit-scrollbar-thumb {[size=12][/size]
-webkit-shadow:inset 0 0 6px rgba(0,0,0,0.5);[size=12][/size]
background:#FFCE14;[size=12][/size]
}[size=12][/size]
::-webkit-scrollbar-track {[size=12][/size]
-webkit-shadow:inset 0 0 6px rgba(0,0,0,0.3);[size=12][/size]
-webkit-border-radius:30px;[size=12][/size]
}[size=12][/size]
[size=12][/size]
::-moz-scrollbar { background:#e1e1e1; width:8px;}[size=12][/size]
::-moz-scrollbar-thumb {[size=12][/size]
-moz-shadow:inset 0 0 6px rgba(0,0,0,0.5);[size=12][/size]
background:#FFCE14;[size=12][/size]
}[size=12][/size]
::-moz-scrollbar-track {[size=12][/size]
-moz-shadow:inset 0 0 6px rgba(0,0,0,0.3);[size=12][/size]
}[size=12][/size]
::-o-scrollbar { background:#e1e1e1; width:8px;}[size=12][/size]
::-o-scrollbar-thumb {[size=12][/size]
-o-shadow:inset 0 0 6px rgba(0,0,0,0.5);[size=12][/size]
-[size=12][/size]
background:#FFCE14;[size=12][/size]
}[size=12][/size]
::-o-scrollbar-track {[size=12][/size]
-o-shadow:inset 0 0 6px rgba(0,0,0,0.3);[size=12][/size]
-o-border-radius:30px;[size=12][/size]
}لتغيير اللون الأصفر نثوم بتغيير هذا اللون من الكود #230032 بما يناسبك ..
لتغيير عرض الشريط نقوم باستبدال 8px بما يناسبك
ولتغيير خلفية الشريط نقوم بتغيير هذا اللون #FFCE14 بما يناسبك
لتركيب الكود نتبع هذا المسار :
مظهر المنتدى / الصور والألوان / الألوان / ورقة تصميم css
تحياتي لكم
اخوكم assemDz
( بلمامون )
