본문 바로가기

YStory/Blog

티스토리 Comment(덧글)창에 이미지 삽입하기

  블로그 덧글창에 배경 이미지를 올리는 방법에 대해 알아 보자.

사용자 삽입 이미지


배경 이미지란 위처럼 덧글창에 재밌는 그림이나 공지 등을 띄울 수 있는 것을 말하며 이것을 통해 덧글 활성화에 조금이라도 도움이 되지 않을까? -_-;;

어찌되었건 간략한 서론은 이쯤에서 줄이고 본격적으로 적용 할 수 있는 방법에 대해 알아 보도록 하겠다.

우선 티스토리 계정에 관리자로 로그인하고 스킨 -> HTML/CSS 편집 메뉴로 들어 가자.

skin.html 과 style.css가 있는데 우리가 수정할 부분은 style.css다.

사용자 삽입 이미지

클릭하면 큰 이미지를 볼 수 있습니다.


위에 그림에서 보이는 .comment .write textarea 라는 곳을 수정함으로 배경 삽입이 가능하다.

형식은 다음과 같다.

background : url(http://cfs7.tistory.com/image/29/tistory/2008/07/25/20/35/4889ba7930cf3) no-repeat bottom right #FFFFFF;
  • url(이곳 괄호 안에 원하는 이미지의 주소를 삽입하면 된다. gif 파일도 가능하다.)
  • no-repeat : 이미지 반복여부 != repeat, repeat 시키면 여러장의 이미지가 삽입된다.
  • bottom : 이미지를 프레임 밑 부분으로 위치시킴. 기본값 - top
  • right : 이미지를 프레임 오른쪽으로 위치시킴. 기본값 - left, 가운데 : center
  • #FFFFFF; 배경 색상 지정

위에 있는 이미지 주소는 이곳에 사용되고 있는 이미지 파일주소이다.

Word로 뚝딱 만들었는데 허접하지만 필요하다면 사용해도 무관하다. :)

'YStory > Blog' 카테고리의 다른 글

Google code, SyntaxHighlighter  (4) 2007.12.19