홈페이지 제작/드림위버&블로그&컴퓨터

스크롤바 색상 변환~~<티스토리적용>

JINSTALE 2010. 4. 26. 22:43

일반 적인 html 에서의소스입니다  <이소스들은      <head></head>           사이에 넣어주세요>

<style type="text/css">
body{scrollbar-face-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-track-color:#000000;
scrollbar-arrow-color:#000000;}
</style>

티스토리에 적용 하실려면 저소스에서  2번째줄 body 를 지우고 html로 바꾸어 주셔야 돼요~~

<style type="text/css">
html{scrollbar-face-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-track-color:#000000;
scrollbar-arrow-color:#000000;}
</style>

소스 설명이에요~~



body{scrollbar-face-color:#000000; ------>스크롤바의 전체 색상
scrollbar-shadow-color:#000000; ------>오른쪽과 아래쪽의 그림자 색상
scrollbar-highlight-color:#000000; ------>왼쪽과 위쪽의 하이라이트 색상

scrollbar-3dlight-color:#000000;------>입체감을 위한 왼쪽 위 색상
scrollbar-darkshadow-color:#000000; ------>오른쪽과 아래 쪽 가는 선 색상

scrollbar-track-color:#000000; ------>스크롤바가 없는 스크롤바 아래에 위치한 부분의 색상
scrollbar-arrow-color:#000000;} ------>위 아래 화살표 색상