문하우스게시판 V3.3 을 잘사용하고 있습니다.
항상 감사하게 생각하고 있습니다.
현재 배포된 게시판에서 첨부파일 접고 펼수 있는 기능이 추가하고 싶습니다. 첨부가 많을경우 보기가 좀 그래서
수정방법을 알려주시면 감사하겠습니다.
댓글 3
-
-
네 감사합니다. 한번 해보겠습니다.
-
-
-
포인트 팡팡!에 당첨되셨습니다.
이하늘님은 100포인트를 보너스로 받으셨습니다.
-
문하우스게시판 V3.3 을 잘사용하고 있습니다.
항상 감사하게 생각하고 있습니다.
현재 배포된 게시판에서 첨부파일 접고 펼수 있는 기능이 추가하고 싶습니다. 첨부가 많을경우 보기가 좀 그래서
수정방법을 알려주시면 감사하겠습니다.
네 감사합니다. 한번 해보겠습니다.
이미지파일의 View유무를 선택할 수 있게 하였기에 첨부파일의 접기기능은 크게 고려를 하지를 않았습니다.
접기기능을 활성화 시킬려면 xe_official스킨에서 사용중인 소스를 가져와서 적용하면 될 것 같군요.
먼저 view_document.html 파일안에 attachedFile 부분을 찾아서 아래와 같이 수정합니다.
<dl class="attachedFile">
<!--// 이미지파일 출력옵션 -->
{@ $uploaded_list = $oDocument->getUploadedFiles() }
<dt><img src="/images/common/iconFiles.gif" width="27" height="11" alt="{$lang->uploaded_file}" /> <button type="button" class="fileToggle" onclick="jQuery(this).parents('dl.attachedFile').toggleClass('open');return false;">{$lang->uploaded_file} ({$oDocument->get('uploaded_count')})</button>
</dt>
<dd>
<ul class="files">
<!--@ foreach($uploaded_list as $key => $file)-->
<!--@if($module_info->display_file_view!='N')-->
<li><a href="{getUrl()}{$file->download_url}">{$file->source_filename} ({FileHandler::filesize($file->file_size)})({number_format($file->download_count)})</a></li>
<!--@else-->
<!--@ if($file->direct_download != 'Y')-->
<li><a href="{getUrl()}{$file->download_url}">{$file->source_filename} ({FileHandler::filesize($file->file_size)})({number_format($file->download_count)})</a></li>
<!--@ end-->
<!--@ end-->
<!--@ end-->
</dd>
</dl>
<!--@end-->
./css/board.css 파일안에 /* Attached File */ 부분을 찾아서 아래와 같이 수정합니다.
.attachedFile { position:relative; float:left; width:100%; }
.attachedFile *{ margin:0; padding:0; font-size:11px; vertical-align:middle;}
.attachedFile dt img{ margin-right:10px;}
.attachedFile dt .fileToggle{ border:0; padding:0; overflow:visible; cursor:pointer; font-size:11px; background:none; vertical-align:middle;}
.attachedFile dd{ position:relative; margin-right:5px; display:none; margin-top:5px; padding-left:40px;}
.attachedFile.open dd{ display:block;}
.attachedFile ul.files { position:relative; margin:0 0 1em 0; padding:0; clear:both; list-style:none; text-align:left;}
.attachedFile ul.files *{ display:inline-block; *display:inline; padding:0; margin:0; font-size:11px;}
.attachedFile ul.files li{ position:relative; margin:0 10px 0 0; }
.attachedFile ul.files a{ position:relative; background-repeat:no-repeat; background-position:left center; *zoom:1; text-decoration:none !important;}
.attachedFile ul.files a .bubble{ display:none; position:absolute; top:-20px; left:0; padding:2px 5px; z-index:100; white-space:nowrap;}
.attachedFile ul.files a:hover .bubble,
.attachedFile ul.files a:active .bubble,
.attachedFile ul.files a:focus .bubble{ display:block;}
./images/common 방안에 이미지파일을 업로드합니다.
위와 같이 적용하시면 대충 비숫하게 적용이 되실 것입니다.