컴퓨터 관련/기타

[스크랩] 바탕 전체 배경이미지 만드는 법

승명 2015. 12. 10. 23:03

바탕 전체 배경이미지 만드는 법


바탕 전체 배경이미지 만드는 법

 

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

 

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


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

 

 

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  일케 만들어 올려 놓으세요


내컴에서 업로드시 픽셀규격(1024 X 786)을 확인하여 불러드립니다. 

(다음업로드는 최대가 1024) 


예제

사진주소 : https://t1.daumcdn.net/cfile/cafe/273E313B5611258701


위사진주소를 아래 빨간글씨만 바꿔주시고 아래소스를 마우스복사하시여 본인게시글

에 소스로 들어가서 붙여넣키하시고 소스재클릭하여 에디터로 나와서

수정해주시면 적용됩니다.


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


(2) 아래소스를 마우스복사하시여 본인게시글에 올려보시면 됩니다

<STYLE> body { background-image:url("https://t1.daumcdn.net/cfile/cafe/273E313B5611258701" );

 background-attachment: fixed; background-repeat: no-repeat; background-position: bottom right; }

table { background-color: transparent; } td { background-color: transparent; } </STYLE>


3. 사진 올리기

 

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

주소 알아 놓으세요


불러들인 사진위에서 마우스우클릭! 제일하단에 속성재클릭!

재창이 열리면 주소(URL)사진주소입니다.

속성주소를 마우스복사하시면 됩니다.

  

춘하추동카페

Click! ▒♡바탕♡배경방♡▒ 방에

많은량의 바탕배경 소스를 올리고 있습니다.

연습해보시면 초보자도 충분히 하실수 있습니다.

 

4. 끼워 맞추기

 

1번에 전체배경 소스에 빨간색 이미지주소 자리에

3번 이미지 속성 주소 갖다 끼우면 끝입니다.

 

댓글창(배경)과 마우스 만드는 법도 동일합니다.



아래 클릭! 연결하시여 보시면 이해가 빠릅니다

Click! 화면전체이미지화면                 

Click! Re:화면전체이미지(예제)실행화면




출처 : 춘하추동카페
글쓴이 : 대청공원 원글보기
메모 :