이 사이트는 네이버에서 배포하는나눔고딕 글꼴 과 마이크로소프트에서 배포하는 맑은 고딕 글꼴을 사용합니다.

우연히, 뜬금없이, 가당찮게, 할 일 없어서 등의 이유로 텍스트큐브 플러그인 사이트 에 접속했는데, 눈에 띈 플러그인이 있었으니 다름 아닌 BBCode plugin for Textcube 1.1 이란 플러그인이었다. 평소 댓글 등에 BBCode를 사용할 수 있게 만든 블로그를 방문하면 부러워했었는데, 그 부러움을 상쇄시켜줄만한 매력으로 다가와 직접 설치해봤다.

설치 결과는? 좋다!주1

먼저 이 플러그인 관련 정보는 아래와 같다.
- 최초로 플러그인 만드신 분: okto 님으로 알고 있었으나 실제는 inureyes 
- 수정하신 분: okto 
- 관여해주신 고마운 분들: inureyes 님, okto 님 등등 여러분들
- 원 글: TC용 BBCode plugin + 버튼바 

적용하면서 몇 가지를 수정했는데, 왜냐하면 현재 본인의 블로그에 적용된 스킨이 hi8ar 님의 whiteBoard for Textcube 란 스킨이기 때문이다. 그래서 이와 관련해서 적용한 내역은 아래와 같다.
  • screen.css 변경
    /* ------------------------------------------------------------------- */
    /* BBCode Helper */
    /* ------------------------------------------------------------------- */
    .emoticonborder { border-style: solid; border-width: 1px; border-color: #cbcbcb; padding: 3px; margin: 0 0 -2px 0; height: 21px; }
    .emoticons { cursor:pointer; float: left; margin:2px 2px 1px 0; }
    .emoticonspace { float: left; margin-right:0px; }
    .emoticonusage { cursor:pointer; float: right; }
    a.rollover img { border-width:0px; display:block; }
    a.rollover img.rollover { display:none; }
    a.rollover:hover { position:relative; background-color:transparent !important;}
    a.rollover:hover img { display:none; }
    a.rollover:hover img.rollover { display:block; }
    style.css가 없기 때문에 위 부분을 screen.css에 추가

  • skin.html 변경 시 width 조정
    플러그인과 같이 제공되는 bb_helper.zip 내에 있는 '댓글.txt' 및 '방명록.txt'를 'skin.html'에 적용하면서 본 블로그 스킨의 댓글 및 방명록 textarea 부분의 width와 맞추기 위해 txt 파일 맨 위에 있는 '<div class="emoticonborder" style="/*width:604px*/; background-image:url(./images/bb_bg.bmp); background-repeat:repeat-x;">'를 '<div class="emoticonborder" style="width:579px; background-image:url(./images/bb_bg.bmp); background-repeat:repeat-x;">'와 같이 조정
위와 같이 약간의 Customizing을 통해 현재 블로그 아래 및 방명록 섹션에서 보는 바와 같이 BBCode를 입력할 수 있는 bar가 설치된다. 그리고 BBCode 사용법을 모르는 사람들을 위해 bar 우측에 있는 '?' 버튼을 클릭해서 참고하면 된다.
크리에이티브 커먼즈 라이센스
Creative Commons License
  1. 물론, 댓글이나 방명록이 많은 블로그가 아니라서 실제 효율성은 떨어질 수도 있으나 개인적으로 보기에는 좋다.
이올린에 북마크하기(0) 이올린에 추천하기(0)

Trackback

Trackback Address :: http://i-kiin.net/trackback/581

  1. Subject : TC용 BBCode plugin + 버튼바

    Tracked from Sleepy Tiger 2009/02/11 19:30 del.

    • 탄생 설화 나비님으로부터 inureyes님의 BBCode 출력 플러그인을 소개받아 사용하던 어느날, bluenlive님께서 텍스트큐브의 BBCode 플러그인을 탐내시더니 급기야 티스토리에서도 BBCode를 사용할 수 있는 BBCode for tistory를 개발하기에 이른다.같은 티스토리 유저...