كود السكرول بار Scrollbar لمدونات بلوجر
كود السكرول بار Scrollbar لمدونات بلوجر
السلام عليكم
لاضافة هذالكود .
ابحث عن الوسم التالي :
]]></b:skin>
ضع فوقه هذا الكود :
::-webkit-scrollbar { background:#e1e1e1; width:15px;}
::-webkit-scrollbar-thumb {
-webkit-shadow:inset 0 0 6px rgba(0,0,0,0.5);
background:#0c4609;
}
::-webkit-scrollbar-track {
-webkit-shadow:inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius:30px;
}
::-webkit-scrollbar-thumb:hover {background:#831119;}
::-webkit-scrollbar-thumb:active {background:#071865;}
::-moz-scrollbar { background:#e1e1e1; width:15px;}
::-moz-scrollbar-thumb {
-moz-shadow:inset 0 0 6px rgba(0,0,0,0.5);
background:#0c4609;
}
::-moz-scrollbar-track {
-moz-shadow:inset 0 0 6px rgba(0,0,0,0.3);
}
::-moz-scrollbar-thumb:hover {background:#831119;}
::-moz-scrollbar-thumb:active {background:#071865;}
::-o-scrollbar { background:#e1e1e1; width:15px;}
::-o-scrollbar-thumb {
-o-shadow:inset 0 0 6px rgba(0,0,0,0.5);
-
background:#0c4609;
}
::-o-scrollbar-track {
-o-shadow:inset 0 0 6px rgba(0,0,0,0.3);
-o-border-radius:30px;
}
::-o-scrollbar-thumb:hover {background:#831119;}
::-o-scrollbar-thumb:active {background:#071865;}
تنسيق الاضافة :
15px التحكم في حجم السكرول بار
ما باللون الاخضرهو كود اللون للسكرول بار
ما باللون الاحمرهو كود اللون للسكرول بارعند تمريرالماوس عليه
ما باللون الازرق هو كود اللون للسكرول بارعند الضغط عليه بالماوس
الكود بسيط وطريقة اضافته سهلة
دمتم في حفظ الله
لك حــق النقل ذكــــــــــ بدون ــــــــر المصــــــدر
أضف تعليق