묻고답하기
i 프레임 관련 문의
2006.06.02 09:09
제가 지금 홈페이지를 만들고 있습니다
싸이월드 방명록 아시죠 ?? 그거 스크롤바 있잖아요?
아이 프레임 써서 만든 건가요??
아님 어떻게 만들었나요?
저도 지금 싸이와 비슷하게 꾸미고 있는데 스크롤바 때문에... 못하게 있네요
급하니깐 빨리좀 답변좀 주세요..^^
그리고 검색해 보니깐 밑에있는 테그대로 하면 될까요????
만약 그렇다면 좀더 자세히 알려 주세요 제가 지금 그림파일( 다이어리 형식) 을 가지고 있는데 그 그림을 싸이월드 처럼 오른쪽만 움직일수 있도록 스크롤바 만들고 싶은데...
아님 다른 소스 있나요??
----------------------
----------------------
아이프레임(IFRAME)을 이용하면 한 웹페이지 내에서 CGI, HTML등 다른문서를 불러와 삽입하는 것이 가능해진다. 단 주의할점은 익스 플로러 전용으로 넷츠케이프는 지원을 하지 않는다.
아이프레임(IFRAME)은 아래와 같은 형식으로 삽입할 곳에 넣어주면 된다.
<iframe src="외부문서주소" frameborder="0" width="300" height="150" marginwidth="0" marginheight="0" topmargin="0" scrolling="auto" ></iframe>
⇒ frameborder="0" : iframe 창의 두께를 설정
⇒ width="300" height="150" : iframe의 크기를 설정
⇒ marginwidth="0" marginheight="0" topmargin="0" : 여백을 설정
⇒ scrolling="auto" :
문서내용이 iframe크기보다 길면 스크롤바가 자동으로 생기고 옵션에 auto 대신에 yes를 사용하면
스크롤바가 항상 생기며, no를 사용하면 문서내용이 길어도 스크롤바가 생기지 않는다.
⇒ name="아이프레임이름"
링크시킬때 이름을 지정하면 아이프레임에서 문서가 열림 ex) target="아이프레임이름"
⇒ 투명한 IFRAME 이용하기
인터넷 익스플로러 5.5 이상이거나 넷스케이프 6 이상에서는 ALLOWTRANSPARENCY="true"을
이용하여 바탕색이 보이는 아이프레임을 만들수 있다.
단, 아이프레임에 삽입할 문서 안에 <BODY STYLE="background-color:transparent">를 적어준다.
<html>
<head>
<title>아이프레임 이용하기</title>
</head>
<body bgcolor="yellow">
다른 문서에 있는 원하는 내용을 삽입할 수 있다.<br>
<iframe src="http://motifdn.cafe24.com" name="contents" frameborder="0" width="400" height="300" marginwidth="0" marginheight="0" topmargin="0" scrolling="auto"></iframe>
</body>
</html>
싸이월드 방명록 아시죠 ?? 그거 스크롤바 있잖아요?
아이 프레임 써서 만든 건가요??
아님 어떻게 만들었나요?
저도 지금 싸이와 비슷하게 꾸미고 있는데 스크롤바 때문에... 못하게 있네요
급하니깐 빨리좀 답변좀 주세요..^^
그리고 검색해 보니깐 밑에있는 테그대로 하면 될까요????
만약 그렇다면 좀더 자세히 알려 주세요 제가 지금 그림파일( 다이어리 형식) 을 가지고 있는데 그 그림을 싸이월드 처럼 오른쪽만 움직일수 있도록 스크롤바 만들고 싶은데...
아님 다른 소스 있나요??
----------------------
----------------------
아이프레임(IFRAME)을 이용하면 한 웹페이지 내에서 CGI, HTML등 다른문서를 불러와 삽입하는 것이 가능해진다. 단 주의할점은 익스 플로러 전용으로 넷츠케이프는 지원을 하지 않는다.
아이프레임(IFRAME)은 아래와 같은 형식으로 삽입할 곳에 넣어주면 된다.
<iframe src="외부문서주소" frameborder="0" width="300" height="150" marginwidth="0" marginheight="0" topmargin="0" scrolling="auto" ></iframe>
⇒ frameborder="0" : iframe 창의 두께를 설정
⇒ width="300" height="150" : iframe의 크기를 설정
⇒ marginwidth="0" marginheight="0" topmargin="0" : 여백을 설정
⇒ scrolling="auto" :
문서내용이 iframe크기보다 길면 스크롤바가 자동으로 생기고 옵션에 auto 대신에 yes를 사용하면
스크롤바가 항상 생기며, no를 사용하면 문서내용이 길어도 스크롤바가 생기지 않는다.
⇒ name="아이프레임이름"
링크시킬때 이름을 지정하면 아이프레임에서 문서가 열림 ex) target="아이프레임이름"
⇒ 투명한 IFRAME 이용하기
인터넷 익스플로러 5.5 이상이거나 넷스케이프 6 이상에서는 ALLOWTRANSPARENCY="true"을
이용하여 바탕색이 보이는 아이프레임을 만들수 있다.
단, 아이프레임에 삽입할 문서 안에 <BODY STYLE="background-color:transparent">를 적어준다.
<html>
<head>
<title>아이프레임 이용하기</title>
</head>
<body bgcolor="yellow">
다른 문서에 있는 원하는 내용을 삽입할 수 있다.<br>
<iframe src="http://motifdn.cafe24.com" name="contents" frameborder="0" width="400" height="300" marginwidth="0" marginheight="0" topmargin="0" scrolling="auto"></iframe>
</body>
</html>
싸이월드에서 사용한 iframe 예제 써드립니다.
<iframe id="main_inside" style="" scrolling="auto" align="top" marginheight="0" marginwidth="0" frameborder="0" width="430" height="376" src="경로"></iframe>