زیبا سازی سایتها و وبلاگها

زیبا سازی سایتها و وبلاگها

در این مقاله به زیباسازی سایتها ‍رداخته می شود که درس اول هست و به زیباسازی اسکرول بار می ‍پردازیم

برای اینکه رنگ ScrollBar صفحه سایت خود را عوض کنید کافی است کد زیر را در ابتدای برنامه خود اضافه کنید. (تقریبا بعد از تگ )و بعد با سلیقه خود یک اسکرول زیبا  را تهیه کنید که به زیبایی بیشتر سایت شما کمک می کند.

<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>

 توضیحی در مورد این کدها

اول اینکه این چند خط کد از دستورات CSS‌پیروی میکنه که در تگ Style قرار گرفته است.

Scrollbar-face-color: در این قسمت رنگ اصلی اسکرول را تعیین می کنید.

Scrollbar-shadow-color: در این قسمت رنگ سایه اسکرول را مشخص می کنید (خط موجود در سمت راست و پایین اسکرول)

Scrollbar-highlight-color: در این قسمت رنگ قسمت روشن اسکرول را مشخص می کنید (خط موجود در سمت چپ و بالای اسکرول)

Scrollbar-3dhigh-color: این پارامتر رنگ بوردر (خط) دور اسکرول را مشخص می کند. (خط کلی در دور تا دور اسکرول)

Scrollbar-darkshadow-color: خط دوم سایه اسکرول را مشخص می کند . (این خط بر روی خط سایه که در سمت راست و بالای اسکرول است قرار میگیرد)

Scrollbar-track-color: این قسمت رنگ زمینه اسکرول را مشخص می کند.

Scrollbar-arrow-color: رنگ فلش های موجود در کلیدهای بالا و پایین اسکرول را تغییر می دهد.

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

لطفا نظر بدهید