[게시판스킨] 웹박수 게시판 (최종수정 23.06.23 10:18)

웹박수를 흉내낸 게시판입니다. 기존 아보카도에서도 사용 가능합니다 (게시판 가로나 그래프 바 색상 등을 추가로 설정 해줘야 할 수 있습니다)

* 웹박수 게시판을 여러개 만들어도 통계는 한개로 통일됩니다

 

프리뷰. 모서리가 둥근건 개인 설정값입니다.

관리자는 통계 확인 및 랜덤 이미지 설정이 가능하며 익명으로 남겨진 메시지에 답변을 남길 수 있습니다.
답변을 여러개 달 수도 있고 답변을 수정하거나 삭제하는것도 가능합니다. (받은 메시지는 수정할 수 없습니다)

최초 설정

압축을 풀면 extend 폴더와 skin 폴더가 나오는데 두개의 폴더를 최상위 폴더(www, public_html, html 등)에 업로드 하시거나 extend폴더의 clap.config.php, skin>board 폴더의 webclap폴더를 해당하는 경로에 업로드 해주시면 되겠습니다

방법1: 압축 풀면 나오는 폴더 두개를 최상위폴더에 / 방법 2: 각각 해당하는 폴더에

 

이렇게 업로드 후에 게시판을 만들고 나면 다소 휑한 화면과 함께 공지글을 등록하라는 메시지가 뜹니다.
꼭 공지 체크 후 메시지를 등록해줍시다(공지글 등록 안하면 게시판 못씀)
이때 텍스트 입력칸에 작성한 내용은 노출되지 않습니다.

!! 공지글은 반드시 한개만 등록해주세요 !!

 

* 공지글을 등록하고 나면 통계를 볼수 있고(스크롤하면 3일전 그래프까지 확인 가능합니다) 각 그래프 바 위에 마우스를 올리면 총 몇회의 박수를 받았는지도 확인 가능합니다.
* M을 눌러 이미지를 등록하면 등록한 이미지중 랜덤으로 1개를 상단공지 위쪽에 출력해줍니다. 이미지는 가급적 용량이 작은것으로 업로드하는것을 권장합니다.

 

** 공지글을 비밀글로 등록하면 상단의 오늘/전체 통계가 관리자에게만 보이게 됩니다 (상세통계나 이미지확인은 비밀글로 하지 않아도 관리자만 볼 수 있습니다)

 

 

설정이 끝나면 관리자 외에는 답변이 달린 글만 보이며 원문은 마우스 드래그시 볼수 있게 됩니다. (관리자는 드래그하지 않아도 볼 수 있음)

* 기본 박스 배경색에 투명도가 있을 경우 메시지 영역의 투명도가 겹쳐져 해당 부분이 더 진하게 보입니다

 

추가설정

• 비밀글 사용: 비밀글로 글을 등록하면 관리자만 메시지를 확인할 수 있습니다.
• 파일 업로드 개수: 원하는 개수만큼 설정해주세요(최대 10개)
• 여분필드 1 값: 한사람(ip)당 최대로 받을 수 있는 박수 횟수를 정합니다. 적지 않을 경우 기본 10회이며 0 입력시 제한하지 않습니다. 정해진 횟수 이상은 박수 횟수에 카운트되지 않습니다. (가급적이면 설정하는것을 추천합니다)
• 여분필드 2 값: 0 외의 숫자나 문자를 적으면 비밀글 여부와 관계 없이 받은 메시지를 노출하지 않도록 합니다. 설정해도 관리자는 메시지를 계속해서 볼 수 있습니다.
• 여분필드 3 값: 0 외의 숫자나 문자를 적으면 랜덤이미지를 사용하지 않습니다.

 

 

* 통계창 스크롤바 삭제

style.css 약 78번째줄
/* #clap_wrap::-webkit-scrollbar{display:none;} */
위 라인을 찾아 주석부분 (/* 와 */) 삭제

 

 

* 통계 그래프 바 색상이 나타나지 않을 경우(혹은 색상을 변경하고 싶은 경우)

style.css 약 98번째줄
#clap_wrap table td .bar { ... }
위 라인을 찾아 background: 색상; 추가
예시:

#clap_wrap table td .bar {width:12px;cursor:pointer;background:#ddd;}

 

 

* 답변이 달린 메시지 가려지지 않고 전부 노출되도록(드래그 해야 보이는 부분, 비밀글은 제외)

list.skin.php 약 237줄 아래 내용을 찾아 삭제

const bg = $(".question.theme-box").css("background-color");
$(".qna-content.guest").css({"color":bg,"opacity":1,"background-color":bg});

+ 여분필드 3 값이 있는 경우에는 이 내용을 삭제해도 관리자 외에는 보이지 않습니다

 

 

* 박수 버튼이나 메시지 남기기를 눌러야지만 통계에 카운트되도록

list.skin.php 약 61줄 아래 내용 찾아 삭제

if(!$is_admin)
include_once($board_skin_path.'/update_hit.php');

 

 

* 새로고침시 박수 관련 메시지 안뜨도록 (관리자는 수정하지 않아도 안뜹니다)

list.skin.php 약246줄 아래 내용 찾아 삭제

<?if(!$is_admin){?>
$(document).keydown(function(event){
	if( (event.ctrlKey == true && (event.keyCode == 78 || event.keyCode == 82)) || (event.keyCode == 116)) {
		if(clap_max==0 || (clap_max>0 && clap_t<clap_max)){
			alert("박수 감사합니다!");
		}else{
			event.keyCode = 0;
			event.cancelBubble = true;
			event.returnValue = false;
			alert("박수는 하루에 "+clap_max+"번 까지 칠 수 있습니다.");
			return false;
		}
	}
});
<?}?>

 

 

** 22.08.18 01:54 박수 제한 메시지 오류 수정

** 22.09.09 11:40 답변 수정/삭제버튼 레이아웃 깨짐 수정, 통계 그래프 관련 마이너 픽스

** 23.06.23 10:18 답변 달린 글에 링크 색상이 바뀌지 않는 부분 수정, 공지글에 비밀글이 먹히지 않는 오류 수정

 

 

다운로드

<웹박수 게시판 다운로드>