웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[Siren]투명 이미지
2002.08.04 18:08
※참고 : 검색시에 안나왔음 진짜임 ㅠ_ㅠ;;;
0-ㅅ-0.......일단 위의 링크를 클릭하시죠...? 링크1란이 없네요 =ㅅ=;;;;;이런
http://youjawon.byus.net/html/tumyungimage2.htm
제목이 좀 길죠? 거기에 숫자를 좀 넣어봤습니다 -ㅅ-;;
이미지가 구리구리해도 봐줄만하죵???
오늘은 투명이미지에 대해서 알아보죵;;;?;;
<----- 투 명 이 미 지 ----->
<img src="그림주소" style="filter:alpha(opacity=투명도,style=finishopacity=0)">
<----- 투 명 이 미 지 ----->
그림주소는 아시리라 믿고요...
투명도... 이거 많이 보셨을꺼에요 -ㅅ-;;; 뭐라고 말해야 할지 몰라서
그냥 투명도라고 적었는데요 100이 최대수치로서 80이라고 넣으면
20% 투명이 되고요 -0-;; 20이라고 적으면 80%투명이 되죠 ^^;;;;(거의안보임)
레이어 사용해서 이뿌게 꾸며보세요 ^_^
원래 html사용해서 강좌 올리려 했는데 <img 이게 안먹히데요 -ㅅ-;;;;
문제가 있는듯.....
http://www.ohora.net
0-ㅅ-0.......일단 위의 링크를 클릭하시죠...? 링크1란이 없네요 =ㅅ=;;;;;이런
http://youjawon.byus.net/html/tumyungimage2.htm
제목이 좀 길죠? 거기에 숫자를 좀 넣어봤습니다 -ㅅ-;;
이미지가 구리구리해도 봐줄만하죵???
오늘은 투명이미지에 대해서 알아보죵;;;?;;
<----- 투 명 이 미 지 ----->
<img src="그림주소" style="filter:alpha(opacity=투명도,style=finishopacity=0)">
<----- 투 명 이 미 지 ----->
그림주소는 아시리라 믿고요...
투명도... 이거 많이 보셨을꺼에요 -ㅅ-;;; 뭐라고 말해야 할지 몰라서
그냥 투명도라고 적었는데요 100이 최대수치로서 80이라고 넣으면
20% 투명이 되고요 -0-;; 20이라고 적으면 80%투명이 되죠 ^^;;;;(거의안보임)
레이어 사용해서 이뿌게 꾸며보세요 ^_^
원래 html사용해서 강좌 올리려 했는데 <img 이게 안먹히데요 -ㅅ-;;;;
문제가 있는듯.....
http://www.ohora.net
댓글 14
-
cutti
2002.08.08 11:30
http://www.biznia.net/mall_plus/tips.php?id=dhtml04.htm -
☺ⓑⓘⓣ☺
2002.08.04 19:08
오오 유용하네요
포토샵으로 일일히 다 안해줘도 스타일만 잘 활용한다면 특수한 효과를 낼수 있겠어요 !!
필터란놈 참 유용하죠! -
음미
2002.08.04 19:58
style=finishopacity=0
틀린것입니다 style 에도 1~3 까지의 값이 들어가야 합니다
결과는 해보세요 ;; -
★티체르★
2002.08.04 20:19
잘쓰면 예쁘겠네요!! >_< 유용한 팁 감사합니다.!! -
세이렌
2002.08.04 22:16
글쎄요 -ㅅ-;;; 전윈98이구요 IE 6.0이랍니다.....흠... 해본적이 없어서 ^^;;
음미 // 음... 1~3까지의 값을 넣어봐도 별차이 없는것 같던데 -ㅅ-;;
스타일 시트를 제대로 배운게 아니거든요 ^^; -
나야...
2002.08.04 22:14
netscape에서는 안되는거 맞죠?
그리고, 특정 Internet explorer version(가령,win98 & IE 5.5)에서도 안되구요.. 맞나요? -
나야...
2002.08.04 22:19
음미님 말씀대로, style="filter:alpha(opacity=80,style=finishopacity=0)" 에 추가해서,
onmouseover 및 onmouseout에 대한 이벤트를 주시게 되면 더 이쁘게 그림이 보여요......
style="filter:alpha(opacity=100, style=2, finishopacity=0)" onmouseover="this.style.filter=''" onmouseout="this.style.filter='+ 'alpha(opacity=100, style=2, finishopacity=0)'"
재밌게 쓰시길... -
나야...
2002.08.04 22:25
참고로, style은 흐리게 되는 이미지가 둥글게, 타원 또는 네모난 형태로 해주거던요...(맞나? 긴가 민가함)
하여튼, style=2 는 흐리게 보이는 이미지의 형태가 타원형태로 둥글게 되죠...(검은색 그림하나 가지고 test 해 보시면 됩니다.) -
Hello DaNa
2002.08.05 01:18
나야...//익스 5.5인데 되는걸요...-_-; -
Ami
2002.08.05 16:30
되는데 -_-; -
세이렌
2002.08.05 20:24
나야 // 님이 가르쳐 주신거 재밌네요 ^^! 1번 2번 3번 다 비슷해 보여도 서로 다른곳을 하얗게 만드니 ^^;;;; 포토샵을 쓸필요가 없어질수도 있겠군요 -ㅅ-;;;;;(불쌍한 포샵) -
세이렌
2002.08.05 20:24
나야님 강좌를 쓰시죠 +_+;; (좀더 자세하게 알고싶음) -
바른생활 NZEO
2002.08.07 23:53
아. 진짜. 맨위에 1등으로 쓰신님 저 따라하지 말라니까... -
정명훈
2004.03.08 03:57
위에 링크는 뭐지요?
웬만하면 삭제하면 좋겠네요...
제목 | 글쓴이 | 날짜 |
---|---|---|
깔끔한 홈페이지를 만들고 싶다면 꼭 알아야 할 것(1) [5] | 키르(SP) | 2002.08.15 |
[HTML 초보자] HTML 물리적태그와 논리적태그(글자진하게 등등) [5] | ZipShin | 2002.08.14 |
사용자의 윈도 화면배색을 쓰자.. [4] | 엔카일 | 2002.08.13 |
[Siren]소스보기 금지된 페이지 저장하기! (강좌가 아닌가..;;) [15] | 세이렌 | 2002.08.12 |
[HTML 초보자] HTML 폰트 태그 [2] | ZipShin | 2002.08.12 |
레이어에 스크롤바 달기(예제보기 제거) [13] | TheMics | 2002.08.09 |
[HTML 초보자] HTML 홈페이지의 태그 기본구조2. [13] | ZipShin | 2002.08.09 |
HTML에서 태그 베끼기 [4] | 미키 | 2002.08.09 |
중간 점 찍기 [12] | 오픈소스 | 2002.08.08 |
[HTML 초보자] HTML 홈페이지의 태그 기본구조. [4] | ZipShin | 2002.08.07 |
[Siren]투명 이미지 [14] | 세이렌 | 2002.08.04 |
[HTML 초보자] 태그(Tag)의 역사 [6] | ZipShin | 2002.08.03 |
[Siren]하나도 안귀엽게 -ㅅ-;; 문서 정렬하기 [5] | 세이렌 | 2002.08.01 |
[스타일시트] 페이지 여백 없애기2 ^^ ↓ 아래글을 보충합니다. [8] | ZipShin | 2002.07.31 |
[Siren]페이지 여백 없애기 [8] | 세이렌 | 2002.07.31 |
웹페이지 소스보기. [4] | ZipShin | 2002.07.31 |
이미지에 border="0"값 않넣고 하는방법 [14] | ZipShin | 2002.07.30 |
[Siren]이미지 주변에 점선 테두리 생기게 하기 ^_^ [6] | 세이렌 | 2002.07.30 |
[Siren]글자(문자,폰트) 링크 커서 제어하기 [8] | 세이렌 | 2002.07.30 |
이미지 클릭했을때 주변에 생기는 점선 없애는 이벤트. [7] | 김승진 | 2002.07.30 |