웹마스터 팁
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
오호+_+ 이쁘당 넘 멋져요 수고하셨습니다.
좋은거 한수 배우고 가요 휙^^
제목 | 글쓴이 | 날짜 |
---|---|---|
익스플로어 즐겨찾기에 아이콘 추가하기 [7] | rolly™ | 2001.12.13 |
홈페이지에 Fade-in 적용하기~ [5] | remy | 2002.01.08 |
[1차패치] 내 msn 현재상태를 보여주자! + 캡처없앰 -ㅂ- [18] | 티르 | 2002.01.04 |
새로운필터를 적용한 칼라버튼.[ie5.5 sp2이상] [26] | 술도짱 | 2001.11.15 |
글입력상자에서 자동으로 한글, 영문 바뀌게 하기 [6] | 이경두 | 2001.11.15 |
글씨를 세로로 써봅시다...^_^ [6] | 술도짱 | 2001.11.14 |
XE 업데이트 방법 - 제3편 (1.2.4 에서 1.4.4.1 이상의 최신버전으로 업그레이드) + 문제대응 [8] | Gekkou | 2010.07.07 |
비밀번호 찾기 기능 조심하세요 [4] | 老姜君 | 2010.10.28 |
referer 로 사이트 차단하기.. [3] | 하얀마법 | 2010.06.20 |
내가 작성 한 글에 대한 일괄 삭제/이동/복사 권한 주기 [2] | 개돌 | 2009.05.15 |
(재 수정) 제로보드 XE 신버젼에 Lavalic 2 설치하기 [4] | 조성우371 | 2009.01.16 |
게시글을 다른 게시판에로 이동시 알아야 할 중요한 사항! [2] | 유샤인 | 2010.09.15 |
업데이트 후 Rewrite mod 사용이 안돼는 경우 [2] | 겨우리851 | 2009.06.18 |
확장변수에 회원정보를 넣어보자 [10] | 개돌 | 2009.06.30 |
관리자 페이지 (module=admin) 백지 문제 [5] | 개돌 | 2009.03.17 |
XE DB 백업한거 복원 하기 [2] | 라르게덴 | 2009.03.17 |
lighttpd 에서 XE rewrite 기능 (.htaccess) 사용하기 [2] | msl2246 | 2009.02.28 |
게시글 등록시 ''제목색깔''과 ''제목굵게'' 기능을 일반 사용자들에게도 주자. [5] | 비나무 | 2008.10.15 |
에디터에 웹폰트를 추가하여 사용하기 [3] | 하얌이 | 2010.10.18 |
플래시를 이용한 최근게시물 구현 [6] | 한그림 | 2010.10.13 |