게시판 고정배경및 이미지사이즈등등넣기

<img src="그림주소" width=가로 hgight=세로>


<script>
document.writｅ('<img src="그림주소" style=width:'+(screen.availWidth-270)+';top:0;left:0;position:absolute;z-index:-1></img>')
</script>
270을조정해주세요
작을수록 그림이 커집니다
위치조정은
top 위에서의 간격
left 왼쪽에서의 간격


<style> body { background-image:url("그림주소");background-attachment: fixed;
background-repeat: no-repeat;
background-position:bottom right;}
table { background-color: transparent; }
td { background-color: transparent; }
</style>
윗소스만 넣었을시 줄어들면
아래소스를 바로밑에 넣어보시기 바랍니다.^^;;
<table width=100% height=540><tr><td>
<br>
</td></tr></table>



<img src="이미지 주소">
<table width=100% height=540><tr><td>


<기본적인 이미지 올리기>

<img src="그림주소">
<table width=100% height=100%><tr><td>
<br>
</td></tr></table>

<br>
<table cellpadding="0" cellspacing="0" width="750" height="550" background="그림주소">

<script>
document.writｅ('<img src="그림주소"style=width:'+(screen.availWidth-233)+';top:0;left:0;position:absolute;z-index:-1></img>')
</script>


모든 이미지을 대문에 적용할때

사용되는 소스로는 여러가지 있으나 간단하게

아래소스 사용

<style>
body { background-image:url(이미지주소);
background-attachment: fixed;
background-repeat: yes-repeat;
background-position: up; }
table { background-color: transparent; } td
{ background-color: transparent; }
</style>


또한 잠시후 위 화면만 나오고 줄어들때는 아래소스중 택일

1번째 방법

height=540 을 조정해 보세요


<img src="이미지 주소">
<table width=100% height=540><tr><td>
<br>
</td></tr></table>


2 번째 방법
height=540 을 조정해 보세요

<table width=100% height=540><tr><td>
<br>
</td></tr></table>



3번째 테이블 적용시

<script>document.writｅ("<table style=position:absolute;z-index:-100;
visibility:hidden;><tr><td height=550></td></tr></table>");</script>


4 번째 방법
스크립터 소스을 넣어 보시기 바랍니다


<★script src="http://myhome.naver.com/msccl/home/mein.js"></script>
<br>
</td></tr></table>

고정배경이란 배경은 고정되있고 글과 주인백의
이미지만 스크롤됩니다


소스는HEAD 와 HEAD사이에

넣어주시면 됩니다.



고정배경
일반적인 고정배경입니다.


<style>
body { background-image:url(이미지주소);background-attachment: fixed; }
table { background-color: transparent; }
td { background-color: transparent; }
</style>




벽지모양의 이미지를 사용할경우(고정뒷배경)
<style>
body { background-image:url(벽지모양의작은이미지주소); }
table { background-color: transparent; }
td { background-color: transparent; }
</style>




배경이미지 특정위치
보기는 위치가 오른쪽 아래로된 상태지만
가운데로하면 그림이 정 중간으로 옵니다
숫자를 조절하여 마음대로 위치를 바꿀 수 있습니다

위치지정
top left -왼쪽 위
top center -중앙 위
top right -오른쪽 위

center left -중앙 왼쪽
center -중앙
center right -중앙 오른쪽

bottom left -밑부분 왼쪽
bottom center -밑부분 중앙
bottom right -밑부분 오른쪽



<style type="text/css">
body {background-image:url(이미지경로); background-repeat:no-repeat;
background-attachment : fixed; background-position : bottom right}
</style>