textarea 창 높이 늘리기
{이미지:0}
DHTML 에디터를 사용하지 않는 게시판의 경우는 글쓰기로 들어가 보면 기본 textarea 창이 보입니다.
그런데 이 창이 작아서 좀 빈약해 보입니다.
'css/default.css'의 '폼 테이블' 항목에서
[code]/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;height:300px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}[/code]
위 예시와 같이
.tbl_frm01 textarea {width:98%;height:100px}
를
.tbl_frm01 textarea {width:98%;height:300px}
처럼 height 값을 원하는 높이로 바꿔주면 됩니다.
그런데... 이렇게 수정하면... '댓글' 입력창도 동일하게 넓어집니다.
같은 폼을 사용하기 때문입니다.
폼 테이블 소스를 복사해서 아래에 붙혀넣고
이렇게 수정합니다.
[code].tbl_frm02 {margin:0 0 20px}
.tbl_frm02 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm02 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm02 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm02 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm02 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm02 textarea {width:98%;height:100px}
.tbl_frm02 a {text-decoration:none}
.tbl_frm02 .frm_file {display:block;margin-bottom:5px}
.tbl_frm02 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}[/code]
'frm02'
'height:100px'
그리고...
'skin/board/basic/view_comment.skin.php' 파일에서
[code] <div class="tbl_frm01 tbl_wrap">[/code]를 찾아서
[code] <div class="tbl_frm02 tbl_wrap">[/code]로 수정해주면 됩니다.
갤러리 게시판에도 적용하려면...
'skin/board/gallery/view_comment.skin.php'도 동일하게 수정해줘야 겠지요.
'skin/board/basic/view_comment.skin.php' 파일에 직접 height 값을 입력해 주는 방법도 있겠지만...
'css/default.css'로 통합하는 것이 더 바람직하다고 생각됩니다.
DHTML 에디터를 사용하지 않는 게시판의 경우는 글쓰기로 들어가 보면 기본 textarea 창이 보입니다.
그런데 이 창이 작아서 좀 빈약해 보입니다.
'css/default.css'의 '폼 테이블' 항목에서
[code]/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;height:300px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}[/code]
위 예시와 같이
.tbl_frm01 textarea {width:98%;height:100px}
를
.tbl_frm01 textarea {width:98%;height:300px}
처럼 height 값을 원하는 높이로 바꿔주면 됩니다.
그런데... 이렇게 수정하면... '댓글' 입력창도 동일하게 넓어집니다.
같은 폼을 사용하기 때문입니다.
폼 테이블 소스를 복사해서 아래에 붙혀넣고
이렇게 수정합니다.
[code].tbl_frm02 {margin:0 0 20px}
.tbl_frm02 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm02 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm02 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm02 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm02 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm02 textarea {width:98%;height:100px}
.tbl_frm02 a {text-decoration:none}
.tbl_frm02 .frm_file {display:block;margin-bottom:5px}
.tbl_frm02 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}[/code]
'frm02'
'height:100px'
그리고...
'skin/board/basic/view_comment.skin.php' 파일에서
[code] <div class="tbl_frm01 tbl_wrap">[/code]를 찾아서
[code] <div class="tbl_frm02 tbl_wrap">[/code]로 수정해주면 됩니다.
갤러리 게시판에도 적용하려면...
'skin/board/gallery/view_comment.skin.php'도 동일하게 수정해줘야 겠지요.
'skin/board/basic/view_comment.skin.php' 파일에 직접 height 값을 입력해 주는 방법도 있겠지만...
'css/default.css'로 통합하는 것이 더 바람직하다고 생각됩니다.
댓글 4개
잘되야될텐데
11년 전
좋은 팁 감사합니다
11년 전
감사합니다..^^
11년 전
감사합니다!!!
10년 전
skin/board/basic/style.css
[code]#bo_w .tbl_frm01 textarea {}[/code]에
[code]#bo_w .tbl_frm01 textarea {height:200px}[/code]높이값을 입력해주는 더 간편한 방법도 있네요.
스킨마다 수정해줘야 하는 단점도...
[code]#bo_w .tbl_frm01 textarea {}[/code]에
[code]#bo_w .tbl_frm01 textarea {height:200px}[/code]높이값을 입력해주는 더 간편한 방법도 있네요.
스킨마다 수정해줘야 하는 단점도...
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4399 | ||
| 2484 | 1년 전 | 1262 | ||
| 2483 | 1년 전 | 862 | ||
| 2482 | 1년 전 | 711 | ||
| 2481 | 1년 전 | 1082 | ||
| 2480 | 1년 전 | 1184 | ||
| 2479 | 1년 전 | 840 | ||
| 2478 | 1년 전 | 1177 | ||
| 2477 | 1년 전 | 780 | ||
| 2476 | 1년 전 | 1587 | ||
| 2475 | 1년 전 | 923 | ||
| 2474 |
|
1년 전 | 933 | |
| 2473 | 1년 전 | 1519 | ||
| 2472 | 1년 전 | 860 | ||
| 2471 | 1년 전 | 918 | ||
| 2470 | 1년 전 | 788 | ||
| 2469 | 1년 전 | 1372 | ||
| 2468 | 1년 전 | 2957 | ||
| 2467 | 1년 전 | 853 | ||
| 2466 |
|
1년 전 | 1480 | |
| 2465 | 1년 전 | 802 | ||
| 2464 | 1년 전 | 1180 | ||
| 2463 | 1년 전 | 1352 | ||
| 2462 | 1년 전 | 1146 | ||
| 2461 |
|
1년 전 | 1169 | |
| 2460 | 1년 전 | 758 | ||
| 2459 | 1년 전 | 948 | ||
| 2458 | 1년 전 | 1345 | ||
| 2457 | 1년 전 | 1266 | ||
| 2456 |
|
1년 전 | 770 | |
| 2455 |
블랙캣77
|
1년 전 | 1496 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기