تغییر رنگ اسکرول بار

با سلام.

امروز كد جالبي را با اقتباس از وب سايت اينترنتي مجيد آنلاين به شما معرفي مي كنيم. به كمك اين كد رنگ اسكرول بار صفحه ي مورد نظر خود را تغيير مي دهيد و به شكل مورد نظر تزئين مي كنيد

براي اينكه رنگ ScrollBar صفحه سايت خود را عوض كنيد كافي است كد زير را در ابتداي برنامه خود اضافه كنيد.

scroll

براي ديدن به ادامه مطلب برويد

<body><STYLE type=text/css>
BODY {
SCROLLBAR-FACE-COLOR: #739cbd;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #1f1f1f;
SCROLLBAR-3DLIGHT-COLOR: #739cbd;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #cee6f2;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff
}
</STYLE></body>

راهنماي استفاده:

Scrollbar-face-color: در اين قسمت رنگ اصلي اسكرول را تعيين مي كنيد.

Scrollbar-shadow-color: در اين قسمت رنگ سايه اسكرول را مشخص مي كنيد (خط موجود در سمت راست و پايين اسكرول)

Scrollbar-highlight-color: در اين قسمت رنگ قسمت روشن اسكرول را مشخص مي كنيد (خط موجود در سمت چپ و بالاي اسكرول)

Scrollbar-3dhigh-color: اين پارامتر رنگ بوردر (خط) دور اسكرول را مشخص مي كند. (خط كلي در دور تا دور اسكرول)

Scrollbar-darkshadow-color: خط دوم سايه اسكرول را مشخص مي كند . (اين خط بر روي خط سايه كه در سمت راست و بالاي اسكرول است قرار ميگيرد)

Scrollbar-track-color: اين قسمت رنگ زمينه اسكرول را مشخص مي كند.

Scrollbar-arrow-color: رنگ فلش هاي موجود در كليدهاي بالا و پايين اسكرول را تغيير مي دهد.

نكته ي مهم: رنگ ها را به جاي كد رنگ در متن كد قرار دهيد. مثلا رنگ مورد نظر را به جاي #739cbd در خط اول كد قرار دهيد.


براي راحتي كارتان مي توانيد از حوضچه ي رنگ استفاده كنيد.

1 پاسخ به “تغییر رنگ اسکرول بار”

  1. سلام خسته نباشید میشه بگید دقیقا این کد را کجا باید وارد کرد من از نرم افزار dream weawer استفاده میکنم و میخوام دقیقا بدونم ایا در قسمت body این کد را بنویسم یا style خیلی ممنون

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *