스크롤바(색상) 모음

Html & Css

스크롤바(색상) 모음

안개핑 2016. 6. 4. 01:54

사용하고 싶은 스크롤바 색상을 선택하셔서 네모박스 안에 있는 소스를 그대로 복사하신 후에

글을 작성하실 때 글쓰기창 맨 아래에 그대로 붙여넣기 하시면 됩니다 ^ㅡ^

저작자표시 비영리 변경금지

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

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

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

<style type="text/css"> body {scrollbar-face-color: #FFE6EB; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #FFE6EB; scrollbar-darkshadow-color: #FFE6EB; scrollbar-track-color: #fffffc; scrollbar-arrow-color: #ffffff;} </style>	<style type="text/css"> body { scrollbar-face-color: #266C6C; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #266C6C; scrollbar-darkshadow-color: #266C6C; scrollbar-track-color: #A5E3E6; scrollbar-arrow-color: #ffffff; } </style>

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

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

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

<style type="text/css"> body { scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #FFC300; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFC300; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; 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: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #9EBFE8; scrollbar-darkshadow-color: #9EBFE8; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; } </style>	<style type="text/css"> body { scrollbar-face-color: #DB52BC; scrollbar-shadow-color: #E994D6; scrollbar-highlight-color: #E994D6; scrollbar-3dlight-color: #DB52BC; scrollbar-darkshadow-color: #DB52BC; scrollbar-track-color: #E994D6; scrollbar-arrow-color: #FFFFFF; } </style>

<style type="text/css"> body { scrollbar-face-color: #333333; scrollbar-shadow-color: #333333; scrollbar-highlight-color: #666666; scrollbar-3dlight-color: #101010; scrollbar-darkshadow-color: #070707; scrollbar-track-color: #101010; scrollbar-arrow-color: #000000 } </style>	<style type="text/css"> body { scrollbar-face-color: #333333; scrollbar-shadow-color: #808080; scrollbar-highlight-color: #333333; scrollbar-3dlight-color: #808080; scrollbar-darkshadow-color: #333333; scrollbar-track-color: #191919; scrollbar-arrow-color: #CCCCCC; } </style>

<style type="text/css"> body { scrollbar-face-color:#FFC4E1; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#FF95CA; scrollbar-darkshadow-color:#FFB5DA; scrollbar-shadow-color:#FF6AB5; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#FFDDEE; } </style>	<style type="text/css"> body { scrollbar-face-color: #DBEBFE; scrollbar-shadow-color: #B8D6FA; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #DBEBFE; scrollbar-darkshadow-color:#458CE4; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #458CE4; } </style>

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

<style type="text/css"> body { scrollbar-face-color: #FDDEE8; scrollbar-shadow-color: #FDDEE8; scrollbar-highlight-color: #ffffff; 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:#CCFF00; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-darkshadow-color:#CCFF00; scrollbar-face-color:#CCFF00; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; } </style>

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

<style type="text/css"> body { scrollbar-3dlight-color:#0000FF; scrollbar-arrow-color:white; scrollbar-track-color:white; scrollbar-darkshadow-color:#0000FF; scrollbar-face-color:#0000FF; 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: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; } </style>

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

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

<style type="text/css"> body { scrollbar-highlight-color: #CCCCCC; scrollbar-shadow-color: #CCCCCC; scrollbar-arrow-color: #CCCCCC; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; } </style>	<style type="text/css"> body { scrollbar-highlight-color: #000000; scrollbar-shadow-color: #000000; scrollbar-arrow-color: #000000; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; } </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: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; } </style>	<style type="text/css"> body { scrollbar-highlight-color: #F765AD; scrollbar-shadow-color: #F765AD; scrollbar-arrow-color: #F765AD; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; } </style>

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

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

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

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