카페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:왼쪽, 위쪽 색상(바깥쪽);



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



수정되었습니다.






Posted by 맛있는세상

댓글을 달아 주세요

  1. 저는 왜 안되죠 ㅠㅠ 2012.02.03 00:38  댓글주소  수정/삭제  댓글쓰기

    body {color:#555555; font-family:돋움; font-size:12px; line-height:17px;}
    td {color:#555555; font-family:돋움; font-size:12px; line-height:17px;
    scrollbar-face-color:#FFFFFF;
    scrollbar-track-color:#FFFFFF;
    scrollbar-arrow-color:#ff000c;
    scrollbar-darkshadow-color:#ff000c;
    scrollbar-shadow-color:#ff000c;
    scrollbar-highlight-color:#ff000c;
    scrollbar-3dlight-color:#ff000c;

    word-break:break-all}

    저는 왜 안될까요 ㅠㅠ

  2. 어떻해야되요? 2012.07.15 16:41  댓글주소  수정/삭제  댓글쓰기

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

    scrollbar-face-color:#FFFFFF;
    scrollbar-track-color:#FFFFFF;
    scrollbar-arrow-color:#808080;
    scrollbar-darkshadow-color:#FFFFFF;
    scrollbar-shadow-color:#808080;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-3dlight-color:#e0e0e0;

    저는스크롤바색깔 핑크로하구싶은데 여기를 어떻게 써야할까요..ㅠㅠㅠ
    그리고 이렇게해서 해봣는데 저도안되요ㅠㅠㅠㅠㅠㅠ머가문제나요???

  3. 안됨 2013.01.03 21:30  댓글주소  수정/삭제  댓글쓰기

    안되요 ;;;;;;;;;;;;;;;;;;;;;

  4. 제가알려드림! 2013.01.26 22:33  댓글주소  수정/삭제  댓글쓰기

    맨위쪽

    body 다음

    [color:#555555; font-family:돋움; font-size:12px; line-height:17px; <-이거다음!입력하시고

    ]<-이게맨끝에있어야함 ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ