전체 배경이미지 만드는 법.

2013. 8. 14. 13:23취미 & 컴 * 잡기

 

 

전체 배경이미지 만드는 법.

 

얼마전까지는 댓글창과 마우스 만드는 법을 가르쳐 달라는

쪽지가 저에게 날라 오다가, 솔직히 잘 못 하거든요 ㅎㅎㅎ

이제는

전체 배경 이미지 만드는 방법

알려달라는 쪽지가 폭주(?) 하네요. ㅎㅎ

 

전체 배경 이미지 만드는 방법은 댓글창과 마우스 만드는 방법과 동일합니다.

응용이라고 보시면 된답니다. 

상세하게 순서대로 설명해두었답니다.

이대로 따라하시면 누구나 쉽게 원하는 전체 배경 이미지를 만들 수 있습니다.

 

 

1.전체배경 만드는 주소

 

<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>

 

※ 이때 반드시 HTML 상태일 것

 

 

 

2. 이미지 사진 올리기

 

만들고싶은 사진을, 가로 1024  *  세로 786  일케 만들어 올려 놓으세요

 

 

 

3. 사진 올리기

 

2번에서 크게 만들어논 사진을 사진 올리기 한번 하셔서

주소 알아 놓으세요

 

 

※ 우띠발 컴맹에게 2번, 3번은 어려워 나 못해 하시면 ㅎㅎㅎ

사진에대고 오른쪽 마우스 클릭하시면 속성 나옵니다.

거기서 속성 주소 복사하시면 됩니다.

 

(참고로 좋은글방 메뉴에 배경ノ이쁜이미지방 클릭 하시면 모모수계님께서 

new전체 배경용 이미지 많이 올려 드리고 있답니다.)

 

 

4. 끼워 맞추기

 

1번에 전체배경 소스에 빨간색 이미지주소 자리에 3번 이미지 속성 주소 갖다 끼우면 끝입니당.

 

 

 

 제대로 설명이 되었나 모르겠지만요

직접 많이 연습 하시고 응용하시면 됩니다