프리카운터넷

프로그래밍&개발

기존 공부방

해상도 상관없이 레이어를 고정하자!! 2008.06.14 06:33

글쓴이 : 돈주넷 조회 : 1295 추천 : 0

화면 중앙에 사이트가 위치할때 좌측과 우측여백에 광고를 올리시는 데요....
주로 테이블이나 레이어를 이용하는 것으로 알고있습니다.
테이블을 미리 나누고 올릴때는 문제가 없지만...

대부분 레이어를 사용할때는
방문객 컴퓨터의 해상도에 따라서 레이어가 전여 다르게 위치하는 것을 볼수있습니다.
이점을 조금 보완한 소스인데...
해상도에 관계없이 레이어가 고정되는 소스입니다.

물론 배너경로와 url입력이 간단하고 위치 수정도 간단합니다.
현재는 이미지 배너나 제휴마케팅회사(링크프라이스,애드키,굿메치,ilikeclick,플러스링크 등...) 중
이미지 경로를 제시하는 코드는 사용할수있습니다.

혹시, 플래쉬를 적용해서 사용하시는게 궁금하시면 댓글 부탁드요~~^^
미리보기는 소스를 복사하셔서 나모,드림위버에서 보시면 됩니다.

먼저 <body>의 마진이 있어야합니다. 만약 마진이 1 이라도 없을땐 작동을 하지않는 ....ㅡㅡ
그리고
<script language=JavaScript>

</script>

를 <HEAD>와</HEAD>에 넣으세요....

<body leftmargin="0" marginwidth="0" topmargin="1" marginheight="1">


<script>
   // 좌측 여백광고
if(!isstereo){
    document.write();
    if ( document.body.clientWidth > 850 ) {document.writeln("<div id=\"leftspace\" style=\"position: absolute; right: expression(((document.body.clientWidth+790)/2)-2); top:211px;z-index:1\"><a href=이동할주소target=_blank><img src='배너경로' width=가로 height=세로 border=0></a></div>");
    }
}
{
    // 우측 여백광고
    document.write('<div id="rightspace" style="position:absolute;left:expression((document.body.clientWidth/2 + 390)); top: 299;z-index:0;"><a href=이동할주소 target=_blank><img src="배너경로" width=가로 height=세로 border=0></a></div>');
}
</script>


아래는 적용 예제입니다(ilikeclick의 코드를 이용한 예제)

<body leftmargin="0" marginwidth="0" topmargin="5" marginheight="5">

<script language=JavaScript>

</script>


<script>

//좌측 여백광고
if(!isstereo){
    document.write();
    if ( document.body.clientWidth > 850 ) {document.writeln("<div id=\"cafe\" style=\"position: absolute; right: expression(((document.body.clientWidth+790)/2)-2); top:211px;z-index:1\"><a href=http://www.ilikeclick.com/track/click.php?dts_code=100095230020000379000008962400000000000&DTS_UID= target=_blank><img src='http://ad.ilikeclick.com:6200/dtssuperbanner?dts_code=100095230020000379000008962400000000000&DTS_UID=' width=95 height=85 border=0></a></div>");
    }
}
{
    // 우측 여백광고
    document.write('<div id="rightspace" style="position:absolute;left:expression((document.body.clientWidth/2 + 390)); top: 299;z-index:0;"><a href=http://www.ilikeclick.com/track/click.php?dts_code=100315070020000379000009340300000000000&DTS_UID= target=_blank><img src="http://ad.ilikeclick.com:6200/dtssuperbanner?dts_code=100315070020000379000009340300000000000&DTS_UID=" width=120 height=240 border=0></a></div>');
}
</script>