웹마스터 팁

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라는 숫자를 조절하면서 투명도를 조절하면 됩니다.

---------------------------------------------------------------------------------------------------------------------------
더많은 정보를 원하시거나, 질문이 있으시면 제홈에 남겨주세요^^

제목 글쓴이 날짜
게시글 상하단에 광고삽입하기 veplay2 2018.03.08
게시판 작성시 본문에 자동으로 삽입 스크립트 한꼬마 2015.10.22
사용자 매뉴에 회원정보와 포인트설정 바로가기 기능 삽입 [1] file 간장게장같은남자 2015.01.23
SEO 모듈 수정을 통한 Google analytics User ID 추적코드 삽입 하얀마법 2014.11.14
게시판 데이터 일괄 삽입 방법 [1] Happyphp 2014.07.26
[10원팁]AJAX Uploader 본문삽입 버튼 색상을 변경합시다. [2] file socialskyo 2013.12.25
여러장의 이미지 동시 삽입시 이미지 간격조정 팁 [3] 꿈섬 2013.08.10
view_document.html 없는 곳에 구글 애드센스 삽입하기.. file 착한부산남자 2013.06.27
게시판에 갤러리 자동 삽입 [1] 강지우588 2013.06.04
[고급] 내 XE 모듈에 editor 삽입하기 [8] 개발해보쟈 2013.01.22
HTML 편집모드에서 파일 첨부 본문 삽입시 자바스크립트 오류가 뜨는 문제 수정 팁 [1] misol 2012.02.01
xpresseditor 사용시 첨부파일 본문삽입 중복되는 문제 수정. [13] file misol 2012.01.31
모바일 메인에서 쓰는 기능을 삽입할려면 어떻게 해야 할까요?> 최상순480 2011.08.02
XE 공식 버튼2 삽입하기 [32] file 웹엔진 2011.05.14
XE 공식(?) 버튼 삽입하기 [다들 알지도 모르겠네요,,] [77] [1] 웹엔진 2011.02.28
[동영상강좌] 제14회차 - 스크립트내 html삽입하기 아이티스터디 2006.02.02
page에 웹페이지의 보드(게시판 ) 삽입 [2] parkys 2007.10.24
IFRAME 삽입 [20] 박종익 2003.10.10
노프레임 홈만들기 (1) - 표로 레이아웃 만들고 그림 삽입하기 [45] file @kihwa 2003.07.11
[레드의 태그초보]이미지삽입 태그 [2] 레드 2003.01.14