401 21 5
View Articles
Name  
    (2005-01-02 10:36:40, Hit : 2969, Vote : 0)
Subject  
   스크롤바 스타일
body
{scrollbar-face-color:#5C467A;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#cccccc;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#cccccc;
scrollbar-track-color:#FFFFFF;
scrollbar-darkshadow-color:#ffffff;}

스크롤바 스타일 .................................................

브라우저에서 스크롤은 전체 창, iframe, textarea, 레이어에서 생길 수 있다. 이에 대한 스타일을 어떻게 정하는지 알아보자.

물론 전체 창에 스타일을 적용하려면 body 태그에 정의해야 하며, 전체 창에 정의된 스타일을 따르지 않으려면 해당태그에서 따로 정의하면 된다.

전체창의 스크롤은 곤란하므로 <textarea> 를 가지고 살펴보자.


scrollbar-face-color: #ffffff;
scrollbar-arrow-color: #00ff00;
scrollbar-track-color: #cccccc;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #ffff00;
scrollbar-shadow-color: #0000ff;
scrollbar-darkshadow-color: #ff0000;
흰색
녹색
갈색
검정색
노랑
파랑
빨강

■ 스크롤바 색상 스타일 (익스플로러 5.5 이상)

스크롤바는 아래처럼 크게 4부분으로 나눠 색상을 정의할 수 잇다.

scrollbar-face 세군데 있으며 위쪽,아래쪽 화살표 있는 부분과 가운데 이동하는 부분이며 위에서 흰색으로 처리된 부분
scrollbar-arrow 화살표 부분이며 아래, 위의 두군데에 있다.
scrollbar-track 스클로바가 이동하는 길이다.
scrollbar-highlight
scrollbar-3dlight


scrollbar-shadow
scrollbar-darkshadow

face부분의 좌측 과 상단
face부분의 좌측 과 상단의 바깥쪽 효과
* 검정밖으로 약간의 노랑이 보임

face부분의 우측 과 하단
face부분의 우측 과 하단의 바깥쪽 효과
* 파랑밖으로 약간의 빨강이 보임

face 의 외곽선을 결정하는 ......


* 4가지 색상은 가급적 같은 색상을 주고
* 4가지 색상을 face와 같이 주면 커보이고
* 4가지 색상을 track과 같이 주면 작아보인다
 

발췌 : http://www.dragoneye.co.kr/



 no 
 Category 
 subject 
 name 
 date 
hit
321
컴퓨터 팁

 시작 프로그램 등록

2012/08/03 2033
320
생명공학

 시스템생물학과 바이오신약 개발

2005/01/18 2443
319
컴퓨터 팁

 시스템 관리 (Hiren's bootCD) - bootable CD including many utility

2012/06/20 2207
318
컴퓨터 팁

 스피커 뭐가 좋을까요?

2005/01/09 4836
317
삶의 지혜

 스트레스성 불면증의 진단과 치료

2010/01/28 2761
316
삶의 지혜

 스트레스가 혈관에 미치는 영향

2010/01/28 2435
315
삶의 지혜

 스트레스 노출로 인한 불면증

2010/01/28 2221
314
삶의 지혜

 스테로이드 호르몬을 어떻게 사용할 것인가?

2010/02/10 5957

컴퓨터 팁

 스크롤바 스타일

2005/01/02 2969
312
영어공부

 스케쥴, 정리해고

2012/09/14 1372
311
삶의 지혜

 세계 달력

2012/01/30 2368
310
컴퓨터 팁

 설치 과정에서 컴퓨터를 다시 시작하면 "Error Loading Operating System" 오류 메시지가 발생한다

2004/11/09 5092
309
삶의 지혜

 불면증과 당뇨

2010/01/17 2367
308
맛집

 분당 광어회

2009/09/13 2812
307
컴퓨터 팁

 부팅시 시디롬 불... 부팅 안 되는 문제

2005/08/07 3323
306
컴퓨터 팁

 부팅 시디 만들기

2004/11/09 2995
305
삶의 지혜

 부신피로(Adrenal Fatigue)

2010/02/10 4638
304
삶의 지혜

 보건소 유축기 관련 공문

2011/09/03 2157
303
삶의 지혜

 미국 주 리스트 (code-state)

2004/10/10 2936
302
삶의 지혜

 무역거래조건

2011/04/08 2199
[1][2][3][4] 5 [6][7][8][9][10]..[21]

Copyright 1999-2019 Zeroboard / skin by Styx / edited by CreAturE