파일첨부를 div+css 로 변경하기

파일첨부를 div+css 로 변경하기 > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

파일첨부를 div+css 로 변경하기 정보

파일첨부를 div+css 로 변경하기

첨부파일

img.zip (2.4K) 141회 다운로드 2010-02-09 00:58:24

본문

1. 소스변경

skin/board/폴더/write.skin.php 의

objCell.innerHTML = "<input type='file' class='ed' name='bf_file[]' title='파일 용량 <?=$upload_max_filesize?> 이하만 업로드 가능'>";

부분을

objCell.innerHTML = "<input type=\"text\" name=\"file_path"+flen+"\" class=\"jy_input_box\" disabled=\"disabled\" style=\"width:270px;\" /><div id=\"file_search\" class=\"jy_file_search_warp\"><input type=\"file\" name=\"bf_file[]\" class=\"file_search\" onmouseout=\"file_path"+flen+".value=this.value;\" onchange=\"file_path"+flen+".value=this.value\" title=\"파일 용량 <?=$upload_max_filesize?> 이하만 업로드 가능\"></div><div style=\"height:10px; clear:both;\"></div>";

로 변경하기

2. css 추가

write.skin.php 의 상단에 css 추가

<style type="text/css">
.jy_file_search_warp {position:relative; display:inline; float:left; width:64px; height:24px; background:url(http://도메인/skin/board/스킨폴더/img/file_search.gif) left top no-repeat; overflow:hidden; cursor:pointer;}
.jy_file_search_warp .file_search {position:absolute; top:0; right:0; width:59px; height:24px; font-size:20px; opacity:0; filter:alpha(opacity=0); cursor:pointer; border:1px solid #ffffff;}
.jy_input_box {float:left; border:1px solid #D2D2D2; margin:0; _margin:-1px 0 -1px 0; padding:4px 3px 3px 5px !important; background-color:#FFFFFF;}
</style>