본문 바로가기

카페24/블로그/카페24

카페24 인터넷쇼핑몰 제작_ 스크롤바 색상 변경/스크롤바 소스

카페24 인터넷쇼핑몰 제작_ 스크롤바 색상 변경/스크롤바 소스

스크롤바 색상 변경 방법에 대해 알려드리겠습니다.


스크롤바 색상을 따로 변경하지 않으면 위와같이 기본 스크롤바로 표시됩니다.
사이트 분위기에 맞는 예쁜 스크롤바면 좋을 것 같네요. 수정해 보겠습니다.



디자인관리-> HTML 디자인 설정-> 메인화면-> 자바스크립트 & 스타일시트-> common.css 편집으로 들어갑니다.



위 그림에 표시해 둔 위치, line-height:17px; 라는 소스 뒷부분에 아래의 소스를 입력합니다.

scrollbar-face-color:스크롤바 색상(움직이는 바);
scrollbar-track-color:스크롤바 뒷편(바가 없는 배경);
scrollbar-arrow-color:화살표색상;
scrollbar-darkshadow-color:오른쪽, 아래쪽 색상(안쪽);
scrollbar-shadow-color:오른쪽, 아래쪽 색상(바깥쪽);
scrollbar-highlight-color:왼쪽, 위쪽 색상(안쪽);
scrollbar-3dlight-color:왼쪽, 위쪽 색상(바깥쪽);



각 위치에 맞는 원하는 색상값을 입력하세요.



수정되었습니다.