Main 묻고답하기 게시판 문하우스게시판 V3.3 에서 첨부파일 접고 펼수있게 하고 싶어요 이하늘 (*.244.185.91) 2014.01.08 - 19:18 2010.10.21 - 06:23 7175 3 문하우스게시판 V3.3 을 잘사용하고 있습니다. 항상 감사하게 생각하고 있습니다. 현재 배포된 게시판에서 첨부파일 접고 펼수 있는 기능이 추가하고 싶습니다. 첨부가 많을경우 보기가 좀 그래서 수정방법을 알려주시면 감사하겠습니다. 0 0 이 게시물을.. 최근 이미지 스크롤 위젯 설치시 그림만 나오고 스크롤은 않되는데...이하늘 게시판 리스트에서 날짜와 시간 표시드림캐쳐 댓글 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 수정 삭제 댓글 댓글 입력 텍스트 전환 사진 및 파일 첨부 여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요. 파일 용량 제한 : 0MB (허용 확장자 : *.*) 업로드 중... (0%) 0개 첨부 됨 ( / ) 글쓴이 비밀번호 비밀글 기능 댓글 등록 댓글 쓰기 에디터 사용하기 닫기 글쓴이 비밀번호 비밀글 기능 댓글 등록 목록 목록 최근 이미지 스크롤 위젯 설치시 그림만 나오고 스크롤은 않되는데... 게시판 리스트에서 날짜와 시간 표시 목록 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 방안에 이미지파일을 업로드합니다.
위와 같이 적용하시면 대충 비숫하게 적용이 되실 것입니다.