read : 스크롤바 색상 예제 : 기술 #css::공대여자홈

스크롤바 색상 예제

작성자 mins

링크 작성 : 2006-05-06 14:12 조회 : 131
지남 1일간

2006-05-06 - 2006-05-06

좌표
첨부된 파일이 없습니다.

#css

body {
scrollbar-highlight-color:white;
scrollbar-3dlight-color:#00BEF7;
scrollbar-face-color:#E6FAFF;
scrollbar-shadow-color:#00BEF7;
scrollbar-darkshadow-color:white;
scrollbar-track-color:white;
scrollbar-arrow-color:#00BEF7;
}

2005/08/15 오후 10:44 | 정보공유자료실 |

Hanwooln의 스크롤바 색상변경 스타일시트소스 쉽게 적용하기

■스크롤바안의 소스를 카피하여 <head>이곳에</head>붙혀넣기 하여 사용할 수 있다


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

<style type="text/css"> body { SCROLLBAR-FACE-COLOR: EAECEC; SCROLLBAR-HIGHLIGHT-COLOR: EAECEC; SCROLLBAR-SHADOW-COLOR: 3D3D3D; SCROLLBAR-3DLIGHT-COLOR: EAECEC; SCROLLBAR-ARROW-COLOR: 3D3D3D; SCROLLBAR-TRACK-COLOR: FFFFFF; SCROLLBAR-DARKSHADOW-COLOR: EAECEC; } </style>	<style type="text/css"> body { scrollbar-3dlight-color:#595959; scrollbar-arrow-color:white; scrollbar-base-color:#D8D1D1; scrollbar-darkshadow-color:white; scrollbar-face-color:#D8D1D1; scrollbar-highlight-color:white; scrollbar-shadow-color:#595959; } </style>	<style type="text/css"> body { scrollbar-face-color: white; scrollbar-shadow-color: #D2E5F4; scrollbar-highlight-color: #D2E5F4; scrollbar-3dlight-color: white; scrollbar-darkshadow-color: white; scrollbar-track-color: white; scrollbar-arrow-color: #D2E5F4; } </style>

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

<style type="text/css"> body { scrollbar-3dlight-color:5A5227; scrollbar-arrow-color:FFF8C5; scrollbar-base-color:DDD38D; scrollbar-darkshadow-color:FFF8C5; scrollbar-face-color:DDD38D; scrollbar-highlight-color:FFF8C5; scrollbar-shadow-color:5A5227; } </style>	<style type="text/css"> body { scrollbar-face-color: #9EBFE8; scrollbar-shadow-color: white; scrollbar-highlight-color: white; scrollbar-3dlight-color: #9EBFE8; scrollbar-darkshadow-color: #9EBFE8; scrollbar-track-color: white; scrollbar-arrow-color: white; } </style>	<style type="text/css"> body { scrollbar-face-color: #A864A8; scrollbar-shadow-color: #EDC0E3; scrollbar-highlight-color: #EDC0E3; scrollbar-3dlight-color: #A864A8; scrollbar-darkshadow-color: #A864A8; scrollbar-track-color: #EDC0E3; scrollbar-arrow-color: white; } </style>

<style type="text/css"> body { scrollbar-face-color: #FDDEE8; scrollbar-shadow-color: #FDDEE8; scrollbar-highlight-color: white; scrollbar-3dlight-color: #FDCFDD; scrollbar-darkshadow-color: #FDCFDD; scrollbar-track-color: FFF6F9; scrollbar-arrow-color: #FEA6C0; } </style>	<style type="text/css"> body { scrollbar-3dlight-color:#ACD373; scrollbar-arrow-color:white; scrollbar-track-color:white; scrollbar-darkshadow-color:#ACD373; scrollbar-face-color:#ACD373; scrollbar-highlight-color:white; scrollbar-shadow-color:white; } </style>	<style type="text/css"> body { scrollbar-3dlight-color:white; scrollbar-arrow-color:#CCFF00; scrollbar-track-color:white; scrollbar-darkshadow-color:white; scrollbar-face-color:white; scrollbar-highlight-color:#CCFF00; scrollbar-shadow-color:#CCFF00; } </style>

<style type="text/css"> body { scrollbar-3dlight-color:white; scrollbar-arrow-color:black; scrollbar-track-color:white; scrollbar-darkshadow-color:white; scrollbar-face-color:#71AB71; scrollbar-highlight-color:white; scrollbar-shadow-color:white } </style>	<style type="text/css"> body { scrollbar-3dlight-color:#5674B9; scrollbar-arrow-color:white; scrollbar-track-color:white; scrollbar-darkshadow-color:#5674B9; scrollbar-face-color:#5674B9; scrollbar-highlight-color:white; scrollbar-shadow-color:white; } </style>	<style type="text/css"> body { scrollbar-highlight-color: #A864A8; scrollbar-shadow-color: #A864A8; scrollbar-arrow-color: #A864A8; scrollbar-face-color: white; scrollbar-3dlight-color: white; scrollbar-darkshadow-color: white; scrollbar-track-color: white; } </style>

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

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

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

<style type="text/css"> body { scrollbar-highlight-color:white; scrollbar-3dlight-color:#00BEF7; scrollbar-face-color:#E6FAFF; scrollbar-shadow-color:#00BEF7; scrollbar-darkshadow-color:white; scrollbar-track-color:white; scrollbar-arrow-color:#00BEF7; } </style>	<style type="text/css"> body { scrollbar-highlight-color:white; scrollbar-3dlight-color:#B58E63; scrollbar-face-color:#F2ECE6; scrollbar-shadow-color:#B58E63; scrollbar-darkshadow-color:white; scrollbar-track-color:white; scrollbar-arrow-color:#B58E63; } </style>	<style type="text/css"> body { scrollbar-face-color:#FFEEAA; scrollbar-shadow-color:#FFF0AC; scrollbar-highlight-color:white; scrollbar-3dlight-color:#FFCC00; scrollbar-darkshadow-color:#EABB00; scrollbar-track-color:#FFF9E1; scrollbar-arrow-color:#ED8E0E; } </style>

No	제목	작성자	날짜	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js) #기본형	공대여자	24-02-0602-06	897
공지	유용한 리눅스(LINUX) 명령어 #linux #command	공대여자	11-03-0303-03	10311
공지	[공지] 기술 게시판 #etc #공지	mins01	05-06-2406-24	10513
38	크롬, 스파리 스크롤바, chrome scrollbar #css	공대여자	13-01-0901-09	233
37	다중 클래스 적용 관련 IE6의 문제점 #css	공대여자	12-06-2106-21	125
36	CSS의 Media Queries, 미디어 쿼리 설명 #css	공대여자	12-04-2404-24	113
35	transform의 rotate와 scale , 회전, 좌우전환, 크기 #css	공대여자	12-04-1704-17	112
34	css/mIcon 스마트폰 아이콘 처럼 만들어보자. #css	공대여자	12-03-1103-11	159
33	라운딩 박스 border-radius #css	공대여자	11-12-2612-26	152
32	css3-transitions , css 애니메이션효과 #css #transitions #애니메이션	공대여자	11-06-1006-10	167
31	IE6 에서 className로 "_"로 시작하는 문자열을 사용할 수 없다. #css	공대여자	11-05-1705-17	140
30	CSS Hack 설명이 잘 되어있는 곳 #css	공대여자	11-01-2801-28	142
29	mstyle 개인적으로 사용하는 스타일 #css	공대여자	11-01-2801-28	100
28	이미지 오버뷰,CSS로 만든 이미지 오버뷰 #css	공대여자	10-12-3112-31	157
27	CSS3 테스트 사이트 #css	공대여자	10-11-0211-02	112
26	sprite css #css	공대여자	10-07-1207-12	91
25	Style의 display 속성을 inline , inline-block , inline-table 로 사용시 부모 노드의 너비가 적을 때 한줄로 보이는 것에 대한 브라우저별 차이 #css	공대여자	10-04-0304-03	155
24	Favorite CSS , 괜찮다고 생각되는 스타일을 적어보았다. #css	공대여자	10-02-1702-17	125