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