با سلام.

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

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


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

View Comments

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

Share
Published by
مدیر

Recent Posts

7 نوع مختلف لوگو و روش انتخاب آنها

لوگو یکی از مهم‌ترین عناصر هویت بصری هر برند است. یک لوگوی مناسب می‌تواند باعث…

5 روز ago

9 پلاگین وردپرس برای سئو (SEO)

معرفی و مقایسه ۹ پلاگین برتر وردپرس برای سئو در سال ۱۴۰۴ — Yoast، Rank…

2 هفته ago

عمق بازار یا Market Depth چیست؟

عمق بازار یا Market Depth چیست و چگونه در فارکس، بورس و ارز دیجیتال به…

1 ماه ago

ابعاد پست اینستاگرام

اینستاگرام یکی از پرکاربردترین شبکه‌های اجتماعی برای کسب‌وکارها، فروشگاه‌های اینترنتی و صاحبان برندهای شخصی است.…

2 ماه ago

بهترین هوش مصنوعی ساخت عکس و ایجاد تصاویر

احتمالا تا حالا با هوش مصنوعی و چت جی پی تی و جمنای گوگل و…

2 سال ago

افزایش سرعت ویندوز

با این ترفند ساده با چند تا کلیک سرعت ویندوزت 10 برابر میشه. اگه حس…

2 سال ago