카테고리 없음

[스크랩] 스크롤 바 만들기...

BLspes 2011. 4. 21. 01:43

소스설명

 

 스타일 시트 태그를 이용해 스크롤바 색상을 다양하게 바꾸는 태그에 대해 설명드리겠습니다.

 

 소스를 마스터 하시면 다양한 색상으로 스크롤바를 변형하여 사용할 수 있습니다.

 

 

 

 스크롤바 바꾸기 소스

 스크롤바 바꾸기 소스 속성 설명


scrollbar-face :  움직이는 스크롤바 전체색


scrollbar-shadow :  스크롤바의 오른쪽과 밑쪽 그림자색


scrollbar-highlight : 스크롤바의 왼쪽과 위쪽의 얇은 선색


scrollbar-3dlight : 스크롤바의 왼쪽위쪽에 진하게 드러가는 선


scrollbar-darkshadow : 스크롤바의 오른쪽과 밑쪽에 들어가는 얇은 색


scrollbar-track : 스크롤바가 없는 아래부분의 색


scrollbar-arrow : 스크롤바 위아래 화살표 색

 

 

 

 

 스크롤바 바꾸기 소스 상세설명

 

 각 속성 색상을 지정하는 부분에는 색상코드를 직접 입력하세요.

 

 색상코드표 참고하기

 

 완성된 소스 예제

 

 

 소스 사용법

 

 글쓰기 창에서 html직접입력에 체크하시고 소스를 그대로 붙여넣기 하시면 됩니다.

 

 스크롤바 소스는 글을 모두 작성하신 후 글쓰기창 맨 아래 에 붙여넣으세요. 

 

참고그림

 

 지금까지의 설명이 이해 안되시는 분들은 아래에 만들어진 소스를 그대로 사용하셔도 됩니다.

 

 사용하고 싶은 스크롤바 색상을 선택하셔서 네모박스 안에 있는 소스를 그대로 복사하신 후에

 

 글을 작성하실 때  글쓰기창 맨 아래에 그대로 붙여넣기 하시면 됩니다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

출처 : 김혜미 홈피자료 갤러리
글쓴이 : e쁜혜미 원글보기
메모 :