نوار پیمایشی عملکردی همه کاره است که کار با هر وب سایتی را راحت تر و سریعتر می کند. در عین حال ، دارندگان سایت ترجیح می دهند علاوه بر موارد مفید ، بلکه افزودنیهای زیبایی را که در طراحی متناسب با طرح کلی رنگ صفحه است ، در صفحات خود نصب کنند. در این مقاله ، ما به شما نحوه نصب یک اسکرول رنگی روی وب سایت خود نشان خواهیم داد. روش های مختلفی برای این کار وجود دارد و یکی از آنها کدی آماده است که می تواند در هر صفحه ای که می خواهید نوار پیمایش را تغییر دهید نصب شود.
دستورالعمل ها
مرحله 1
صفحه را برای ویرایش و کپی کردن کد HTML آن در دفترچه یادداشت انتخاب کنید.
بعد از برچسب ، کد را جای گذاری کنید:
body {scrollbar-face-color: # 5997CA؛
scrollbar-shadow-color: #ffffff؛
scrollbar-highlight-color: #ffffff؛
scrollbar-3dlight-color: # 5997CA؛
scrollbar-darkshadow-color: # 5997CA؛
scrollbar-track-color: # F6F6F6؛
scrollbar-arrow-color: # F6F6F6؛ }
گام 2
در کد ، مقادیر رنگ را در مقابل هر پارامتر به دلخواه تنظیم کنید: رنگ نوار پیمایش ، رنگ پیکان ، رنگ زمینه نوار پیمایش ، رنگ حاشیه ها ، میله های جدا کننده ، و غیره
این ساده ترین راه است ، اما علاوه بر آن یک مورد دیگر نیز وجود دارد - همان کد را با تنظیمات رنگ اسکرول به عنوان یک فایل css ذخیره کنید و آن را در صفحه بارگیری کنید. برای انجام این کار ، کد بالا را بدون برچسب در دفترچه یادداشت باز کنید. فایل کد را ذخیره کرده و نام آن را scroll.css بگذارید. سپس در همان محلی که می خواهید نوار پیمایش را تغییر دهید ، در سرور بارگذاری کنید.
مرحله 3
اگر حروف رنگ HTML را نمی دانید ، هر جدول با این نمادها را در اینترنت جستجو کنید. این به شما کمک می کند کدها و رنگها را به هم مرتبط کنید و رنگ مناسب را برای طراحی وب سایت خود انتخاب کنید.
