생활의 지혜

[스크랩] 글쓸때 배경넣기요 ! ( 새로 패치되면서 )

Tony the 명품 2012. 5. 6. 14:40
  • 급해요. 글쓸때 배경넣기요 ! ( 새로 패치되면서 )
  • 내 PC 사진으로 배경을 소스 만들기 입니다. 우선 PC의 사진을 카페등 웹에 올려야 합니다. 아래는 저희 홈페이지 사진 게시판 입니다. 를 클릭하여 합니다. 게시판에서 을 클릭합니다. 위와 같은 창이 뜨면 를 클릭합니다. 위와 같이 파일 찾기 창이 뜹니다. 올릴 사진을 선택하고 열기를 한후 게시판으로 옮겨지면 을 클릭합니다. 위와 같이 올린 사진이 나타나면 사진에 마우스를 대고 우클릭합니다. 속성이라고 보입니다. 속성을 클릭합니다. 위와 같이 속성창이 뜹니다. 주소(UR...더보기
출처 : Daum 지식
글쓴이 : rikilee님 원글보기
메모 :

블로그에 배경화면 넣기

 

원래 이전꺼 에디터 사용할때는
HTML에
배경소스 입력하고
에디터 들어가면
바로 배경떳는데.

요새는

HTML에 배경소스적고 에디터 적용하면

아예 안뜨던데..

HTML에 대고 글쓰면
글자 색깔도 못바꾸던데 ............

이 질문에 답변하시면 지식머니 5, 채택시엔 80 을 더 드립니다.
답변하기
질문자 채택

rikilee | 소개 | 연락처 | 답변

전문분야 : 컴퓨터,인터넷 (7위) | 답변 31385 | 채택률 80.7%
활동카페 : PC종합학교 (http://cafe.daum.net/rikiroom)


내 PC 사진으로 배경을 소스 만들기 입니다.

우선 PC의 사진을 카페등 웹에 올려야 합니다.

 

 

아래는 저희 홈페이지 사진 게시판 입니다.


를 클릭하여 합니다.


게시판에서 을 클릭합니다.


 

 

위와 같은 창이 뜨면 를 클릭합니다.


 

 

위와 같이 파일 찾기 창이 뜹니다.


 

 

올릴 사진을 선택하고 열기를 한후 게시판으로 옮겨지면 을 클릭합니다.

위와 같이 올린 사진이 나타나면 사진에 마우스를 대고 우클릭합니다.

속성이라고 보입니다. 속성을 클릭합니다.

위와 같이 속성창이 뜹니다. 주소(URL) 이 올린사진의 주소 입니다.


 

위 주소를 확인하여 메모장을 열어 미리 복사해 둡니다.

 

 

아래 소스는 배경태그 소스입니다.

이 소스를 사용하게 될겁니다.

 

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


다시 게시판 목록에서 를 클릭합니다.

아래와 같이 에디터 모드에서 제목과 원하는 글을 씁니다.

그리고, 아래와 같이 에디터 옆 아래로 된 화살표를 클릭합니다. 


 

 

에디터 모드에서 아래와 같이 HTML 모드로 전환 됩니다.

이제 여기에 배경 태그 와 이미지 주소를 혼합하여 게시판에 붙여 넣습니다.

 

<배경 소스>

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

 

<이미지 주소>

https://t1.daumcdn.net/cafefile/pds58/7_cafe_2008_02_22_21_56_47bec67bd6667

 

 

 

<완성된 소스>

<style> body { background-image:url("https://t1.daumcdn.net/cafefile/pds58/7_cafe_2008_02_22_21_56_47bec67bd6667");background-attachment: fixed; background-repeat: yes-repeat; background-position: down; } table { background-color: transparent; } td { background-color: transparent; } background-position: 100% 100%; }</style>