후하니님의 스티커모듈 을 evergreen님이 포크한 버전 을 문하우스에서 조금 수정해서 올립니다.(라이믹스 2.0 이상 전용)
SketchBook5 게시판스킨 - 문하우스 수정버전 Pro ver. 1.8.3 (라이믹스전용)
상기 스케치북을 다운 받아서 설치하고 다운받은 스티커모듈 sticker.zip 을 설치하고
아래와 같이 게시판설정에서 적용하면 끝!
[댓글과 대댓글에 적용]
[모바일에 적용]
• 스티커숍 의 모습입니다. 공지사항은 "모듈설정"에서 "공지사항"에 입력하면 됩니다.
• 스킨설정
• 모듈설정
• 모듈설정에서 기본적으로 출력되는 스티커 등록하는 방법
• 참고로 배경투명한 png파일을 등록시 "이미지 리사이징"을 사용하면 jpg파일로 저장되며 배경투명설정이 사라집니다.
• /modules/sticker/sticker.class.php - 모듈설정 수정파일
• /modules/sticker/tpl/config.html 하단에 40숫자를 변경하시면 최소이미지 설정 가능합니다.
if(maxPx < 40){
return alert('이미지 최대 사이즈 값이 너무 작습니다.'), false;
}
중간생략
if(image_min_width < 40 || image_min_height < 40){
return alert('이미지 최소 크기 값이 너무 작습니다.'), false;
}
• /modules/sticker/sticker.controller.php 228줄 width:120px height:120px는 댓글란에 보여지는 이미지의 크기입니다. 조절하시면 됩니다.
<a href="/?mid=sticker&sticker_srl='.$data->sticker_srl.'" title="'.$data->title.'" style="display:block;background-image:url('.$data->url.');background-size:cover;background-position:50% 50%;width:120px !important;height:120px !important;border-radius:3px;" alt="'.$file_name.'"></a>
<a href="/?mid=sticker&sticker_srl='.$data->sticker_srl.'" title="'.$data->title.'" style="display:block;background-image:url('.$data->url.');background-repeat:no-repeat;background-position:0 50%;min-width:200px !important;min-height:120px !important;border-radius:3px;" alt="'.$file_name.'"></a>
• 댓글위젯 수정방법 https://xetown.com/questions/494632#comment_494707
{@ $length = mb_strlen(trim(preg_replace('/\s+/', ' ', strip_tags($item->getTitle()))), 'UTF-8'); $sticker = 'sticker'; $pos = strpos($item->getTitle(), $sticker);}
<a href="{$item->getLink()}" target="_blank"|cond="$widget_info->new_window"><!--@if ($pos === 2) -->스티커 댓글입니다.<!--@elseif ($length > 0) -->{$item->getTitle($widget_info->subject_cut_size)}<!--@else-->{$lang->no_text_comment}<!--@end--></a>
• 모바일에 적용 팁[기븐님]
https://xetown.com/topics/494430
$list_count = 9999; 으로 지정시 - 보유한 스티커 전체 출력 sticker.js.zip
$list_count = Mobile::isMobileCheckByAgent() ? 10 : 10; 으로 지정시 - 앞부분은 모바일, 뒷부분은 웹에서 보여지는 스티커 숫자
위의 설정에 따라 스티커창 좌우 화살표 유무를 sticker.js에서 편집해 주면 됩니다.
내려받은 두 프로그램 그대로 설치시 15개 스티커창 까지 지원합니다.
그 이상은 스티커 전체 출력이나 숫자들을 잘 조절하시면 됩니다.
• /modules/board/skins/sketchbook5_MH/js/sticker.js - 위의 설정에 따라 수정
//blank
for(i=1-sticker_length; i>0; i--){
html += '<li class="sticker_icon srl">';
html += '</li>';
}
• i=1 부분이 기본으로 보여지는 스티커 빈창 숫자 - 모바일 때문에 1으로 지정
html += '<a href="javascript:;" onclick="'+(sticker_length < 8 ? 'alert(\'마지막 페이지입니다.\')'
• +(sticker_length < 8 - 숫자부분을 적절히 조절
• /modules/board/skins/sketchbook5_MH/css/sticker.css
- 스티커입력창 부분들 스케치북 디자인으로 수정
.srl { margin:5px; padding:5px; border:1px solid #DDD; border-bottom-color:#CCC; border-radius:8px; box-shadow:0 1px 3px -1px rgba(0,0,0,.1); *zoom:1 }
• /modules/sticker/sticker.view.php 53줄
$args->page_count = 10; /// - 스티커 구매페이지에 보이는 페이지의 수
• 헤드, 바디부분 아이콘들 중앙정렬