본 홈의 우측에 있는 스크롤을 유심히 보았던 사람이라면 '어떻게 저렇게 만들었을까?'하고 의아해 할 수 있을 것이다. (없다면 할 수 없지 -.-;;;)
HTML문서를 열고, 아래 태그만 <head> 와 </head> 사이에 넣어주면 간단하게 끝난다.
<!--- 스크롤바 색깔바꾸기 시작 --->
<style type='text/css'>
BODY
{scrollbar-face-color: #ffffff; scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #CEEC4E; scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #CEEC4E; scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #CEEC4E}
</style>
<!--- 스크롤바 색깔바꾸기 끝 --->
이 소스를 기본으로 해서,
scrollbar-face-color : 스크롤 막대 색깔
scrollbar-shadow-color : 스크롤 막대 오른쪽과 아래쪽 테두리 색깔
scrollbar-highlight-color : 스크롤 막대의 왼쪽과 위쪽 테두리 색깔
scrollbar-3dlight-color : "scrollbar-highlight-color"의 바깥쪽 테두리 색깔
scrollbar-darkshadow-color : "scrollbar-shadow-color"의 바깥쪽 테두리 색깔
scrollbar-track-color : 스크롤 막대가 움직이는 트랙 색깔
scrollbar-arrow-color : 스크롤 막대를 움직이도록 하는 화살표 색깔
해보면서 계속 바꾸면 확실히 알 수 있다. color 옆의 #ffffff 등에 대해서는 모두 알고 있으리라 생각한다. - 간단히 RGB 색상번호이다. 인터넷 검색하면 색상표를 쉽게 구할 수 있다. 번호 외에 blue 나 Red 등 직접 색상을 명기해도 반영된다. |
|
