댓글 배경 넣는 방법과 댓글 멘트 넣는 방법
버럭쟁이 오리가 돌아 왔습니다.^^
귀여운 버럭쟁이 오리 이미지는 예전에 댓글 배경으로 설정했었는데
그 동안 블로그 스킨을 변경하면서 채택하지 않았었습니다.
그러다가 댓글 멘트 넣는 것을 적용하면서 오리도 복귀 시켰습니다.
그러니 버럭쟁이 오리 이뻐해 주세요^^
예전에 한번 댓글 배경 그림 넣는 방법을 포스팅했었는데
이번 기회에 댓글 멘트 넣는 방법과 함께 다시 한번 알려 드리도록 하겠습니다.
1. 댓글 배경 그림 넣는 방법
자신의 블로그 댓글이 skin.html 에 아래와 같이 지정되어 있다면
<div class="commentWrite">
<textarea row="10" cols="50" name="comment"> </textarea>
</div>
아래와 같이 style.css 에서 textarea 부분을 찾아
아래와 같이 변경 또는 추가해 주시면 됩니다.
.commentWrite textarea {
width:/*@post-width:-42=*/641px/*@*/;
background:#FFF url(./images/댓글배경 이미지 주소) no-repeat top left; }
.commentWrite textarea:focus { background:#FFF; }
위의 방법은 예전에 씨디맨[링크]님이 알려 주셨습니다.
(※ 추가 : 이미지가 사라지지 않는 문제점을 백전백승[링크]님께서 해결해 주셨습니다.)
장기간 댓글을 통하여 위 문제를 해결해 주신 두 분께 감사를 드립니다.
이미지를 넣는 자세한 방법은 예전에 글을 참조해 주세요.
2. 댓글 멘트 넣는 방법
댓글 멘트 넣는 방법은 자신의 블로그 스킨 skin.html 에서 해 주시면 됩니다.
역시 키보드 ctrl+F 를 이용하여 textarea 부분을 찾아
onfocus="javascript:this.value='';" 와 자신이 넣고자 하는 멘트를 넣으시면 됩니다.
<textarea name="" rows="6" cols="50" onfocus="javascript:this.value='';">댓글은 가능하면 위의 라이브리 댓글창을 이용해 주세요.^^(이 글은 클릭하면 사라집니다)</textarea>
주의할 것은 textarea 를 찾으실 때
_guest_textarea_body_ 는 방명록 댓글이고
_rp_input_comment_ 는 본문 댓글이니 헷갈리시면 안됩니다.
그런데 예전에 꽥꽥거리는 오리 이미지 때문에
댓글 남기기가 불편하다고 하시는 분들이 있더군요.
그래서 클릭하면 이미지가 사라지게 하려고
스타일 시트에서 "Textarea:focus" 를 해도 안먹히네요.ㅜㅜ
아시는 분 있으면 알려 주시면 고맙겠습니다.
태그를 직접 넣기가 불편한 분을 위해 아래 텍스트 문서로 첨부합니다.
복사해서 붙여 넣으세요.
댓글.txt
이상 이바구의 댓글 배경 넣는 방법과 댓글 멘트 넣는 방법 블로그 팁이었습니다.
