با سلام.
امروز کد جالبی را با اقتباس از وب سایت اینترنتی مجید آنلاین به شما معرفی می کنیم. به کمک این کد رنگ اسکرول بار صفحه ی مورد نظر خود را تغییر می دهید و به شکل مورد نظر تزئین می کنید
برای اینکه رنگ 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 در خط اول کد قرار دهید.
اینستاگرام یکی از پرکاربردترین شبکههای اجتماعی برای کسبوکارها، فروشگاههای اینترنتی و صاحبان برندهای شخصی است.…
احتمالا تا حالا با هوش مصنوعی و چت جی پی تی و جمنای گوگل و…
آیا تا به حال پیش آمده که مجبور باشید همزمان با چند رایانه کار کنید…
ChatGPT در اواخر سال 2022 راه اندازی شد، و پس از آن بسیاری از مفاهیم…
View Comments
سلام خسته نباشید میشه بگید دقیقا این کد را کجا باید وارد کرد من از نرم افزار dream weawer استفاده میکنم و میخوام دقیقا بدونم ایا در قسمت body این کد را بنویسم یا style خیلی ممنون