티스토리 댓글 이미지 배경넣기 (jpg, gif)

티스토리 댓글 이미지 배경넣기 (jpg, gif)

티스토리 블로그의 밋밋한 댓글쓰기창의 배경을 꾸며보겠습니다.

먼저 배경으로 넣을 이미지를 제작합니다.
저는 소녀시대 태연 화면보호기의 동영상을 곰플레이어로 캡쳐하서 움직이는 gif 파일로 만들어 봤습니다.

이렇게 만든 배경 이미지를 업로드 합니다.
티스토리 어드민으로 가서 파일 업로드 해주세용.
 

  

다음은 댓글배경으로 업로드한 이미지를 불러오도록 하겠습니다.
HTML 부분과 CSS 부분을 약간 수정합니다.

먼저 skin.html 에서 'textarea' 부분을 찾아( ctrl + f ) 빨간 밑줄 부분처럼 내용을 추가합니다.
http://cfs.tistory.com/custom/blog/...............gif( or jpg )부분은 여러분께서 업로드하신 배경이미지의 주소입니다.

style.css 에서는 'textarea' 부분을 찾아 height : 200px 라는 부분을 추가했는데요.
이것은 제가 만든 배경이미지의 높이가 200px 이기 때문에 높이를 맞추고자 추가했습니다.
여러분은 여러분이 만드신 이미지의 높이를 넣으시면 되겠죠?


이렇게 수정하면 작업끝!

도움이 되셨다면 댓글 부탁드려용~^^