mbg1346 - QNA

SINCE 2004
정보의 보고 문하우스
SEARCH

Republic of Korea 2004 Moonhouse homepage. all rights reserved. Rhymix Version 2.1.36

팔공산

이미지파일의 View유무를 선택할 수 있게 하였기에 첨부파일의 접기기능은 크게 고려를 하지를 않았습니다.

접기기능을 활성화 시킬려면 xe_official스킨에서 사용중인 소스를 가져와서 적용하면 될 것 같군요.

먼저 view_document.html 파일안에 attachedFile 부분을 찾아서 아래와 같이 수정합니다.

<!--@if($oDocument->hasUploadedFiles())-->
<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 */ 부분을 찾아서 아래와 같이 수정합니다.

 /* 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 방안에

이미지파일을 업로드합니다.

위와 같이 적용하시면 대충 비숫하게 적용이 되실 것입니다.

SEARCH

팔공산