문하우스게시판 V3.3 에서 첨부파일 접고 펼수있게 하고 싶어요

 댓글 3

• 0

  이미지파일의 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 방안에  이미지파일을 업로드합니다.

   

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

  팔공산 *.25.236.190 2010.10.21 09:59 #comment_286326
• 

  0

  네 감사합니다. 한번 해보겠습니다.

  이하늘 *.244.185.91 2010.10.21 07:29 #comment_286356
• 

  0
  포인트 팡팡!에 당첨되셨습니다.
  이하늘님은 100포인트를 보너스로 받으셨습니다.

  관리자 *.244.185.91 2010.10.21 07:29 #comment_286360 수정 삭제