날씨가 정말 덥네요. 다들 더위조심하시길 바래요~
이번엔 티스토리 댓글 입력란에 이미지 배경 넣는 법에 대해 알아보겠습니다.
인터넷에 이미 소개가 많이 되었지만 처음하시는분들이 실수하지 않도록
자세히 적어보고, 또 그러면서 저도 오래 기억할 수 있으니 금상첨화!
일단 뭘 굳이 번거롭게 바꾸느냐라고 하시는 분들을 위해서 변경 전후의 모습을 보여드리겠습니다.


이런 밋밋한 댓글 입력란을 아래처럼 멋지게 바꿔줄 수 있습니다!


구미가 좀 당기시나요?
사실 제가 이렇게 이미지를 적용한건 이렇게라도하면 방문자분들중에 절반은 댓글을 달아주시지 않을까해서...

각설하고 어떻게 바꾸는지 알아보겠습니다.
일단은 자신의 현재 티스토리 스킨 댓글창의 크기를 파악합니다. 꼭 정확할 필요는 없습니다.
대충 그림판으로 찍어서 댓글창부분만 드래그해서 저장하고 크기확인하시면 됩니다~
그 다음은 마음에 드는 이미지를 구하시거나 직접 만들어주시면 되겠습니다.

다되셨으면 관리자메뉴의 사용중인 스킨에서 파일업로드를 누른 후 적용시켜줄 이미지를 업로드 합니다.
파일명은 기존 스킨 파일과 겹치지 않는 다는 조건 하에 아무거나 정해주시면 됩니다.

이제 HTML/CSS 편집 메뉴에서 태그만 수정해주시면 끝입니다!
Ctrl+F 를 누른 후 input_comment 를 찾아보시면 다음과 같은 부분이 나옵니다.

여기서 rows 와 cols 의 수치는 다르게 나올 수 있습니다.
여튼 cols="" 뒤에 한칸 띄고 다음 태그를 복사해서 넣어줍니다.

style="background:url(이미지주소) no-repeat right; background-color:#FFFFFF;"

만약 이미지 파일명이 comment_bg.jpg 라면
이미지 주소는 ./images/comment_bg.jpg 가 되겠습니다.

이해를 돕기 위해 수정된 부분도 찍어보았습니다.
여기까지 하신 후 저장하시기 전에 꼭 미리보기를 해보시기 바랍니다.
항상 스킨을 수정하시면 여러모로 조심 또 조심이 필수라는 것을 강조하며 마칩니다^^

티스토리툴바