scroll bar แต่งhi5 แบบต่างๆ

วิธีใช้ : นำโ๊ค๊ดข้างล้างนี้ ไปใส่ ที่ Customize Profile หรือ กำหนดรูปแบบโปรไฟล์


สีชมพูอ่อน+ดำ

<style type="text/css">
html{
scrollbar-face-color: LightPink  ;
scrollbar-shadow-color: #FFB6C1; 
scrollbar-highlight-color: black;
scrollbar-3dlight-color: 999966;
scrollbar-darkshadow-color: LightPink ;
scrollbar-track-color: black;
scrollbar-arrow-color: #FFB6C1; 
}
</style>



สีม่วง+ดำ
<style type="text/css">
html{
scrollbar-face-color: DarkOrchid  ;
scrollbar-shadow-color: #9932CC; 
scrollbar-highlight-color: black;
scrollbar-3dlight-color: 999966;
scrollbar-darkshadow-color: DarkOrchid  ;
scrollbar-track-color: black;
scrollbar-arrow-color: #9932CC; 
}
</style>




สีเขียว+ดำ


<style type="text/css">
html{
scrollbar-face-color: Green2  ;
scrollbar-shadow-color: #00EE00; 
scrollbar-highlight-color: black;
scrollbar-3dlight-color: 999966;
scrollbar-darkshadow-color: Green2  ;
scrollbar-track-color: black;
scrollbar-arrow-color: #00EE00;
}
</style>



สีนำเงิน+ดำ

<style type="text/css">
html{
scrollbar-face-color: Blue1  ;
scrollbar-shadow-color: #4876FF; 
scrollbar-highlight-color: black;
scrollbar-3dlight-color: 999966;
scrollbar-darkshadow-color: Blue1 ;
scrollbar-track-color: black;
scrollbar-arrow-color: #4876FF; 
}
</style>





สี ดำ+เทา


<style type="text/css">
html{
scrollbar-face-color: Seashell4  ;
scrollbar-shadow-color: #8B8682; 
scrollbar-highlight-color: black;
scrollbar-3dlight-color: 999966;
scrollbar-darkshadow-color: Seashell4 ;
scrollbar-track-color: black;
scrollbar-arrow-color: #8B8682; 
}
</style>




สีน้ำตาล


<style type="text/css">
html{
scrollbar-face-color: SaddleBrown  ;
scrollbar-shadow-color: #8B4513; 
scrollbar-highlight-color: black;
scrollbar-3dlight-color: 999966;
scrollbar-darkshadow-color: SaddleBrown ;
scrollbar-track-color: black;
scrollbar-arrow-color: #8B4513; 
}
</style>





สีฟ้า
<style type="text/css">
html {
scrollbar-face-color: #DAE8F7;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #5F9FE0;
scrollbar-arrow-color: #5F9FE0;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #5F9FE0;
}
</style>





สีฟ้า กับ สีครีม
<style type="text/css">
html {
scrollbar-face-color: #DAE8F7;
scrollbar-highlight-color: #F4A460;
scrollbar-shadow-color: #F4A460;
scrollbar-3dlight-color: #5F9FE0;
scrollbar-arrow-color: #5F9FE0;
scrollbar-track-color: #F4A460;
scrollbar-darkshadow-color: #5F9FE0;
}
</style>






สีแดง + ดำ

สีแดง+ดำ

<style type="text/css">
html {
scrollbar-face-color: Red ;
scrollbar-shadow-color: #FF0000; 
scrollbar-highlight-color: Red ;
scrollbar-3dlight-color: 999966;
scrollbar-darkshadow-color: Red ;
scrollbar-track-color: black;
scrollbar-arrow-color: #FF0000; 
}
</style>




ชมพู+ดำ  จัดไป


<style type="text/css">
html {
scrollbar-face-color: DeepPink ;
scrollbar-shadow-color: #FF1493; 
scrollbar-highlight-color: DeepPink;
scrollbar-3dlight-color: 999966;
scrollbar-darkshadow-color:DeepPink ;
scrollbar-track-color: black;
scrollbar-arrow-color: #FF1493; 
}
</style>






ชมพูเข้ม+ดำ


<style type="text/css">
html {
scrollbar-face-color: DeepPink ;
scrollbar-shadow-color: #FF1493; 
scrollbar-highlight-color: DeepPink;
scrollbar-3dlight-color: 999966;
scrollbar-darkshadow-color:DeepPink ;
scrollbar-track-color: black;
scrollbar-arrow-color: #FF1493; 
}
</style>




ชมพูอ่อน+น้ำตาล

<style type="text/css">
html {
scrollbar-face-color: DeepPink ;
scrollbar-shadow-color: #FF1493; 
scrollbar-highlight-color: DeepPink;
scrollbar-3dlight-color: #8B4513;
scrollbar-darkshadow-color:DeepPink ;
scrollbar-track-color: SaddleBrown;
scrollbar-arrow-color: #FF1493; 
}
</style>




ฟ้า+ขาว

<style type="text/css">
html {
scrollbar-face-color: DeepSkyBlue1 ;
scrollbar-shadow-color: #00BFFF; 
scrollbar-highlight-color: DeepSkyBlue1 ;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color:DeepSkyBlue1 ;
scrollbar-track-color: White;
scrollbar-arrow-color: #00BFFF; 
}
</style>