카페 24 쇼핑몰 만들기 – 스크롤바 색상변경하기

카페 24 쇼핑몰 만들기 – 스크롤바 색상변경하기

카페24 쇼핑몰에서 스크롤바는 기본적으로 색상이 지정되어 있지 않습니다.
따라서 윈도의 기본환경에 따라 스크롤바 색상이 달라 보이는데요..

이것으로 원하는 색상으로 변경 할 수 있는 소스 입니다.
카페24에서는 기본적으로 전체페이지에 공통으로 사용되는 스타일스트가 있습니다.
바로 common.css 인데요

수정방법은 관리자 로그인 > 디자인관리 > html 디자인설정 > 메인화면 > 자바스크립트 & 스타일시트 > common.css 편집
요녀석을 열어보면 가장 첫번째 줄에

body {color:#555555; font-family:돋움; font-size:12px; line-height:17px;}

이런 부분이 있습니다..
이부분을

body {
color:#555555; font-family:돋움; font-size:12px; line-height:17px;
scrollbar-3dlight-color:왼쪽, 위 색상(바깥쪽);
scrollbar-arrow-color:화살표색상;
scrollbar-track-color:스크롤바 뒷편(빈부분);
scrollbar-darkshadow-color:오른쪽, 아래 색상(안쪽);
scrollbar-face-color:스크롤바 색상(움직이는거);
scrollbar-highlight-color:왼쪽, 위 색상(안쪽);
scrollbar-shadow-color:오른쪽, 아래 색상(바깥쪽)

}

이렇게 변경하시면 전체 페이지에서 원하는 색상의 스크롤바를 가지시게 됩니다…