[스크랩] 내 PC 사진으로 카페 배경 만들기

내 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>   위 완성된 소스를 게시판에 붙혀넣기 합니다.       붙혀넣었다면 을 클릭하면 끝~~~ *^.^*~~~   아래와 같이 완성된 화면을 얻을수 있습니다.

출처 : 언제나좋은벗

글쓴이 : 언제나좋은벗 원글보기

메모 :