웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
IFRAME 삽입
2003.10.10 17:41
---------------------------------------------------------------------------------------------------------------------------
안녕하세요 ^^ IFrame 삽입 방법 입니다. 한번 따라 해보시고 중복이 있을수도 있지만 확인 안해봤습니다.^^
---------------------------------------------------------------------------------------------------------------------------
<IFRAME> BORDER, BORDERCOLOR, FRAMEBORDER, NAME, SCROLLING
<FRAME>과 유사한 기능을 가지는 요소인데, 다른 점은 브라우저에 나타나는 HTML문서 위의 자유로운 위치에 새로운 창으로 생성된다floating frame는 것이다.
<IFRAME frameborder="0" leftmargin="0" height="400" width="600" marginheight="0" marginwidth="0" scrolling="auto" src="sam.htm" topmargin="0">익스플로러만 가능하다.</IFRAME>
위에서 처럼 사용하면, 가로 40, 세로 100의 새로운 창(sam.htm의 내용)이 열리며, 익스플로러가 아닌 다른 브라우저로 검색할 경우에는 '익스플로러만 가능하다.'라는 문장이 나타난다.
BORDER="테두리의 굵기"
floating frame의 테두리의 굵기를 정한다. 주의할 것은 FRAMEBORDER와 함께 정의되어야 한다는 것이다..
BORDERCOLOR="테두리의 색깔"
FRAMEBORDER가 정해진 상태에서 테두리의 색깔을 지정한다.
FRAMEBORDER="테두리의 유무"
테두리를 설정할 경우는 "yes" (또는 "1"), 테두리를 없앨 경우는 "no" (또는 "0")로 한다.
NAME="Frame의 이름"
고유의 이름을 정한다.
SCROLLING="스크롤 바의 유무"
스크롤 바는 프레임의 길이와 문서의 분량에 따라 자동으로 만들어지지만, 필요에 따라 없앨 수도 있다. SCROLLING="no"로 하면 막대를 강제로 없앨 수 있고, SCROLLING="auto"라고 하면, 문서의 길이에 따라 자동으로 막대가 생긴다
::: 투명하게 만들기 :::
투명한 아이프레임
<iframe src=문서 style="filter: Alpha(Opacity=65);"><iframe>
이렇게 뒤에 스타일루 넣어주세요..
65라는 숫자를 조절하면서 투명도를 조절하면 됩니다.
---------------------------------------------------------------------------------------------------------------------------
더많은 정보를 원하시거나, 질문이 있으시면 제홈에 남겨주세요^^
안녕하세요 ^^ IFrame 삽입 방법 입니다. 한번 따라 해보시고 중복이 있을수도 있지만 확인 안해봤습니다.^^
---------------------------------------------------------------------------------------------------------------------------
<IFRAME> BORDER, BORDERCOLOR, FRAMEBORDER, NAME, SCROLLING
<FRAME>과 유사한 기능을 가지는 요소인데, 다른 점은 브라우저에 나타나는 HTML문서 위의 자유로운 위치에 새로운 창으로 생성된다floating frame는 것이다.
<IFRAME frameborder="0" leftmargin="0" height="400" width="600" marginheight="0" marginwidth="0" scrolling="auto" src="sam.htm" topmargin="0">익스플로러만 가능하다.</IFRAME>
위에서 처럼 사용하면, 가로 40, 세로 100의 새로운 창(sam.htm의 내용)이 열리며, 익스플로러가 아닌 다른 브라우저로 검색할 경우에는 '익스플로러만 가능하다.'라는 문장이 나타난다.
BORDER="테두리의 굵기"
floating frame의 테두리의 굵기를 정한다. 주의할 것은 FRAMEBORDER와 함께 정의되어야 한다는 것이다..
BORDERCOLOR="테두리의 색깔"
FRAMEBORDER가 정해진 상태에서 테두리의 색깔을 지정한다.
FRAMEBORDER="테두리의 유무"
테두리를 설정할 경우는 "yes" (또는 "1"), 테두리를 없앨 경우는 "no" (또는 "0")로 한다.
NAME="Frame의 이름"
고유의 이름을 정한다.
SCROLLING="스크롤 바의 유무"
스크롤 바는 프레임의 길이와 문서의 분량에 따라 자동으로 만들어지지만, 필요에 따라 없앨 수도 있다. SCROLLING="no"로 하면 막대를 강제로 없앨 수 있고, SCROLLING="auto"라고 하면, 문서의 길이에 따라 자동으로 막대가 생긴다
::: 투명하게 만들기 :::
투명한 아이프레임
<iframe src=문서 style="filter: Alpha(Opacity=65);"><iframe>
이렇게 뒤에 스타일루 넣어주세요..
65라는 숫자를 조절하면서 투명도를 조절하면 됩니다.
---------------------------------------------------------------------------------------------------------------------------
더많은 정보를 원하시거나, 질문이 있으시면 제홈에 남겨주세요^^
댓글 20
-
Pe-i
2003.11.02 10:59
-
cz.E (Pe-i)
2003.10.18 18:29
<IFRAME frameborder="0" leftmargin="0" height="400" width="600" marginheight="0" marginwidth="0" scrolling="auto" src="sam.htm" topmargin="0">익스플로러만 가능하다.</IFRAME>
<iframe src=문서 style="filter: Alpha(Opacity=65);"><iframe>
좋은것들 배워갑니다
추천.! -
MarilynManson
2003.10.25 23:14
투명아이프레임에 맨 마지막에 <iframe>가 아니라 </iframe>아닌가요? -
pray
2003.10.26 11:35
아니에요 원래 모든 태그양식이 끝날때는 처음에 사용한 태그앞에 </>을 꼭 붙여서 투명이든 아니든 </iframe>가 됩니다 -
임상아
2003.10.31 05:02
아하.. <iframe></iframe> 요사이에는 아이프레임이 안보일때 보여줄 문구를 넣는 거구나..
좋은 팁 얻어가요 ^^ -
[수아]작은아씨
2003.11.07 13:57
닫아주는거랑 여는거랑 다르죠..^^;
끝에는 /를 붙여야 합니다. <p>ㅇㄻㅇㄹ<p>
이렇게 하면 끝부분을 인식 안하듯이요..
꼭 /를 붙여야 하죠...(예]<p>ㅇㄻㅇㄹ</p>) -
litconan
2003.11.03 21:07
음냐 박종익님 쓰시고 댓글보러 안오시나보네요. 아직도 <iframe>으로 되어있네... -
고냉이 콱!
2003.11.11 01:41
아하....... iframe은 ie만 되는구나... (몰랐네 ㅡ.ㅡ) -
짱가
2003.11.15 21:42
iframe 은 ie 5.5 이상에서 지원됩니다.
고로.. ie5.0인 분이 접속하면 안보인다는... -
행복한고니
2003.11.15 23:37
짱가// 제대로 알고 말씀하시는 건지요?
iframe 은 IE 3.x 부터 지원되던겁니다.
위 예제에서 사용된 필터스타일은 IE 5.5 이후부터 지원된거지만, iframe 자체는 그렇지 않습니다.
http://devedge.netscape.com/library/xref/2001/html-element/ -
비트
2003.11.20 23:40
오 . 아이프레임 좋은거 .. 아이프레임으로 잘 꾸미면. 진짜 멋진홈 나오는데 ..; -
김기엽
2003.11.26 23:23
아이프레임 좋아하면 안될텐데
이 아이프레임이 홈피속도 좀 떨어뜨리지 않나요?
물론 한번만 사용하면 괜찮겠지요 뭐 -
Smileru
2003.12.08 09:43
............저도 계속 아이프레임으로 홈페이지 만들고 지금도 그렇지만... 속도가 느린지는 잘..;;;
아앗!! ZeZe님이시네요! ^_^ -
zeze
2003.12.01 21:40
그렇게 떨어트리진 않아요...
그리고 속도 떨어질 만큼 방문자가 왔으면 좋겠네요 ㅜ.ㅜ -
구지
2003.12.19 09:27
저도 만들어 봤지만 별로 속도가 느린다는 것은.. -
ⓘ아이샤이
2004.01.05 22:17
코멘트 어딘가.. 무시하는 말투.. -ㅅ-가 보인다는;;;; -
 
2004.01.11 01:32
뭔가.. 그렇다기 보단, 서로 옳은 것으로 향해 치닿는
(사실 잘못된 코멘을 방치 하면 정보를 잘못받아 들이니 다른분들이 계속 수정 하시면 편하고 좋죠^^) -
김정택
2004.02.03 21:20
감사해요-_ㅠ 이거 엄청 찾고 있었는데에- -
Reidin
2004.02.20 11:18
아이프레임이 가끔 익플 5.0 이하를 사용하면 안 보이는 경우는 십중팔구 width와 height 값을 퍼센트로 주었을 경우입니다. 5.5에서 퍼센트값을 적용할 수 있도록 되었고, 그 이전에는 퍼센트 값이 들어가면 0픽셀로 인식하는 것 같더군요. (0픽셀이 되면 안보이는게 당연하죠...--;;;;)
아이프레임이 속도를 크게 떨어뜨리는 요인이 되지는 않습니다. HTML 페이지를 하나 더 불러오기는 하지만 걱정할 정도는 아니거든요.
그리고 아이프레임 태그는 HTML 4.01 표준태그이고, 넷스케이프도 최근 버전은 지원합니다. -
토끼군
2004.02.26 21:11
아이프레임 태그는 HTML 4.01 표준 지원 맞습니다. 넷스케이프 7은 모르겠는데 모질라 파이어버드 0.8(0.7도 확인)에서 제대로 되는 걸 확인했습니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
IFRAME 삽입 [20] | 박종익 | 2003.10.10 |
[레드의 태그초보]이미지삽입 태그 [2] | 레드 | 2003.01.14 |
배경음악과 동영상 삽입 <embed> [7] | 제이지라 | 2002.04.26 |
게시판에 구글 SyntaxHighlighter 3.0.83(구문강조) 적용하기 - 본문에 코드삽입시 유용
![]() | 으아악. | 2010.10.20 |
이미지 삽입시 아래에 한줄 띄우고 클릭가능하게 하여 편히 입력하게 만들자~
[8]
![]() | xemall | 2010.10.13 |
왕초보용 xe 1.2.0 버전 사용 기본 레이아웃 좌측에 배너 삽입 방법. [7] | 『june™』 | 2009.03.20 |
[수정 했습니다.]본문 입력없이 확장 변수로만 글작성 작성하기(그림삽입포함)
[13]
![]() | 대암지기 | 2008.03.09 |
XE최신버전에 믹시(Mixsh) 위젯(widget) 삽입하는 방법 [2] | 곰이v | 2010.03.21 |
본문에 삽입된 그림의 확대기능이 작동하지 않는경우(XE Official Ver2 layout)
[2]
![]() | 분홍곰 | 2009.08.14 |
이미지 여러개 삽입시 이미지 사이에 공백 및 글 쓸 수 있도록 [1] | sejin7940 | 2010.07.07 |
레이아웃 삽입 후 최근 설문조사 가져오기 | ilovesyr | 2010.05.18 |
[초보] 본문 하단에 구글 애드센스 삽입방법 [2] | BigSeong | 2009.10.10 |
엄지 추천 기능 본문에 삽입 하고자 하실때 (급조)
[2]
![]() | thejeon | 2009.07.29 |
(0.1.2) 이모티콘 삽입 후 그림 안보일 때 [5] | Simulz | 2007.09.02 |
MSN로그인 상태를 홈피좌측 메뉴에 삽입하는 방법 [9] | 팔공산 | 2007.11.27 |
제로보드XE 외부페이지에 javascrip 삽입하기 [3] | BlueGATE | 2008.01.22 |
댓글 입력창에 배경 이미지 삽입하는 방법 [4] | 팔공산 | 2008.07.11 |
제로보드 XE나 개인 블로그에 GPS 로그(궤적)를 나타낸 구글맵 삽입하기 | 상오기 | 2009.03.21 |
투명한 아이프레임
<iframe src=문서 style="filter: Alpha(Opacity=65);"><iframe>
이렇게 되어있으니까 강좌를
<iframe src=문서 style="filter: Alpha(Opacity=65);"></iframe>
이렇게 고치라는 말씀이지요.
투명아이프레임에서만이 아니구요.^-^;;;;;;;