작업하다 만들어봤는데 나름,,, 쓸만합니다 ^^
(흔하디 흔한 alpha값처리죠 머,,)


실제 페이지(html - 소스 다운로드 가능)






참고로 제로보드에 적용 예 입니다




제로보드에 적용하실 분들은 참고

<?=$hide_pds_start?> 부터 <?=$hide_pds_end?> 까지의 코드를 말합니다
아래의 코드는 두개의 td로 나뉘어져 있으니까 본인에 맞게 잘 수정하세요



<?
if($setup[use_pds]=='1'){ // 자료실 기능 사용시, 자료실 미 사용시 주석처리가 되는것이 싫어 setup로 처리함
?>
    <tr>
        <td>Upload</td>
        <td>
            <?
// 스킨에서 바로 처리(뺄거 빼고,,), 원래는 bbs/write.php에 있는 코드
if($data[file_name1])$file_name1="&nbsp;".$data[s_file_name1]." <input type=checkbox name=del_file1 id=delF1 value=1 style='vertical-align:middle;' /><label for='delF1'>삭제</label>";
if($data[file_name2])$file_name2="&nbsp;".$data[s_file_name2]." <input type=checkbox name=del_file2 id=delF2 value=1 style='vertical-align:middle;' /><label for='delF2'>삭제</label>";

                if($mode=="modify"){ // 수정시
                    if($file_name1){
                        $fileName_text1 = $file_name1;
                    }else{
                        $fileName_text1 = "&nbsp;업로드할 파일1을 선택하세요";
                    }

                    if($file_name2){
                        $fileName_text2 = $file_name2;
                    }else{
                        $fileName_text2 = "&nbsp;업로드할 파일2를 선택하세요";
                    }

                }else{
                    $fileName_text1 = "&nbsp;업로드할 파일1을 선택하세요";
                    $fileName_text2 = "&nbsp;업로드할 파일2를 선택하세요";
                }
            ?>
            <table id="ferJoin" cellSpacing="0" cellpadding="0" border="0">
            <colgroup><col width="87px" /><col /></colgroup>
            <tbody>
                <tr>
                    <td class="divinputfile" onmouseover="this.className='divinputfile_on';" onmouseout="this.className='divinputfile';">
                        <input name="file1" type="file" size="1" maxlength="255" onchange="inputFileOnChange(this, 'vlu_in1')" />
                    </td>
                    <td id="vlu_in1">&nbsp;<?=$fileName_text1?></td>
                </tr>
                <tr>
                    <td class="divinputfile" onmouseover="this.className='divinputfile_on';" onmouseout="this.className='divinputfile';">
                        <input name="file2" type="file" size="1" maxlength="255" onchange="inputFileOnChange(this, 'vlu_in2')" />
                    </td>
                    <td id="vlu_in2">&nbsp;<?=$fileName_text2?></td>
                </tr>
            </tbody>
            </table>
        </td>
    </tr>
<?}?>

<?
if($setup[use_pds]=='1'){ // 자료실 기능 사용시

?>
<script type="text/javascript" language="JavaScript">
//<![CDATA]

function fileIpt_con(){
var f_ipt = document.getElementById("ferJoin").getElementsByTagName("input");
var v_console = document.getElementById('iptValue');

    for(i = 0; i < f_ipt.length; i++) {
        if(f_ipt[i].type=="file"){
            f_ipt[i].style.opacity = (0/100);
            f_ipt[i].style.MozOpacity = (0 /100);
            f_ipt[i].style.KhtmlOpacity = (0/100);
            f_ipt[i].style.filter = "alpha(opacity="+ 0 +")";
            f_ipt[i].style.marginTop = '-4px';
            f_ipt[i].style.marginLeft = '-28px';
            f_ipt[i].style.fontSize = '18px';
        }
    }
    try { document.execCommand('BackgroundImageCache', false, true); }catch(e){}
}

function inputFileOnChange(obj, vluin) {
    var v_console = '';
    v_console = obj.value;
    document.getElementById(vluin).innerHTML = "&nbsp;"+v_console;
};

window.onload = function() {
    fileIpt_con();
}
//]]>

</script>
<?}?>

/* upload file */
.divinputfile{background:url(images/upload_file.gif) no-repeat;}
.divinputfile_on{background:url(images/upload_file.gif) 0 -26px no-repeat;}
#ferJoin {table-layout:fixed; width:98%;}
 #ferJoin td{height:26px; font-size:11px;}

이미지는 첨부파일 다운로드해서 스킨폴더안에 images 안에 업로드








끄읏~~