[야후에서도 못찾아?? 그럼..
캐넌이 찾아주까??..^^;
]
H O M E
유틸자료실
폰트자료실
회원가입인사
태그게시판
자유게시판
추천사이트
실시간채팅방
▒
HTML 기본태그
태그의 개념
기 본 태 그 2
기 본 태 그 3
기 본 태 그 4
▒
태그설명&자료 1
글 씨 태 그
마 퀴 태 그
그 림 태 그
뮤 직 태 그
링 크 태 그
폭 탄 태 그
▒
태그설명&자료 2
배경화면태그
테이블태그
프레임나누기
태 그 사 전
특 수 문 자
이 모 티 콘
RGB 색상표
▒
[CSS]스타일시트
스타일시트 활용하기
스타일 스크롤바 소스
▒
홈페이지 만들기
홈피만들기 기초 1
홈피만들기 기초 2
홈피만들기 기초 3
홈피만들기 기초 4
홈피만들기 기초 5
▒
인터넷에 올리기
알FTP 사용하기
파일질라 사용하기
▒
노프레임 만들기
노프레임 만들기 1
노프레임 만들기 2
▒
소 스 자 료 실
마우스관련간편소스
화면관련간편소스
홈페이지태그[Tip]
스타일 마우스 커서
▒
자바스크립트 소스
자바스크립트 소스 1
자바스크립트 소스 2
자바스크립트 소스 3
자바스크립트 소스 4
자바스크립트 소스 5
▒
제로보드 설치하기
제로보드 설치하기 1
제로보드 설치하기 2
제로보드 게시판생성
게시판스킨 설치하기
로그인박스 설치하기
최근게시물 추출하기
▒
엽기 / 동영상
페러디&엽기감상
엽기&이미지겔러리
격투기동영상k-1
▒
태 그 연 습 장
스타일스크롤바소스 - http://www.tagkorea.pe.kr
CSS 스타일 스크롤바 소스
→ CSS 스타일시트를 이용해 웹페이지에 사용되는 스크롤바 색상 바꾸기
요즘 태그생성기를 이용해 스크롤바를 손쉽게 만드실수 있습니다만.. 복잡하다고 생각하시거나
귀차니즘을 토로하시는 분들이 있는거 같더군요..;
그래서 귀차니즘과 성격 급하신 분들을 위해 스크롤바 소스를 모아봤습니다.
아래 내용중 박스의 스크롤바 색상을 고르신후 소스 복사하기 버튼을 누르시면 복사가 됩니다.
그 후에 올리실 곳에 붙여넣기만 하시면 됩니다.
<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>
WWW.TAGKOREA.PE.KR
자료인용:cafe.daum.net/designsource
-
-
-
태그코리아소개
-
광고문의
-
제휴문의
-
Copyright@ TAGKOREA 2000-2009 All Rights Reserverd.
-
-
