서브메뉴

BBCode plugin for Textcube 1.1

by Sleepy


예전에 inureyes님께서 만드신 플러그인인데 지금은 링크가 존재하지 않더군요.
간단하게 몇가지 덧붙여서 사용하다가 혹 필요하신분이 계실것 같아 공개합니다.




? 플러그인 설치
※ 주의 : BBCode 플러그인은 댓글/방명록 뿐만 아니라 본문에도 적용됩니다.

'Textcube 설치 폴더/plugins' 폴더에 압축을 풀고 플러그인 설정 페이지에서 '사용'으로 지정하시면 됩니다.

제공되는 코드는 대충 아래정도입니다.
[b]...[/b] : 글씨를 굵게함
[i]...[/i] : 글씨를 기울임
[u]...[/u] : 글씨에 밑줄
[color=색상]...[/color] : 텍스트 색상 ('red/green' 등의 이름이나 '#ff0000'같은 색상 코드를 사용)
[url=주소]...[/url] : 하이퍼링크 연결
[quote]...[/quote] : 인용 상자
[img=주소] : 이미지 삽입
[embed=주소 너비 폭] : 동영상 삽입. '너비'와 '폭'은 생략이 가능하며, 생략시 425x355로 지정

주황색은 블럭 상태에서 텍스트가 들어가는 위치


위 태그 외에 추가된 약식태그가 있는데
[color]...[/color][c]...[/c]로,
[quote]...[/quote][q]...[/q]로,
빨간 밑줄은 [ru]...[/ru]로 사용 가능합니다.
'OTL'을 입력하면 ←이런 이미지가 들어갑니다^^

[img=...] 대신 [img]...[/img]로 사용 가능하고
[embed=...] 대신 [embed]...[/embed]로도 사용 가능합니다.





덧. BBCode를 입력할때 버튼바를 붙여서 손쉽게 넣을 수 있도록 했는데 관심 있으신분은 한번 적용해 보세요.

짜잔~~



? BBCode 버튼바 설치
압축파일 안의 /images 폴더에 있는 파일은 skin폴더/images 폴더에 압축 해제합니다.



1. style.css 수정..

skin 폴더의 style.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; }




2. skin.html 수정..

①. 압축파일 속 타이틀.txt 파일의 내용을 복사하여 스킨폴더 속 'skin.html'의 ...'</title>' 뒤에 붙여넣습니다.


②. '<textarea'로 검색하면 두군데가 나올텐데 각각 아래와 같이 'id=...' 부분을 추가하세요.
<textarea name="[##_guest_textarea_body_##]" id="[##_guest_input_comment_##]" cols="50" rows="6"> </textarea>
▲ 방명록 / ▼ 댓글
<textarea name="[##_rp_input_comment_##]" id="comment_[##_article_rep_id_##]" cols="50" rows="6"> </textarea>


③. 압축파일 속 방명록.txt 파일의 내용을 복사하여 방명록의 '<textarea' 앞에 붙여넣고 댓글.txt 파일의 내용은 댓글의 '<textarea' 앞에 붙여넣으세요.

방명록.txt, 댓글.txt 파일에서 '스킨폴더'로 써있는 부분은 각자 블로그의 경로에 맞게 수정하세요




모두 새해 복 많이 받으세요~
2009/01/22 21:41 2009/01/22 21:41
Rated 4.55/5 (90.91%) (11 Votes)
받은 트랙백이 없고   4개의 댓글이 있습니다.
이 글의 댓글/트랙백 RSS : http://www.textcube.org/plugin/rss/response/691
이 글의 관련글(트랙백) 주소 : http://www.textcube.org/plugin/trackback/691