비밀 댓글, 주인장 댓글, 손님 댓글을 아이콘으로 구분하는 방법

블로그스킨을 변경하면서 알게된 것들. (html, css, 워드프레스등)에 이어지는 글입니다.

댓글이미지(아이콘)는?

블로그에서 댓글을 썼을 때 아래 이미지의 오른쪽에 있는 것처럼 표시되는 이미지(아이콘)를 댓글 아이콘(자칭)이라고 합니다.

티스토리에서도 손님 댓글, 주인장 댓글, 비밀 댓글에 따라 이미지(아이콘)를 지정할 수 있어 댓글을 알기 쉽게 구분할 수 있습니다.

댓글 이미지(아이콘)를 설정하는 방법.

  a   댓글 이미지(아이콘)로 사용할 이미지나 아이콘을 준비합니다.
  아이콘 찾기는 [추천사이트] 예쁜 아이콘은 이곳에서 찾아보세요.의 글을 참고 해 보세요.
  b   티스토리 관리자 화면 > 스킨 > HTML/CSS 편집 화면으로 이동합니다.

  c   편집을 쉽게 하기 위해  『style.css』의 내용을 메모장이나 Notepad++같은 문서편집기에 붙여 놓고  .rp_general (손님댓글) / .rp_admin (주인장댓글) / .rp_secret (비밀댓글)로 검색을 합니다.
(일반적으로 .rp_general {}처럼 미지정되어 있을 겁니다.)
  d   아래와 같이 각각의 이미지(아이콘) 이름에 맞추어 코드를 추가해 줍니다.

source.txt

  e   위 소스코드에서

........ transparent 539px 5px;

의 의미는 오른쪽으로 539px길이 만큼, 아래로 5px길이 만큼의 위치에 아이콘을 위치시키라는 의미입니다.