본문 바로가기

각종 IT 정보/블로그 Tip/Tech

댓글 배경 넣는 방법과 댓글 멘트 넣는 방법

댓글 배경 넣는 방법과 댓글 멘트 넣는 방법

 

버럭쟁이 오리가 돌아 왔습니다.^^

 

 

 

귀여운 버럭쟁이 오리 이미지는 예전에 댓글 배경으로 설정했었는데

그 동안 블로그 스킨을 변경하면서 채택하지 않았었습니다.

 

그러다가 댓글 멘트 넣는 것을 적용하면서 오리도 복귀 시켰습니다.

그러니 버럭쟁이 오리 이뻐해 주세요^^

 

예전에 한번 댓글 배경 그림 넣는 방법을 포스팅했었는데

이번 기회에 댓글 멘트 넣는 방법과 함께 다시 한번 알려 드리도록 하겠습니다.

 

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="[##_rp_input_comment_##]" rows="6" cols="50" onfocus="javascript:this.value='';">댓글은 가능하면 위의 라이브리 댓글창을 이용해 주세요.^^(이 글은 클릭하면 사라집니다)</textarea>

 

주의할 것은 textarea 를 찾으실 때

_guest_textarea_body_ 는 방명록 댓글이고

_rp_input_comment_ 는 본문 댓글이니 헷갈리시면 안됩니다.

 

그런데 예전에 꽥꽥거리는 오리 이미지 때문에

댓글 남기기가 불편하다고 하시는 분들이 있더군요.

 

그래서 클릭하면 이미지가 사라지게 하려고

스타일 시트에서 "Textarea:focus" 를 해도 안먹히네요.ㅜㅜ

아시는 분 있으면 알려 주시면 고맙겠습니다.

 

태그를 직접 넣기가 불편한 분을 위해 아래 텍스트 문서로 첨부합니다.

복사해서 붙여 넣으세요.

 

 

이상 이바구의 댓글 배경 넣는 방법과 댓글 멘트 넣는 방법 블로그 팁이었습니다.