[ 순서 ]
1. 이미지(그림) 준비
- 방명록 창의 크기에 맞춰서 이미지를 만들거나 혹은 구한다.
2. 이미지 올리기(업로드)
- 이미지를 준비 하였으면 관리자>HTML/CSS 편집>파일업로드 를 선택하여 파일을 업로드 한다.
업로드를 하면 자동적으로 ./images/파일이름.jpg 으로 저장된다.
3. skin.html 수정
- 파일을 올리셨으면 다시 HTML/CSS 편집으로 돌아와서
단어 찾기(Ctrl + F)를 이용하여 guest_textarea_body 를 찾는다.
<수정 전>
<textarea name="[ ##_guest_textarea_body_## ]" cols="50" rows="6"> </textarea>
<수정 후>
<textarea style="background-image:url(./images/파일이름.jpg);background-repeat:no-repeat;background-position:right" name="[ ##_guest_textarea_body_## ]" cols="50" rows="6"> </textarea>
파란색 부분이 미리 올려놓은 파일을 댓글 창의 배경으로 표시하는 부분입니다.
일일이 타자치기 귀찮으시거나 어려우신 분들을 위해 파일도 올려두었습니다 ^^
before.txt -> 수정 전
after.txt - > 수정 후
background-position: right -> 이미지를 오른쪽으로 표시하는 옵션
background-repeat: no-repeat -> 배경이미지가 반복되지 않고 한 번만 표시되도록 하는 옵션
4. 완료 및 수정
- 위와 같이 수정을 했으면 이제 미리보기를 눌러서 완성 되었는지 확인한다.
정상적으로 나오면 저장하기, 만약 정상적으로 나오지 않으면
태그 문제가 98%, 파일 문제가 2%이므로 확인하시기를 바랍니다.
'-TIP- > * 컴퓨터' 카테고리의 다른 글
다음뷰 추천 버튼 자동으로 올리는 방법! (1) | 2012.06.16 |
---|---|
티스토리 초대장 관련 총정리! (1) | 2012.05.26 |
티스토리 덧글 창 위에 다음 View 인기글/최신글 넣기! (4) | 2012.03.10 |
더블클릭 하여서 맨 위/맨 밑으로 이동시키기 (1) | 2012.02.29 |
티스토리 덧글 창에 배경이미지 넣는 방법 (3) | 2012.02.08 |