티스토리 댓글 창에 이미지 넣기

티스토리 댓글 창이 좀 밋밋하죠.
그래서 댓글 창을 꾸며 보기로 했습니다.

그런데 막상 이미지를 넣을 여고 보니 이미지가 없네요. ㅡㅡ;
그렇다고 지금 포토샵을 배워 가면 이미지를 만들기도 그렇고 그래서 네이버 지식에 도움을 청했죠.

이제 자유롭게 사용 할 수 있는 이미지가 생겼어니 이미지를 등록하로 가야 겠죠.

상단에 있는 메뉴에서 '관리자' => '스킨' => 'HTML/CSS 편집' => '파일 업로드'를 이용하여 이미지 파일을 업로드합니다. 이때 파일 이름은 나중에 구별하기 좋은게 정해 주면 좋겠죠.

파일을 업 로드 했어면 'HTML/CSS'에서 'Ctrl' + F키눌눌러 'textarea' 문자를 입력한 후 아래와 같은이 적흰 곳을 찾습니다.

 그 다음 아래와 글을 삽입해 주면 됩니다.

<textarea style="background-image:url(./images/파일 이름);background-repeat:no-repeat; background-position:center" name="" rows="6" cols="50"></textarea>

그리고 댓글 창이 포커스를 얻었을 때(마우수를 대화창에 클릭 했을 때) 이미지가 없어지게 할여고 하면 onFocus="this.style.backgroundImage='';"를 추가해 주고 다시 포커스를 잃을 때 다시 이미지가 출력되게 할여고 하면 onBlur="this.style.backgroundImage='url(./images/파일 이름)'"을 추가해 주면 됩니다.

 그런데 댓글 창에 배경색이 흰색이 아니면 배경이미지가 보이지 않기 때문에 아래와 같이 'background-color:#FFFFFF;'로 지정해 주고 높이와 넓이를 보기 좋게 다시 지정해 주면 됩니다.   
 

textarea {

width:/*@post-width:-32=*/628px/*@*/;

height:100px; /* 76  높이 */

padding:5px;  /* 넓이 */

background-color:#FFFFFF; /* 배경색 */