|
|
htm033 : Scrollbar Color : เพิ่มสีสรรให้ Scrollbar
อีกเทคนิคหนึ่งในการสร้างสีสรรให้ web page ซึ่งเป็นที่นิยมกันมากในปัจจุบัน วิธีนี้จะทำให้ scolllbar มีสีสรรน่าใช้งานมากยิ่งขึ้น สนใจ สามารถ copy ไปใช้งานได้เลยค่ะ มีตัวอย่างให้ดู 2 แบบ
แบบที่ 1 โทนสีน้ำเงิน-ฟ้า
<style type="text/css">
<!--
body { scrollbar-face-color: #00BFFF;
scrollbar-shadow-color: #335997;
scrollbar-highlight-color: #G0FFFF;
scrollbar-3dlight-color: #335997;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #AFEEEE;
scrollbar-arrow-color: #FFFFCE }
//-->
</style>
แบบที่ 2 โทนสีม่วง
<style type="text/css">
<!--
body { scrollbar-face-color: #AF60FF;
scrollbar-shadow-color: #335997;
scrollbar-highlight-color: #FF9999;
scrollbar-3dlight-color: #335997;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #E7CEFF;
scrollbar-arrow-color: #FFFFCE }
//-->
</style>
ดูตัวอย่างได้จาก Scrollbar ด้านขวามือของคุณ
|
|
