More
PremiumXE- 조회 수 3252
- 댓글 수 8
- 추천 수 0
PXE Board Pro 3.2.1에 추가될 패치 내용입니다. 아래의 내용을 수동으로 패치하고자 하는 분들은 참고해 주세요.
1. 플래쉬로 제목을 출력하는 부분이 플로팅 드롭되는 현상을 해소하기 위한 패치입니다. IE6까지 대응하기 위해 몇줄의 코드가 추가로 삽입되었습니다.
board.css를 열어 아래 코드에서 파란색 부분을 추가해 주세요.
.boardReadHeader .titleArea{ position:relative; *zoom:1; padding:20px 20px 10px 20px; border-top:1px solid; border-bottom:1px solid; }
.boardReadHeader .titleArea:after{ content:""; display:block; clear:both;}
.boardReadHeader .titleArea .title{ position:relative; font:bold 24px 돋움,Dotum; letter-spacing:-1px; display:block; margin-bottom:4px; left:-2px; line-height:120%; white-space:nowrap; overflow:hidden; *zoom:1; }
.boardReadHeader .titleArea .title{ _position:absolute; _top:37px; _left:113px; }
*:first-child+html .boardReadHeader .titleArea .title{ padding-top:2px; }
.boardReadHeader .titleArea .category{ font:12px 굴림,Gulim,돋움,Dotum; display:block; margin-bottom:4px; }
.boardReadHeader .titleArea .sum{ white-space:nowrap; margin:0 10px 0 0; }
.boardReadHeader .titleArea .sum{ _position:absolute; _top:70px; _left:115px; }
.boardReadHeader .titleArea .sum .registrantRating { float:left; margin:0 8px 0 0; }
.boardReadHeader .titleArea .sum .meta { float:left; margin-left:10px; padding-left:10px; font:8pt 돋움,Dotum; background-repeat:no-repeat; background-position:left 1px; display:block; line-height:120%; }
.boardReadHeader .titleArea .sum .author { float:left; font-family:Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; font-size:12px; background-repeat:no-repeat; background-position:left 1px; display:block; line-height:80%; }
.boardReadHeader .titleArea .balloon { float:left; margin:0 15px 0 0; position:relative; width:78px; height:71px; }
.boardReadHeader .titleArea .balloon .day { position:relative; top:7px; font-family: MgOpen Modata,Helvetica,Geneva; font-size: 25px; letter-spacing: -1px; text-align:center; display:block; }
.boardReadHeader .titleArea .balloon .year { position:relative; top:6px; font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; font-size:10px; text-transform:uppercase; display:block; text-align:center; }
.boardReadHeader .titleArea .extra { float:right; position:relative; top:-5px; bottom:0; }
.boardReadHeader .titleArea .extra { _position:absolute; _top:62px; _right:20px; }
2. 추천, 비추천, 스크랩 버튼이 기본 버튼 형태로 변경되었습니다. view_document.html 파일에서 아래의 코드를 찾아주세요.
<!--@if($module_info->active_optional_button == 'Y')-->
<div class="extra">
<a href="#" <!--@if(!$is_logged)-->onclick="javascript:alert('로그인 후 이용하실 수 있습니다'); return false;"<!--@else-->onclick="doCallModuleAction('document','procDocumentVoteUp','{$document_srl}'); return false;"<!--@end--> title="추천합니다" class="vote iePngFix">추천</a>
<a href="#" <!--@if(!$is_logged)-->onclick="javascript:alert('로그인 후 이용하실 수 있습니다'); return false;"<!--@else-->onclick="doCallModuleAction('document','procDocumentVoteDown','{$document_srl}'); return false;"<!--@end--> title="비추천합니다" class="devote iePngFix">비추천</a>
<a href="#" <!--@if(!$is_logged)-->onclick="javascript:alert('로그인 후 이용하실 수 있습니다'); return false;"<!--@else-->onclick="doCallModuleAction('member','procMemberScrapDocument','{$document_srl}'); return false;"<!--@end--> title="스크랩합니다"class="scrap iePngFix">스크랩</a>
</div><!--extra 끝-->
<!--@end-->
위 코드를 아래의 코드로 대체합니다.
<!--@if($module_info->active_optional_button == 'Y')-->
<div class="extra">
<a href="#" <!--@if(!$is_logged)-->onclick="javascript:alert('로그인 후 이용하실 수 있습니다'); return false;"<!--@else-->onclick="doCallModuleAction('document','procDocumentVoteUp','{$document_srl}'); return false;"<!--@end--> title="추천합니다" class="buttonPXE {$module_info->colorset}"><span>추천</span></a>
<a href="#" <!--@if(!$is_logged)-->onclick="javascript:alert('로그인 후 이용하실 수 있습니다'); return false;"<!--@else-->onclick="doCallModuleAction('document','procDocumentVoteDown','{$document_srl}'); return false;"<!--@end--> title="비추천합니다" class="buttonPXE {$module_info->colorset}"><span>비추천</span></a>
<a href="#" <!--@if(!$is_logged)-->onclick="javascript:alert('로그인 후 이용하실 수 있습니다'); return false;"<!--@else-->onclick="doCallModuleAction('member','procMemberScrapDocument','{$document_srl}'); return false;"<!--@end--> title="스크랩합니다" class="buttonPXE {$module_info->colorset}"><span>스크랩</span></a>
</div><!--extra 끝-->
<!--@end-->
깔끔한 뒷처리를 원하신다면 board.css에서 아래의 코드를 삭제해 주십시오. 삭제하지 않아도 문제는 없습니다.
.boardReadHeader .titleArea .extra a.vote { float:left; margin-right:10px; width:72px; height:19px; display:block; text-indent:-1000em; }
.boardReadHeader .titleArea .extra a.devote { float:left; margin-right:10px; width:72px; height:19px; display:block; text-indent:-1000em; }
.boardReadHeader .titleArea .extra a.scrap { float:left; width:72px; height:19px; display:block; text-indent:-1000em; }
white.css와 black.css 그리고 custom.css에서 아래의 코드도 삭제해 주세요. 삭제하지 않아도 문제는 없습니다.
.boardReadHeader .titleArea .extra a.vote {background:url(../img/common/btn_extra.png) no-repeat; display:block; }
.boardReadHeader .titleArea .extra a.devote { background:url(../img/common/btn_extra.png) no-repeat left -20px; }
.boardReadHeader .titleArea .extra a.scrap { background:url(../img/common/btn_extra.png) no-repeat left -40px; }
3. 본문읽기 화면에서 작성자 이름이 한글로 표기될때 IE7에서 정상보다 위로 올라가서 출력되는 버그 해소입니다. board.css를 열어 아래의 코드에서 빨간색 부분은 삭제하고 파란색 부분은 추가해 줍니다.
.boardReadHeader .titleArea .sum .author { float:left; font-family:Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; font-size:12px; font:bold 8pt 돋움,Dotum; background-repeat:no-repeat; background-position:left 1px; display:block; line-height:80%; line-height:120%; }
이코드 그대로 작업했는데., 제목이 페이지의 제일 상단으로 올라가 버리네요.
수동패치보다는 해당 파일을 관리자님께서 직접 수정하셔서
파일로 첨부해 주시면 더 좋을 것 같습니다. 개인적인 의견을 적어 보았습니다.
해당라인을 직접 찾는 것도 어렵고, 수정하는 과정에서 착오도 있을 수 있고 해서요...
여리님. 맨 첫번째 줄의 position:relative도 넣어주세요. 저도 이것저것 하면서 적으니 자꾸 헷갈리나 봅니다-_-;
시사랑님. 수동 업데이트는 이미 이용자가 해당 코드를 많이 바꿔서 파일 자체로 업데이트 할 경우 그간의 커스터마이징이 도로묵으로 돌아가는 현상을 막기위한 장치입니다. 이곳의 내용은 곧 자료실 파일에도 적용되어 업데이트 되므로 그것을 받으시면 되겠습니다. 이곳에 올라오는 것은 패치를 기다리기 싫으신 분들이 먼저 수동으로 고치는 곳입니다.
감사합니다.
잘 적용하였습니다.
현화님의 깊은 뜻을 잘 몰랐습니다. 저는 실력이 없어서 그냥 그대로 사용하고 있습니다.
혹시 저와 같은 경우로 필요하신 분들을 위해 위의 내용만 변경한 파일을 첨부합니다.
필요 없으신 분은 그냥 패스하세요
시사랑님 죄송하지만 첨부하신 파일은 제가 삭제하였습니다. 해당 파일들은 라이선스가 있는 코드들이며 파일의 일정 부분이 아닌 완전한 파일 자체로 첨부를 해버리셨기 때문에 그렇게 하시면 안됩니다-_-;;;;;; 절대로 완전한 파일을 첨부하지 말아주세요.
view_document.html과 board.css 그리고 컬러셋 CSS인 white.css 등의 파일을 올리시면 PXE Board Pro 3의 본문 읽기 화면 소스 전체가 공개되버린 거나 마찬가지입니다-_-;;;; 해당 아이템은 유료 아이템이라는 점 감안해주세요.
해결되었습니다. 고맙습니다.
감사합니다, 커스터마이즈 할려고 했었는데, 기다린게 다행이네요 *^^*
시사랑님, 파일 잘 쓸께요~ *^^*
죄송합니다.
다음부터 주의 하겠습니다.