المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : [ شرح ] طريقة تغيير لون شريط السكرول بار فى صفحات Html ( شريط التمرير )

SnipER
05-03-2010, 07:37 PM
:: بسم الله الرحمن الرحيم ::

===============================================
[ شرح ] طريقة تغيير لون شريط السكرول بار فى صفحات Html ( شريط التمرير )
=================================================


اولا لتغيير لون السكرول بار الخاص بالمنتدى

لوحة تحكم المنتدى >> الستايلات والقوالب >> التحكم بالستايلات >> نختار الستايل المراد التعديل عليه >> خيارات جميع الستايلات

نذهب لأسفل الصفحة

في خانة الـ تعاريف CSS الإضافية/Additional CSS Definitions


ونضع الكود التالي :
html
{
scrollbar-base-color: #888888;
scrollbar-arrow-color: #F4CE16;
scrollbar-3dlight-color: #ff9103;
scrollbar-darkshadow-color: #ff9103;
scrollbar-face-color: #47a7a7a;
scrollbar-highlight-color: #888888;
}

http://www8.0zz0.com/2010/05/03/19/573977853.gif (http://www.0zz0.com)

حتى يصبح بهذا الشكل :

http://www8.0zz0.com/2010/05/03/19/619027326.gif (http://www.0zz0.com)

اعمل حفظ وشوف النتيجة

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

الآن لتغيير لون السكرول بار الخاص بصفحات الـ Html

نضع الكود التالي:
ما بين الـ <body> والـ </body>


<STYLE>BODY
{
scrollbar-base-color: #888888;
scrollbar-arrow-color: #F4CE16;
scrollbar-3dlight-color: #ff9103;
scrollbar-darkshadow-color: #ff9103;
scrollbar-face-color: #47a7a7a;
scrollbar-highlight-color: #888888;
}
</STYLE>


حتى يصبح بهذا الشكل:

http://www8.0zz0.com/thumbs/2010/05/03/19/554779519.gif (http://www.0zz0.com/realpic.php?s=8&pic=2010/05/03/19/554779519.gif)


وبهذا انتهى الدرس

وهذه هي النتيجة النهائية :

http://www.drooscom.com/Droos/Html/Scrollbar.Color/04.Gif

=================================================

:: بالتوفيق للجميع ::