BBCode for 텍큐닷컴 3.3 업데이트
BB코드를 달고야 말았어! 음하하하핫!
댓글창에 BBCode 사용하기 [확장팩 포함]
3.2버전 ->3.3으로 업글했습니다. 하는 방법은 그냥 3.2 + 확장팩이 적용된 코드를 프로그램에 붙이신다음, BB코드 적용을 누르시면 되는듯 합니다. 코드가 수정되면 먼저 메모장에 복사해서, 확장팩의 코드들이 정확한 위치에 잘 붙어있나 확인하세요. 그 다음에 실제 블로그에 적용하시는게 좋을것 같습니다.
그런데 js 파일을 못올려서 그런지, 스포일러 기능이 안됩니다. 전과 다른점은 007 , 훗, OTL 아이콘을 추가로 쓸수있다는 겁니다. 여기에 대해서는 조커님께서 해결법을 알려주시면 포스팅을 추가하겠습니다. 
댓글 아이콘에 저런게 추가된거 같습니다. 인증샷. ps. 뽀빠이님이 전에도 가능했다고 하시네요. 그별님 블로그에서 안되길래 버전업의 효과 인줄 알았어요. OTL
이건 그렇다치고, BB코드는 적용하는 방법이 조금 복잡하죠.
일단 뽀빠이님 블로그에 가셔셔1. 아래의 압축파일을 스킨에 업로드한다.(이 파일은 압축을 풀지 않아도 된다)
bbc.zip 파일을 다운받으시고 스킨편집으로 파일을 업로드 하세요. 2. 아래의 압축파일을 풀면, zockr님이 만든 실행파일이 나오는데, 그 파일을 실행한 뒤 나타나는 창에 자신의 스킨.html 내용을 긁어 넣고 컨버팅 한다. (이미지 경로는 자신의 스킨에 대해 "소스보기"를 통해서 알아내고 적어 넣는다.)
BBCode for 텍큐닷컴 3.3 업데이트 로 가셔셔 파일을 다운받으세요. 압축을 풀면 파일 2개가 나옵니다. exe 파일을 실행하세요. 스킨편집에 가셔서 skin.html 의 내용을 전체복사(컨트롤+A) 하신후에 붙여넣고, 이미지 파일경로를 적으신후 BBCode적용 을 누르시면 됩니다.
테스트 해 보실분은 해보세요.* 중간 테스트 * 여기까지 한 뒤 댓글 창에 [embed=http://kr.youtube.com/watch?v=sxA2FZANE2o] 라고 적어 넣어 보면 댓글 창에 동영상이 나온다. 여기서, 확장 아이콘들과 BBCoed 사용에 관한 안내문 등까지 나오게 하려면 계속 아래의 가이드를 따른다.
3. 아래의 텍스트 파일 내용을 자신의 html 바디 밑에 붙인다.
BBCode-js.txt<title>[##_title_##] :: [##_page_title_##]</title>
</head>
<body>
여기에 파일의 내용을 모두 복사해서 붙이세요.
컨트롤+F 로 tt-input-div 를 검색하시면 쉽게 찾을수 있습니다.
4. 아래의 텍스트 파일 내용을 <div class="tt-input-div"> 윗 줄에 붙인다.(<div class="tt-input-div">가 (또는 이에 해당하는 클래스가...) html 안에 두 곳이 있으니 두 곳에 모두 같은 코드를 붙인다)
<div class="commentWrite">
파일의 내용을 여기에 붙이세요.<div class="tt-input-div">
<s_rp_input_form />
<div class="guestbookWrite">
여기에도 붙이시고요.
<div class="tt-input-div">
<s_guest_input_form />
5. 아래의 텍스트 파일 내용을 commentWrite 가 끝나는 </div> 밑 줄에 붙인다. 스킨에 따라서 commentWrite 라는 클래스명 대신에 다른 이름을 사용하는 경우도 많다. 따라서 commentWrite에 해당하는 클래스를 찿도록^^ (보통 commentWrite 또는 이에 해당하는 클래스는 </s_rp>의 윗쪽 </div>등에 해당이 된다.)
이런 내용을 찾을수 있을겁니다. 여기에 붙이시면 안됩니다.<div class="replySend">
<div class="trackbackAdd"> [##_tb_address_##] </div>
<div class="commentWrite">
<div class="tt-input-div">
<s_rp_input_form />
</div>
</div>
</div>
</div> 이 두줄사이에 엔터치고 붙이셔야 합니다.</s_rp>
</div>
</s_article_rep>
<s_notice_rep>
말그대로 이므로 해설을 생략합니다.
6. 위 5번의 파일내용을 <s_guest_container> 위에도 붙인다.
7. 아래의 텍스트 파일 내용을 css 하단에 붙인다.
문제가 생겼나요! 열어보세요!
bbicon_hoot007OTL.zip
[BB]참고로 물음표를 누르면 사용법이 나옵니다.[/BB]
답글삭제007 OTL 훗[emo=087][emo=052][emo=115][emo=012][emo=079][emo=056][emo=105][emo=064]
[quote]그리고 혹시 흥미있으신 분들은 마음껏 댓글에 이모티콘과 이미지를 올려주세요![/quote]
중간테스트가 안되요ㅠㅠ
답글삭제@윈컴이 - 2010/01/21 20:10
답글삭제이건 이제 포기ㅠㅠ 안되요
@윈컴이 - 2010/01/21 20:10
답글삭제[emo=103] T.T 애도를...
http://popeye.textcube.com/294 글의 하단에 업그레이드 파일 있습니다. 132가 빠졌었네요^^
답글삭제그리고 확장 이모티콘 달기 (미리보기) 에 007, OTL, 훗, 이 빠졌었구요^^
그 부분들을 다 출력되도록 새 압축을 올렸습니다.[emo=065]
예! 업글했습니다. [emo=027][emo=027][emo=027]
답글삭제[emo=132] 이게 132 였군요.
답글삭제@삽군난무붑샤 - 2010/01/22 11:48
답글삭제ㅋㅋㅋ
[spoiler][bb]으음[/bb]... j_bbcode32m.gif 파일이 문제로구나 이것의 내용을 수정하지 않으면 안되겟군..
답글삭제[/spoiler]
[bb][size=20]흠냐리야[/size][/bb]
결국 스포일러 달긴했는데 왜 글자가 회색일까..OTL
[spoiler][size=20][bb]음냐뤼... [emo=114]스포일러 아이콘까지 달기 성공...스포일러 도움말 추가도 성공[/bb][/size][/spoiler]
답글삭제[size=12]음 BB코드 글자크기 기본이 얼마지?[/size]
답글삭제[spoiler]
[size=10]이거 10[/size]
[size=10]이거 11[/size]
[size=12]이거 12[/size]
[size=13]이거 13[/size]
[size=14]이거 14[/size]
[size=15]이거 15[/size]
[size=16]이거 16[/size]
[size=17]이거 17[/size]
[size=18]이거 18[/size]
[size=19]이거 19[/size]
[size=20]이거 20[/size]
[size=24]이거 24[/size]
[size=30]이거 30[/size]
[size=36]이거 36[/size][/spoiler]
비밀 댓글 입니다.
답글삭제@Anonymous - 2010/01/26 12:26
답글삭제j_bbcode32m.gif 파일안의 내용을 수정해서 적용시켰습니다. 자세한 내용은 제가 님의 블로그 방명록에 글을 작성해 놓을께요.
[size=14]음냐뤼 이것이 16인가...[/size]
답글삭제[spoiler][size=14][bb] 라라라라라라~ [emo=027]
글자크기 Size아이콘을 달았어~ 수정완료 붑샤~! [emo=040][/bb][/size][/spoiler]
@삽군난무붑샤 - 2010/01/26 12:35
답글삭제비밀 댓글 입니다.
@Anonymous - 2010/01/26 12:26
답글삭제[emo=086] 도움이 되어서 기쁩니다~ [emo=065]
[spoiler][emo=051][emo=040][emo=039][emo=022][emo=131][emo=027][emo=093][emo=121][emo=003][emo=114][emo=005][emo=072][emo=069][emo=096][emo=050][emo=037][emo=075][emo=058][emo=031][emo=086][emo=110][emo=011][emo=082][emo=129][emo=025][emo=065][emo=059][emo=063][emo=089][emo=074][emo=071][emo=100][emo=043][emo=029][emo=041][emo=090][emo=108][emo=012][emo=112][emo=088][emo=103][emo=009][emo=024][emo=097][emo=078][emo=054][emo=016][emo=109][emo=033][emo=006][emo=066][emo=015][emo=068][emo=013][emo=017][emo=030][emo=111][emo=042][emo=081][emo=125][emo=004][emo=014][emo=061][emo=073][emo=087][emo=132][emo=001][emo=021][emo=038][emo=080][emo=106][emo=124][emo=046][emo=032][emo=036][emo=019][emo=026][emo=062][emo=048][emo=092][emo=091][emo=095][emo=020][emo=107][emo=055][emo=002][emo=070][emo=099][emo=035][emo=085][emo=047][emo=018][emo=057][emo=102][emo=060][emo=067][emo=076][emo=010][emo=105][emo=049][emo=128][emo=044][emo=056][emo=064][emo=008][emo=116][emo=094][emo=053][emo=077][emo=101][emo=084][emo=098][emo=023][emo=028][emo=007][emo=130][emo=079][emo=052][emo=045][emo=104][emo=122][emo=034][emo=113][emo=083][emo=126][emo=117][emo=118][emo=119][emo=120][emo=115][emo=123][emo=127][/spoiler]
답글삭제[size=16][bb]이모티콘 순서 재정렬 완료[/bb][/size]
[spoiler][strike]음훼훼훼~~[/strike]
답글삭제[right]음훼훼훼~~[/right]
<s>{param}</s>
안되나...
여기서 일단 마무리 해야할 모양이군[/spoiler]
OTL007훗이명박
답글삭제[spoiler]조커님의 j_bbcode33m.gif 파일에 스포일러 기능 버그가 있군. 구글크롬만 문제가 아니구나.[/spoiler]
저도 하나 드리고 싶어 댓글을 남깁니다.
답글삭제글자 크기에 대한 아이콘 간단히 만들어 보았습니다.
괜찮아 보이신다면... 사용해보시라구요... ^^
[spoiler][img]http://fs.textcube.com/blog/1/15337/skin/1/images/bb_sb.gif [/img]
[img]http://fs.textcube.com/blog/1/15337/skin/1/images/bb_s.gif [/img][/spoiler]
좋아하셨으면 좋겠습니다. ^^;
삽군난무붑샤님과의 교류가 참 재밌네요.. ^^
고맙습니다. (_ _)
@그별 - 2010/01/28 17:53
답글삭제[emo=086]멋진 아이콘 입니다.
오오 파일을 바로 사용할수 있네요.
참여 감사합니다.[emo=059] 꾸벅
비밀 댓글 입니다.
답글삭제고맙습니다. 삽군난무붑샤님.. [emo=059]
답글삭제아웅...스킨 엎어야하는데 압박만 괜히 느끼고 갑니다.
답글삭제북마크(?)용 믹스업하고 총총
저 놀러왔다 갑니당.. 휘황찬란삐까반짝하네요~^^OTL
답글삭제연님의 스킨이 나와서 적용하고 생각난김에 각종 기능들 적용 끝!!!
답글삭제이모티콘 관련된 것은 삽군난무붑샤님의 글을 통해 잘 적용 했네요[emo=093]
ㅠㅠ전 이상하네요.....
답글삭제스킨을 초기화 해가면서도 했는데 실패..(포기...)
답글삭제@Anonymous - 2010/01/29 13:17
답글삭제저는 뽀빠이 님이 올리신 코드를 사용했습니다.
[q].tt-input-content {width:680px; float:left; padding-right:0px; margin-right:0px; }[/q]
이 코드를 style.css 마지막에 추가한거죠.
이 코드가 안먹히는 경우라면 다른방법이 있습니다.
[q].tt-input-div textarea {
width:75%;
height:120px;
overflow:visible;[/q]
첫번째 코드가 적용 안되어도 위의내용은 style.css에 있을겁니다.
[q] width:75%;[/q]
여기의 % 단위를 px 단위로 바꾸는 방법도 있습니다.
[q] width:450px;[/q] 라고 적어도 동작할겁니다.
한번 조절되나 시험해 보신후 적당한 수치로 바꿔보세요. 댓글창의 가로 길이가 너무크면 [blue](78% 이상일 경우)[/blue] 창이 아래로 내려가는 현상이 생깁니다. 블로그 포스트 가로 길이가 600px라면 대략 450px 정도가 적당할 겁니다.
제 경험으로는 아이콘바의 길이에서 80px를 뺀 정도가 적당합니다. 님 블로그의 경우는 450px~470px 사이에서 적정값이 나올듯 싶습니다.