0
조회 수 : 7840 신고 : 0
미리보기 : |
---|
작업하다 만들어봤는데 나름,,, 쓸만합니다 ^^
(흔하디 흔한 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=" ".$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=" ".$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 = " 업로드할 파일1을 선택하세요";
}
if($file_name2){
$fileName_text2 = $file_name2;
}else{
$fileName_text2 = " 업로드할 파일2를 선택하세요";
}
}else{
$fileName_text1 = " 업로드할 파일1을 선택하세요";
$fileName_text2 = " 업로드할 파일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"> <?=$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"> <?=$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 = " "+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 안에 업로드
끄읏~~
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 아이콘이 붙게됩니다.
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
첫번째 댓글을 남겨주세요!