sketchbook5 게시판 스킨에서
레이아웃 다크모드 사용시 - https://moonhouse.co.kr/xetip/556950
웹진형 게시판에서 박스안의 내용물들이 출력되지 않습니다.
웹지기님의 사이트나 XeTown사이트도 List게시판을 수정해서 사용하는 것 같습니다.
[수정방법]
1. skin.xml 파일에 추가 - 일반모드 게시판과 다크모드 게시판을 분리하기 위한 설정
<var name="dark_mode" type="radio">
<title>다크모드</title>
<description>레이아웃의 다크모드 설정시 웹진형에서의 문제수정</description>
<options value="">
<title>일반</title>
</options>
<options value="Y">
<title>다크모드</title>
</options>
</var>
2. css/board.css 에서 아래줄 삭제
.bd_zine>li>a{display:block;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;border:2px solid transparent;background-image:url(../img/blank.gif);text-decoration:none}
3. __setting.html 에 추가
<!--@if(!$mi->dark_mode=='Y')-->
.bd_zine>li>a{display:block;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;border:2px solid transparent;background-image:url(../img/blank.gif);text-decoration:none}
.bd_zine a:hover,.bd_zine a:focus,.bd_zine .select a{border-color:#{$mi->color};}
<!--@else-->
.bd_zine li,.bd_zine li{border:2px solid transparent; }
.bd_zine li:hover,.bd_zine li:focus, .bd_zine .select {border:2px solid #{$mi->color}; border-radius:5px }
<!--@end-->
4. _list_webzine.html 파일에서 빨간색 코드로 썸네일, 제목, 본문요약 부분을 감싸줍니다.
<!--// 썸네일 영역 --> <div class="rt_area<!--@if($list_config['thumbnail'] && $document->thumbnailExists())--> is_tmb<!--@end-->"> <div onclick="location.href='{getUrl('document_srl',$document->document_srl, 'listStyle', $listStyle, 'cpage','')}';" style="cursor: pointer;"> ~~ 기존 코드 ~~ </div> <!--// 글 정보 --> <div class="info">
글 정보 까지 감싸지 않는 이유는 "게시판 목록에서 확장변수 바로 수정 애드온" 이 작동되게 하기 위해서 입니다.
[적용된 모습]
- 다크모드가 적용된 레이아웃에서 다크모드 적용
- 게시판 설정에서 다크모드를 선택
최대한 원본의 모습에 비숫하게 구현했습니다.
확장변수명이 _hidden으로 끝날때 숨김처리 ...
확장변수 "URL 형식" 주소란 에 텍스트 Link...
Tip이 도움이 되었다면 댓글과 평가 부탁합니다.
Tip에 대한 궁금한 점은 댓글로 남겨 주시면 성심껏 답변 드립니다. 
