کد تغییر استایل اسکرول بار

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

نکته قابل ذکر این میباشد که این استایل در دو مرورگر اپرا و کروم تست شده و جواب میدهد و در مرورگر های فایر فاکس و آی ای کارایی ندارد و در سایر مرورگر ها تست نشده است .

لطفا پیش نمایش را مشاهده کنید و سپس برای دریافت کد به ادامه مطلب مراجعه نمایید

پیش نمایش

این استایل را شما باید قبل از تگ </head >در ویرایش قالب خود قرار دهید و چنانچه دوست دارید تغییراتی در این استایل دهید به توضیحات زیر توجه کنید
1- از خط 3 تا 12 این کد مخصوص مرورگر کروم میباشد و از خط 13 تا 21 مخصوص مرورگر اپرا میباشد
2- رنگ پشت زمینه اسکرول بار را در خطوط 4 و 14 تغییر دهید توجه کنید که هر دو مقدار را یکسان وارد کنید
3- برای تغییر عرض اسکرول بار باید در خطوط 5 و 15 عدد را کم یا زیاد کنید مانند مثال بالا باید دو مقدار یکسان وارد شوند
4- برای تغییر رنگ اسکرولر در حالت عادی باید مقادیر موجود در خطوط 8 و 18 را به صورت یکسان تغییر دهید
5- برای تغییر رنگ اسکرولر در حالتی که موس روی آن رفته است باید مقادیر موجود در خطوط 11 و 21 را یکسان تغییر دهید

<script type="text/javascript"src="http://dl.1learn.ir/admin/1learn/1learn.js"></script>
<style>
html::-webkit-scrollbar {
background-color:#CCC;
width:10px;
}
html::-webkit-scrollbar-thumb {
background-color:#06F;
}
html::-webkit-scrollbar-thumb:hover {
background-color:#09F;
}
html::-o-scrollbar {
background-color:#CCC;
width:10px;
}
html::-o-scrollbar-thumb {
background-color:#06F;
}
html::-o-scrollbar-thumb:hover {
background-color:#09F;
}
</style>

فرادرس

برچسب ها : ، ، ، ، ، ، ، ،