남홈페이지 일부분만 내홈페이지에 넣기

남 홈페이지중 일부분만 가져와서 내홈페이지 넣는 방법입니다.
꽁수중에 왕꽁수 입니다. 테스트해본결과 익스,파폭 다 잘 됩니다.

아이프레임과 div 를 이용한 꽁수인데 겉으로 보이기만 일부분만 보이는것이지 실제로는 홈페이지 두개를 불러내는거와 같습니다.

과도하게 많이 사용하면 페이지 로딩속도가 상당히 떨어질수 있습니다.

위에 보이는 사이트를 넣고 난 결과(http://insidedream.net)는 아래와 같습니다.

깜쪽같지 않습니까? ㅋㅋ

물론 링크걸렸을때 페이지 안에서만 보인다는 단점이 있긴하지만 , 이런기능이 꼭 필요할분들이 분명이 있을거라 생각됩니다. ^^

소스는 아래와 같습니다. 응용해서 쓰세요

<div id="unse" style="position:relative;z-index:1;height:480px;">
<DIV style="position:absolute;overflow:hidden;width:550px;height:470px;top:8px;left:0px;">
    <DIV style="position:absolute;left:-230px;top:-280px;">
    <iframe src="**** 넣을 홈페이지 주소 **** " WIDTH=1010 HEIGHT=930></iframe>
    </div>
</div>
</div>

원리를 간단히 설명드리자면, (설명색과 같은 색인 소스를 보면 됩니다.)

1.아이프레임으로 홈페이지 통째로 넣고 ,
2. 보여질 부분위치를 조절한다음
3. 보이지 않아도 될부분을 짤라내고
4. 들어간 부분 다음 내용을 위해서 보여지는 부분만큼 공간을 줍니다.

소스에서 수정해야할부분은 **** 넣을 홈페이지 주소 **** 이부분과

각종(?) height,width,top,left 부분입니다.
해보시면 아시겠지만, 넣을때 하나하나 보면서 조절할필요가 있습니다. 
조금 노가다죠?
이걸 자동으로 해주는 함수나 클래스 만들어봤음 싶은데.. 시간이 나면~ ^^;

그럼..

 

Posted by 달을파는아이 달을파는아이

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절


BLOG main image
멈추지 않으면 얼마나 천천히 가는지는 문제가 되지 않느니라 by 달을파는아이

나의 인생 시계 만들기 >>

카테고리

분류 전체보기 (429)
달을파는아이 (283)
머니머신 (125)
파싱의 추억 (20)
현미촌 현미국수면 (1)
07-13 18:43