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

با سلام.

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

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

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

<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 در خط اول کد قرار دهید.

---

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