태터툴즈 고쳐쓰기 #7 - 글쓰기 화면 넓게 쓰기
태터툴즈의 게시물 편집 화면은 1024x768 화면에 최적화 돼있는데 19인치 모니터 이상의 큰 화면을 쓰는 사람은 다소 좁게 느껴질 수도 있다. 그래서 글쓰기 화면의 테이플 폭만 약간씩 수정. 1280x??? 해상도를 사용하는 모니터에 최적화 시켰다.
admin/article_edit.php 파일만 편집하면 된다. 각 라인번호대로 위의 문장을 아래처럼 수정.
화면의 가로 해상도가 1024->1280 으로 늘어나면서 전체 크기는 256, 나머지는 모두 128씩 늘렸다. 기타 다른 해상도로 수정할때도 위에 언급된 부분들만 숫자를 적당히 수정해 고치면 된다. 그리고 345번째줄의 width를 자신의 블로그 본문 폭과 같게 설정해두면 (내경우엔 630) 미리보기 화면과 블로그 출력화면이 동일해져서 블로그 화면 따로 띄워두고 편집할때마다 새로고침 해서 보는 짓은 하지 않아도 된다. (설마 나만 그런가;;)
admin/article_edit.php 파일만 편집하면 된다. 각 라인번호대로 위의 문장을 아래처럼 수정.
181:
<table cellpadding="0" cellspacing="0" width="1003"><tr>
<table cellpadding="0" cellspacing="0" width="1259"><tr>
182:
<td width="430" valign="top" style="padding:20 5 5 5">
<td width="558" valign="top" style="padding:20 5 5 5">
254:
<td><input type="text" class="text" maxlength="80" name="title" value="<?=$title?>" style="width:328"><br></td>
<td><input type="text" class="text" maxlength="80" name="title" value="<?=$title?>" style="width:456"><br></td>
276:
<input type="file" size="34" class="button" name="uploadfile" style="margin-left:18; margin-top:10; width:295px;">
<input type="file" size="55" class="button" name="uploadfile" style="margin-left:18; margin-top:10; width:423px;">
281:
<td><select size="6" name="filelist" multiple style="width:203;" onchange="set_preview_image(this, document.getElementById('s_image'), '<?=$image_file_path1?>', '<?=$image_file_path2?>')"></select></td>
<td><select size="6" name="filelist" multiple style="width:331;" onchange="set_preview_image(this, document.getElementById('s_image'), '<?=$image_file_path1?>', '<?=$image_file_path2?>')"></select></td>
365:
<table cellpadding="0" cellspacing="0" width="510" bgcolor="#FFFFFF"><tr>
<table cellpadding="0" cellspacing="0" width="638" bgcolor="#FFFFFF"><tr>
그리고 마지막으로 태터툴즈 기본 에디터를 사용하는 경우에는,
270:
<textarea name="body" rows="18" cols="62" onselect="save_pos(this)" onclick="save_pos(this)" onkeyup="save_pos(this)" style="width:393; margin:5 0 0 18;"><?=str_replace("&", "&", trim(set_body($body)))?></textarea><br>
<textarea name="body" rows="18" cols="83" onselect="save_pos(this)" onclick="save_pos(this)" onkeyup="save_pos(this)" style="width:521; margin:5 0 0 18;"><?=str_replace("&", "&", trim(set_body($body)))?></textarea><br>
미니위니 비쥬얼에디터를 사용하는 경우에는,
miniwini.visualEditor.conf.php 파일의 42번째줄을,
"width" => 521,
"height" => 400,
miniwini.visualEditor.js 파일의 30번째줄을,
o1.style.width = "521px";
o2.style.width = "521px";
각각 이렇게 수정하면 끝.
<table cellpadding="0" cellspacing="0" width="1003"><tr>
<table cellpadding="0" cellspacing="0" width="1259"><tr>
182:
<td width="430" valign="top" style="padding:20 5 5 5">
<td width="558" valign="top" style="padding:20 5 5 5">
254:
<td><input type="text" class="text" maxlength="80" name="title" value="<?=$title?>" style="width:328"><br></td>
<td><input type="text" class="text" maxlength="80" name="title" value="<?=$title?>" style="width:456"><br></td>
276:
<input type="file" size="34" class="button" name="uploadfile" style="margin-left:18; margin-top:10; width:295px;">
<input type="file" size="55" class="button" name="uploadfile" style="margin-left:18; margin-top:10; width:423px;">
281:
<td><select size="6" name="filelist" multiple style="width:203;" onchange="set_preview_image(this, document.getElementById('s_image'), '<?=$image_file_path1?>', '<?=$image_file_path2?>')"></select></td>
<td><select size="6" name="filelist" multiple style="width:331;" onchange="set_preview_image(this, document.getElementById('s_image'), '<?=$image_file_path1?>', '<?=$image_file_path2?>')"></select></td>
365:
<table cellpadding="0" cellspacing="0" width="510" bgcolor="#FFFFFF"><tr>
<table cellpadding="0" cellspacing="0" width="638" bgcolor="#FFFFFF"><tr>
그리고 마지막으로 태터툴즈 기본 에디터를 사용하는 경우에는,
270:
<textarea name="body" rows="18" cols="62" onselect="save_pos(this)" onclick="save_pos(this)" onkeyup="save_pos(this)" style="width:393; margin:5 0 0 18;"><?=str_replace("&", "&", trim(set_body($body)))?></textarea><br>
<textarea name="body" rows="18" cols="83" onselect="save_pos(this)" onclick="save_pos(this)" onkeyup="save_pos(this)" style="width:521; margin:5 0 0 18;"><?=str_replace("&", "&", trim(set_body($body)))?></textarea><br>
미니위니 비쥬얼에디터를 사용하는 경우에는,
miniwini.visualEditor.conf.php 파일의 42번째줄을,
"width" => 521,
"height" => 400,
miniwini.visualEditor.js 파일의 30번째줄을,
o1.style.width = "521px";
o2.style.width = "521px";
각각 이렇게 수정하면 끝.
화면의 가로 해상도가 1024->1280 으로 늘어나면서 전체 크기는 256, 나머지는 모두 128씩 늘렸다. 기타 다른 해상도로 수정할때도 위에 언급된 부분들만 숫자를 적당히 수정해 고치면 된다. 그리고 345번째줄의 width를 자신의 블로그 본문 폭과 같게 설정해두면 (내경우엔 630) 미리보기 화면과 블로그 출력화면이 동일해져서 블로그 화면 따로 띄워두고 편집할때마다 새로고침 해서 보는 짓은 하지 않아도 된다. (설마 나만 그런가;;)
'컴퓨터 얘기 > 프로그래밍' 카테고리의 다른 글
| 태터툴즈 고쳐쓰기 #9 - 답글달리면 SMS 통보 (34) | 2005/01/30 |
|---|---|
| 태터툴즈 고쳐쓰기 #8 - nofollow, whois 연결 (4) | 2005/01/21 |
| 태터툴즈 고쳐쓰기 #7 - 글쓰기 화면 넓게 쓰기 (2) | 2005/01/04 |
| 태터 1.0 Classic에 미니위니 비쥬얼에디터 붙이기 (85) | 2005/01/01 |
| 태터툴즈 고쳐쓰기 #6 - RSS리더에서 네이버 이미지 보기 (12) | 2004/11/18 |
| 블로그에서 푸시푸시를..; (3) | 2004/10/22 |
태그 : 태터툴즈
