웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
새로운필터를 적용한 칼라버튼.[ie5.5 sp2이상]
2001.11.15 18:25
이팁을 어제 공개했다가 지웠다가 다시 올립니다..
아래소스입니다...
filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=hotpink, EndColorStr=#FFFFFF)';font-size: 9pt; border:1 solid #000000;height:40px;
StartColorStr=hotpink //시작 색입니다..
EndColorStr=#FFFFFF //끝나는색 입니다..
이것만 아시면 사용하시는데 아무런 지장 없습니다..
<html>
<head>
<style>
.color1 {filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=hotpink, EndColorStr=#FFFFFF)';font-size: 9pt; border:1 solid #000000;height:40px;}
.color2 {filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=skyblue, EndColorStr=#FFFFFF)';font-size: 9pt; border:1 solid #000000;height:40px;}
.color3 {filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=orange, EndColorStr=#FFFFFF)';font-size: 9pt; border:1 solid #000000;height:40px;}
</style>
</head>
<body>
<input type="button" value="새로운필터를적용한 버튼입니다.이쁘지않나요?" class="color1"><br>
<input type="button" value="새로운필터를적용한 버튼입니다.이쁘지않나요?" class="color2"><br>
<input type="button" value="새로운필터를적용한 버튼입니다.이쁘지않나요?" class="color3"><br>
</body>
</html>
<!------// by suldo :: http://suldo.com //----->
아래소스입니다...
filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=hotpink, EndColorStr=#FFFFFF)';font-size: 9pt; border:1 solid #000000;height:40px;
StartColorStr=hotpink //시작 색입니다..
EndColorStr=#FFFFFF //끝나는색 입니다..
이것만 아시면 사용하시는데 아무런 지장 없습니다..
<html>
<head>
<style>
.color1 {filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=hotpink, EndColorStr=#FFFFFF)';font-size: 9pt; border:1 solid #000000;height:40px;}
.color2 {filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=skyblue, EndColorStr=#FFFFFF)';font-size: 9pt; border:1 solid #000000;height:40px;}
.color3 {filter='progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=orange, EndColorStr=#FFFFFF)';font-size: 9pt; border:1 solid #000000;height:40px;}
</style>
</head>
<body>
<input type="button" value="새로운필터를적용한 버튼입니다.이쁘지않나요?" class="color1"><br>
<input type="button" value="새로운필터를적용한 버튼입니다.이쁘지않나요?" class="color2"><br>
<input type="button" value="새로운필터를적용한 버튼입니다.이쁘지않나요?" class="color3"><br>
</body>
</html>
<!------// by suldo :: http://suldo.com //----->
댓글 26
-
밥많이먹고공낮게던져
2001.11.15 20:42
훔...머찌네여...버튼뿐만 아니라 보통페이지에 활용해두 좋을거 같네여... -
error
2001.11.15 22:59
헉.... 멋지네요~ -
BiHon
2001.11.15 23:05
IE 5.5 이상에서나 되겠죠? 씁쓸... -
술도짱
2001.11.16 05:38
아직..5.5이하에서는 해보질안았습니다.. -
새벽바람
2001.11.16 13:17
음.. 4.0에서는 안되네요.. 5.0에서는 어떨런지.. -
장재환
2001.11.16 16:06
5.0에서 안된답니다.. 그냥 회색 버튼으로 나오네요.. -
박세욱
2001.11.16 17:04
그냥 회색버튼으로 나오는군요!! -_-;; -
Neon
2001.11.16 23:26
5.5 에서도 안되네요... -
술도짱
2001.11.17 00:02
흠....5.5는 되요..sp2에서...ㅡ,ㅡ,;; -
푸르른별
2001.11.17 07:51
5.5 에서 되는데.. -
박세욱
2001.11.17 13:18
어.. 저희집은 5.5 인데 안되는군요.. ;;
우째서.. ㅠ.ㅠ -
유윤재
2001.11.17 19:53
5.5 sp1 이겠죠... 아닌감? -
노아
2001.11.17 22:06
텍스트는 적용불가 입니다...-_-;; -
dream
2001.11.18 13:29
IE 를 업데이트 해야 할 때가 온것인가-_- -
남기용
2001.12.04 16:03
5.0 sp1 에서 작동됨.. -
-EXILE™-
2001.12.09 12:34
참고로 GradientType=0을 GradientType=1로 수정하시면 가로로 그레디언트가 적용되고 GradientType=3 이상부터는 반전한 효과가 납니다 -
-EXILE™-
2001.12.09 12:35
아마도 다이렉트 X를 이용하는 듯 싶습니다.. 5.0 이상이고 다렉 버전이 7이나 8이라면 작동되는 듯 싶습니다
전 윈도 2000 IE 6.0 다렉 7입니다.. -
Xynex:)
2002.02.17 13:56
이쁘네요.(저희집은 6.0;; ) -
WEBzard
2002.02.22 16:08
6.0에서 그라디언트효과가 보이네요 멋집니다! -
안형갑
2002.03.04 19:45
웁스 안된당;; -
엘시
2002.06.19 20:55
너무 이뻐요ㅠ-ㅠ~ -
이플립
2003.02.02 21:55
이거 예전에 요기서 본건데~
또 봐도 이뿌네요 ^^ -
stroke
2003.06.25 14:39
오호호호 예쁘네여~~~^^ -
마음소리
2004.01.23 10:49
무척 예쁩니다...
감솨~ -
임권
2005.02.21 21:19
이뻐요~ 맘에 쏙드는 걸요~ -
조보련
2006.04.14 11:51
오호+_+ 이쁘당 넘 멋져요 수고하셨습니다.
좋은거 한수 배우고 가요 휙^^
제목 | 글쓴이 | 날짜 |
---|---|---|
우분투 apm에서 "쉬운 설치" 에러시 팁 [4] | 김상호 | 2010.12.22 |
회원가입후 1주일이 지나지 않은 계정에 한하여 탈퇴 제한하기 [1] | Arp | 2010.12.23 |
애드온에서 모바일 환경 구분 코드 | misol | 2010.12.24 |
[생초보팁] 레이아웃 스킨 강좌 사이트 [2] | HolyJohn | 2010.12.29 |
좋은 PHP 강좌 사이트들 [1] | HolyJohn | 2010.12.29 |
XE 공식 게시판에 (다운로드) 같은 '임의목록' 집어 넣기 (확장변수x) [1] | 999 | 2010.12.30 |
웹페이지에서 ICQ 번호 자동으로 추가하기... [1] | 잔디 | 2001.01.05 |
스크롤바 색깔 바꾸는 스타일... [8] | 잔디 | 2001.01.05 |
(table)에서 HTML 태그를 적용시켜 보기 [16] | 정후니 | 2001.08.31 |
익스플로러의 자동완성 기능 off 하기 [7] | WOWpc | 2001.10.23 |
글씨를 세로로 써봅시다...^_^ [6] | 술도짱 | 2001.11.14 |
글입력상자에서 자동으로 한글, 영문 바뀌게 하기 [6] | 이경두 | 2001.11.15 |
새로운필터를 적용한 칼라버튼.[ie5.5 sp2이상] [26] | 술도짱 | 2001.11.15 |
[1차패치] 내 msn 현재상태를 보여주자! + 캡처없앰 -ㅂ- [18] | 티르 | 2002.01.04 |
홈페이지에 Fade-in 적용하기~ [5] | remy | 2002.01.08 |
익스플로어 즐겨찾기에 아이콘 추가하기 [7] | rolly™ | 2001.12.13 |
웹사이트 로딩속도 높혀주는 10가지 방법 [32] | 秀 | 2001.07.25 |
CSS에 클래스에 관한거 추가 [4] | DearMai | 2002.02.21 |
CSS 와 HTML 과 연결하기 [5] | Topy | 2002.02.21 |
윈도우 꽉찬 화면으로 보기 태그 [1] | ▩윤미 | 2002.02.21 |