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

스크롤바 색상 예제

작성자 mins

링크 작성 : 2006-05-06 14:12 조회 : 143
지남 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)	공대여자	02/06 13:44	2766
공지	유용한 리눅스(LINUX) 명령어	공대여자	03/03 14:47	12273
공지	[공지] 기술 게시판	mins01	06/24 15:10	12499

일	월	화	수	목	금	토
4.28	4.29	4.30	5.1	5.2	5.3	5.4
5.5	5.6	5.7	5.8	5.9	5.10	5.11
5.12	5.13	5.14	5.15	5.16	5.17	5.18
5.19	5.20	5.21	5.22	5.23	5.24	5.25
5.26	5.27	5.28	5.29	5.30	5.31	6.1