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

با سلام.

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

برای اینکه رنگ 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: رنگ فلش های موجود در کلیدهای بالا و پایین اسکرول را تغییر می دهد.

نکته ی مهم: رنگ ها را به جای کد رنگ در متن کد قرار دهید. مثلا رنگ مورد نظر را به جای #۷۳۹cbd در خط اول کد قرار دهید.


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

یک نظر

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

پاسخ دهید

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

حمایت از ما با یک کلیک!

لطفا برای حمایت از ما یکبار (در روز) بر روی تبلیغات زیر کلیک نمایید: