웹마스터 팁
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
오호+_+ 이쁘당 넘 멋져요 수고하셨습니다.
좋은거 한수 배우고 가요 휙^^