웹마스터 팁
매일 매일 업데이트 되는 사이트 내용부분만 아이프레임으로 긁어오기...
2009.01.25 19:50
단점: 하단을 자를 수가 없다;; ㅋㅋ
장점: 내 홈페이지에서 쉽게 확인 할 수 있다.
방법:
아이프레임3겹으로 해결하는 겁니다.
필요한 문서 2개 필요합니다.
가끔 교회홈페이지 만드시는 분들이 많이 있더군요.
그래서 말씀묵상 매일 매일 업데이트 되는거 내 페이지에서 보도록 수정해봤습니다.
(문제점: 하단을 가릴 수가 없다는거죠)
사이트 참고(광고팝업조심 ㅋㅋ) http://jmc.vvo.kr
생명의 삶이라고 하는 QT 매일묵상 페이지로 설명하겠습니다.
우선 빈문서를 만듭니다.
저는 iframe1.html이라고 만들었습니다.
바디에 원하는 페이지를 아이프레임으로 가져옵니다.
소스는 이렇게
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>Untitled Document</title>
</head>
<body>
<div style=" width:640; height:1400; position:absolute ; top:-310px; left:-320px">
<iframe src="http://www.duranno.com/qt/main/dailyqt.asp" frameborder="0" width="960" height="1710" scrolling="no" ></iframe>
</div>
</body>
</html>
위에서 아이프레임을 가져오고 그걸 div로 감싸서 포지션을 absolute로 해서 위치값을 - 값을 주어서 상단과 옆구리를 잘라냈습니다.
(파이어폭스랑 익스플로어7에서 정상 작동했습니다.)
사이트마다 언어설정이 다릅니다. 생명의삶 은 ecu-kr입니다. 그래서 다른 형식으로 하면 문자가 깨집니다.
요게 중요합니다.
이젠 위의 문서를 다시 아이프레임으로 불러올것입니다. 그냥 저렇게 일반 문서 내용에 넣으면 아이프레임이 상단메뉴와 왼쪽 메뉴를 다 가리게 됩니다. 그렇다고 홈페이지 전부를 absolute속성으로 해서 위치를 잡아주기에는 너무 작업이 커져버리기 때문에 한겹 더 쌓는 작업을 해줍니다.
문서를 하나 만듭니다. 위치는 상관없구요.. 전 그냥 같은 위치에 iframe2.html이라고 만들었습니다.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>Untitled Document</title>
</head>
<div style=" width:640; height:1400;">
<iframe src="iframe1.html" frameborder="0" width="640" height="1400" scrolling="no" ></iframe>
</div>
</body>
</html>
여기서 다시 언어 설정을 해줍니다. 여기서 바로 페이지에 삽입하게 되면 언어가 맞지 않아서 제로보드의 경우;; 원본의 글자가 깨집니다. 그러므로 다시 한번 프레임을 쌓주는 것입니다.
ㅋㅋ
이제 제로보드 xe페이지 모듈에;; iframe3.html문서를 아이프레임으로 넣어주시면 제가 말한 참고사이트처럼 멋지게 내용이 들어갑니다.
뉴스나 신문등 매일 업데이트 되는 웹문서를 내 홈페이지에 게시할 때 유용할 거 같습니다.
물론 난해한 링크주소를 가진 것들까지 될지는 모르겠습니다.
참고만 하시고 안된다고 너무 실망하지 마세요..
하단을 어떻게 가려야 할 지 업두가 나질 않네요 ^^;;
연구가 계속 될수록 더 나은 결과를 얻을 수 있겠죠...
조만간 제 ip가 막힐지도 모르겠네염 ㅋㅋ 상대쪽에서 막을 수도 잇겠죠;; 아닌가?
암튼...
ㅋㅋ
ㅌ
제목 | 글쓴이 | 날짜 |
---|---|---|
클라우드 플레어 질문있습니다. [2] | 생컨38889 | 2016.08.31 |
무료 폰트 모음 | boomstop | 2016.09.13 |
우분투에 apm 서버 완벽하게 설치하기 | 로니 | 2016.09.13 |
초보자분들 윈도우에 apmsetup 쓰지 마세요 느립니다. [1] | 최윤한 | 2016.09.20 |
관리자페이지 첫페이지에서 최근글 / 최근댓글 리스트에서 닉네임 대신에 날짜가 나오게 하는 방법 | sejin7940 | 2016.10.19 |
사이트 운영하시는분들 단체메일 가급적 보내지 마세요. | 최윤한 | 2016.10.19 |
내 작성글 보기에서 익명게시판에서 작성한 내 글도 보이게 하기 위해서 | sejin7940 | 2016.10.19 |
관리자페이지의 게시판 목록에서 '모듈분류'로만 검색이 안 되는 버그 수정 | sejin7940 | 2016.11.09 |
구글애드센스 한페이지에 3개 초과하시면 안됩니다. [3] | 최윤한 | 2016.11.11 |
모바일환경에서, 스케치북스킨의 경우 포인트레벨아이콘이나 닉네임이미지 가 안 나타나는 경우 수정법 | sejin7940 | 2016.11.13 |
네이버 웹마스터도구 최적화검증과 GZIP | 영흥도우럭1 | 2016.11.18 |
가상서버 고르실때 참고하시면 좋겠네요. | 로니 | 2016.11.24 |
간단한 xe 관련 자바스크립트 질문 [1] | 마든남 | 2016.12.01 |
클라우드플레어 사용시 서버 IP 노출방지 체크리스트 | gnbstory | 2016.12.09 |
숫자 아이디 허용 방법 | 410contents | 2016.12.13 |
방명록 형태 사용시 제목이 길게 저장되게 하려면 | sejin7940 | 2016.12.23 |
DOS 공격에 대한 방어 프로그램입니다. | 마루디자인 | 2017.01.23 |
jQuery 플러그인 모음 | Ansi™ | 2017.01.25 |
인스타그램 해시태그 회원가입 없이 끌어오기 | 외인 | 2017.02.08 |
jquery swiper | Ansi™ | 2017.02.16 |
덕분에 홈페이지가 아주 알찬내용을 직접 연결할수 있게 되었네요.ㅋㅋ
저는 밑부분 자르는 것을 레이아웃의 css에서 스타일 한개를 첨가하여 높이를 지정하면, 밑부분이 잘려나가네요.