간단한 소스수정으로 태터의 입력기능을 여럿 추가해 보았다. 좌측의 스크린샷에서 보는바와 같이 해당 블럭에 이미지 따옴표 넣기, 해당블록의 글씨크기 키우기 3가지, 그리고 퀵타임 무비 삽입버튼이 보일 것이다. 이버튼을 이용해서 아래처럼 텍스트 효과를 추가 할 수 있다.
1. 
텍스트 효과 
2. 텍스트 효과
3. 텍스트 효과
4. 텍스트 효과
| 오. |
텍스트 효과 텍스트 효과 텍스트 효과 텍스트 효과 텍스트 효과 텍스트 효과 텍스트 효과 텍스트 효과 텍스트 효과 텍스트 효과 텍스트 효과
우왓! 멋지지 않은가? 
수정방법은 매우 쉬운편이다. inc_global.php 파일의 일부분만 수정하고, 아이콘 업로드로 추가 할 수 있다. 아래의 아이콘 파일을 받아 압축을 풀고 /tt/images/에 업로드 한다. inc_global.php 파일을 연다. 누누히 말하지만 백업은 필수!
아이콘 다운로드.rar (3.5 KB)156열을 보면 table 로 시작하는 태그가 있을 것이다. 그리고 167열에 두번째 테이블이 있을것이다. 이 두테이블을 수정한다.
수정전 닫기..
<table cellpadding="0" cellspacing="0"><tr>
<td><img class="ib" width="25" height="21" title="굵게" src=../images/set_b.gif onclick="set_tag_support(obj, '<strong>', '</strong>');"></td>
<td><img class="ib" width="25" height="21" title="기울게" src=../images/set_i.gif onclick="set_tag_support(obj, '<em>', '</em>');"></td>
<td><img class="ib" width="25" height="21" title="중간줄" src=../images/set_s.gif onclick="set_tag_support(obj, '<del>', '</del>');"></td>
<td><img class="ib" width="25" height="21" title="밑줄" src=../images/set_u.gif onclick="set_tag_support(obj, '<ins>', '</ins>');"></td>
<td><img class="ib" width="25" height="21" title="색깔" src=../images/set_color.gif onclick="open_set('color_set');"></td>
<td><img class="ib" width="25" height="21" title="마킹" src=../images/set_mark.gif onclick="open_set('mark_set');"></td>
</tr></table>
</div>
<div class="right" style="padding:5px 15px 0 0">
<table cellpadding="0" cellspacing="0"><tr>
<td><img class="ib" width="25" height="21" title="왼쪽 정렬" src=../images/set_left.gif onclick="set_tag_support(obj, '<div class="left">', '</div>');"></td>
<td><img class="ib" width="25" height="21" title="중간 정렬" src=../images/set_center.gif onclick="set_tag_support(obj, '<div class="center">', '</div>');"></td>
<td><img class="ib" width="25" height="21" title="오른쪽 정렬" src=../images/set_right.gif onclick="set_tag_support(obj, '<div class="right">', '</div>');"></td>
<td><img class="ib" width="17" height="21" title="박스1" src=../images/set_box1.gif onclick="set_tag_support(obj, '<div style='<?=$p_box1_style?>'>', '</div>');"></td>
<td><img class="ib" width="11" height="21" title="박스2" src=../images/set_box2.gif onclick="set_tag_support(obj, '<div style='<?=$p_box2_style?>'>', '</div>');"></td>
<td><img class="ib" width="11" height="21" title="박스3" src=../images/set_box3.gif onclick="set_tag_support(obj, '<div style='<?=$p_box3_style?>'>', '</div>');"></td>
<td><img class="ib" width="19" height="21" title="박스4" src=../images/set_box4.gif onclick="set_tag_support(obj, '<div style='<?=$p_box4_style?>'>', '</div>');"></td>
<td><img class="ib" width="25" height="21" title="소스코드" src=../images/set_code.gif onclick="set_tag_support(obj, '[ CODE]', '[ /CODE]');"></td>
<td><img class="ib" width="25" height="21" title="HTML영역" src=../images/set_html.gif onclick="set_tag_support(obj, '[ HTML]', '[ /HTML]');"></td>
<td><img class="ib" width="25" height="21" title="하이퍼 링크 붙이기" src=../images/set_hl.gif onclick="set_tag_support(obj, '<a href='' target=_blank>', '</a>');"></td>
<td><img class="ib" width="25" height="21" title="멀티미디어 파일 붙이기" src=../images/set_embed.gif onclick="set_tag_support(obj, '<EMBED autostart=false src=', '></embed>');"></td>
<td><img class="ib" width="25" height="21" title="플래쉬 파일 붙이기" src=../images/set_flash.gif onclick="set_tag_support(obj, '<embed loop=true menu=false quality=high width=320 height=240 TYPE=application/x-shockwave-flash PLUGINSPAGE=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src=', '></embed>');"></td>
수정후 닫기..
<table cellpadding="0" cellspacing="0"><tr>
<td><img class="ib" width="25" height="21" title="따옴표" src=../images/set_q.gif onclick="set_tag_support(obj, '<img src="http://firejune.com/images/qms.gif" alt="" /> ', ' <img src="http://firejune.com/images/qme.gif" alt="" />');"></td>
<td><img class="ib" width="25" height="21" title="머리글" src=../images/set_t.gif onclick="set_tag_support(obj, '<table width="30" align="left"><tr><td style='padding:0 2 0 0'><font size="+2" style='font:바탕;'><strong>', '</strong></font></td></tr></table>');"></td>
<td><img class="ib" width="25" height="21" title="굵게" src=../images/set_p1.gif onclick="set_tag_support(obj, '<font size="+1" style='line-height:100%;'>', '</font>');"></td>
<td><img class="ib" width="25" height="21" title="굵게" src=../images/set_p2.gif onclick="set_tag_support(obj, '<font size="+2" style='line-height:100%;'>', '</font>');"></td>
<td><img class="ib" width="25" height="21" title="굵게" src=../images/set_p3.gif onclick="set_tag_support(obj, '<font size="+3" style='line-height:100%;'>', '</font>');"></td>
<td><img class="ib" width="25" height="21" title="굵게" src=../images/set_b.gif onclick="set_tag_support(obj, '<strong>', '</strong>');"></td>
<td><img class="ib" width="25" height="21" title="기울게" src=../images/set_i.gif onclick="set_tag_support(obj, '<em>', '</em>');"></td>
<td><img class="ib" width="25" height="21" title="중간줄" src=../images/set_s.gif onclick="set_tag_support(obj, '<del>', '</del>');"></td>
<td><img class="ib" width="25" height="21" title="밑줄" src=../images/set_u.gif onclick="set_tag_support(obj, '<ins>', '</ins>');"></td>
<td><img class="ib" width="25" height="21" title="색깔" src=../images/set_color.gif onclick="open_set('color_set');"></td>
<td><img class="ib" width="25" height="21" title="마킹" src=../images/set_mark.gif onclick="open_set('mark_set');"></td>
<td><img class="ib" width="25" height="21" title="왼쪽 정렬" src=../images/set_left.gif onclick="set_tag_support(obj, '<div class="left">', '</div>');"></td>
<td><img class="ib" width="25" height="21" title="중간 정렬" src=../images/set_center.gif onclick="set_tag_support(obj, '<div class="center">', '</div>');"></td>
<td><img class="ib" width="25" height="21" title="오른쪽 정렬" src=../images/set_right.gif onclick="set_tag_support(obj, '<div class="right">', '</div>');"></td>
</tr></table>
</div>
<div class="right" style="padding:5px 15px 0 0">
<table cellpadding="0" cellspacing="0"><tr>
<td><img class="ib" width="17" height="21" title="박스1" src=../images/set_box1.gif onclick="set_tag_support(obj, '<div style='<?=$p_box1_style?>'>', '</div>');"></td>
<td><img class="ib" width="11" height="21" title="박스2" src=../images/set_box2.gif onclick="set_tag_support(obj, '<div style='<?=$p_box2_style?>'>', '</div>');"></td>
<td><img class="ib" width="11" height="21" title="박스3" src=../images/set_box3.gif onclick="set_tag_support(obj, '<div style='<?=$p_box3_style?>'>', '</div>');"></td>
<td><img class="ib" width="19" height="21" title="박스4" src=../images/set_box4.gif onclick="set_tag_support(obj, '<div style='<?=$p_box4_style?>'>', '</div>');"></td>
<td><img class="ib" width="25" height="21" title="소스코드" src=../images/set_code.gif onclick="set_tag_support(obj, '[ CODE]', '[ /CODE]');"></td>
<td><img class="ib" width="25" height="21" title="HTML영역" src=../images/set_html.gif onclick="set_tag_support(obj, '[ HTML]', '[ /HTML]');"></td>
<td><img class="ib" width="25" height="21" title="하이퍼 링크 붙이기" src=../images/set_hl.gif onclick="set_tag_support(obj, '<a href='' target=_blank>', '</a>');"></td>
<td><img class="ib" width="25" height="21" title="멀티미디어 파일 붙이기" src=../images/set_embed.gif onclick="set_tag_support(obj, '<EMBED autostart=0 src=', '></embed>');"></td>
<td><img class="ib" width="25" height="21" title="퀵타임 미디어 붙이기" src=../images/set_object.gif onclick="set_tag_support(obj, '<embed pluginspage=http://www.apple.com/quicktime/download/ src=../media/door.mov type=video/quicktime width=너비 height=높이 controller=false autoplay=true href=', ' target=myself></embed>');"></td>
<td><img class="ib" width="25" height="21" title="플래쉬 파일 붙이기" src=../images/set_flash.gif onclick="set_tag_support(obj, '<embed loop=true menu=false quality=high width=320 height=240 TYPE=application/x-shockwave-flash PLUGINSPAGE=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src=', '></embed>');"></td>참고 :
1. 스크린샷상의 이모티콘 툴은 빠져있다. 이것은 추가 하려면 약간 골치 아프다.
2. [ /CODE], [ CODE] . [ HTML] [ /HTML]은 [와 코드사이에 공백은 붙여야한다.
3. 따옴표 이미지는 상대주소가 입력되었으며 블로그에서는 정상적으로 보이나 XML에서는 깨진다. 이것을 XML에서도 보이게 하려면 src=../images/qms.gif을 src=http://홈페이지주소/images/qms.gif 절대경로로 지정해준다.(qme.gif도 마찬가지다.)
4. 퀵타임의 삽입은 아래의 포스트 방식을 따르고 있다. 꼭 참고하자. 그렇지 않으면 섬뜩한 화면을 보게 될 것이다 ㅡ,.ㅡ;;
방문객을 배려한 멀티미디어 삽입 방법(wmv, mov)
5. 여러 텍스트 효과를 사용하면 수정이 불가능 할 정도로 어지러워 질 수 있다.(적절히 사용 할 것!, 수정할땐 Ctrl + F 생활화 ^^)
Comments
Got something to add? You can just leave a comment.
보기 소스들이 원소스랑 좀 다른것 같아요 ^^ more/less 는 안보이고, 플래쉬 파일 붙이기에는 이상한 깨진 문자열이 보입니다. 다시한번 체크를 ...^^:
reply edit
수정전 보기 소스들이 원소스랑 좀 다른것 같아요 ^^ more/less 는 안보이고(바로 그위까지 지정해야 하는건지요? 일단 한 문장이면 모두 넣어주심 좋겠어유^^) 플래쉬 파일 붙이기에는 이상한 깨진 문자열이 보입니다. 다시한번 체크를 ...^^:
reply edit
이런 또 키워드가 소스를 어지럽히고 있었네요;;
아 휴~ 전 왜그런걸까요 ㅠ.ㅠ
수정 했습니다. 알려주셔서 감사합니다.
reply edit
천만에 말씀여... 유저들 위해서 배려해주시는 노력에 비하면 ^^:
reply edit
태터의 여러가지 수정...;;;;힘들다..ㅠ_-
잘 사용 하겠습니다.^^;;
reply edit
좋은 자료이군요. =)
나중에 시간나면 한번 해봐야겠어요. ^ -^)/
reply edit
네 감사합니다. ^^
reply edit
태터툴즈의 글쓰기 입력기능을 확장해보자~
^^ 저도 추가하고 트랙백 보냈습니다. 써보니 좋네요.. ㅎㅎㅎ
reply edit
우아~ 잘보고 갑니다. 이래서 내가 여기를 방문하지 않을 수 없다니까요.^^
reply edit
앗! 감사합니다.
더 도움될만한 팁들을 준비해 보겠습니다.
reply edit
오오오오오 이것도 아주 멋진 기능인 걸요.
꼼지락 꼼지락 거리면서 추가 했습니다. 포스팅 할때 아주 유용할 것 같습니다.
reply edit
허접한 팁을 과찬해주셔서 감사합니다. ^^
reply edit
옷 이런 팁을 올려주시니 감사합니다~
아주 유용하게 잘 사용하겠습니다 :D !!
reply edit
태터툴즈의 입력기능을 확장해 보자.
이모티콘을 넣어 보았습니다....
정말 감사합니다. 잘 사용할께요:D
reply edit
태터툴즈 입력기능 확장
본문에 이모티콘을...태터툴즈 클래식
Your Reaction Time!