저도 어제 밤늦게까지 작업해서 적용하였습니다.
쉬운 작업이지만 저처럼 어려워 하시는분들을 위해 글 남깁니다.
먼저 이렇게 좋은 모듈 만들어주신 개발자님게 감사드리고, 사용할 수있게 도와주신 웹지기님께도 감사드립니다.
모듈을 설치하시고 다운로드: https://xe1.xpressengine.com/index.php?mid=download&package_id=22753905
메뉴얼 대로 설치 이름과 설치 타입을 지정하세요 사용하실 갯수에따라 지정하시면 됩니다.
예: 이름: 좋아요 타입: like
사용하시는 board에 read 파일을 열으셔서 삽입하실 위치에 아래와 같이 붙여 넣으세요 갯수에 따라 복사하시면 됩니다.
<!--// 특정 게시판에서만 보이게 시작--> <block cond="$oDocument->get('module_srl')!='166' && $oDocument->get('module_srl')!='모듈번호' && $oDocument->get('module_srl')!='모듈번호'"> <div class="voteextend"> <!--//무조건 한번만--> {@ $oVoteExtendModel = getModel('voteextend'); } <script> function voteExtend(type, document_srl) { var params = { type : type, document_srl : document_srl }; exec_xml('voteextend','procVoteextendUserVote', params, function(args) { location.reload() }); } </script> <!--//무조건 한번만--> <ul> <li> <a herf="#" onclick="voteExtend('like','{$oDocument->document_srl}')"><img src="이미지주소"><br>좋아요<br><b>{$oVoteExtendModel->getVotedCount($oDocument->document_srl,'like')}</b></a> </li> <li> <a herf="#" onclick="voteExtend('warm','{$oDocument->document_srl}')"><img src="이미지주소"><br>훈훈해요<br><b>{$oVoteExtendModel->getVotedCount($oDocument->document_srl,'warm')}</b></a> </li> </ul> </div> </block> <!--// 특정 게시판에서만 보이게 끝-->
그리고 board.css파일을 열으셔서 제일 아래 부분에 아래와 같이 입력하세요
/* 좋아요 감정버튼 */ .voteextend {display: -webkit-box;text-align: center; margin: 0 auto 15px;; width: 303px;} .voteextend .topnum {color:#000;font-size: 12px;display: block; font-weight:bold;} .voteextend ul {display:inline;} .voteextend li {display:inline; list-style-type:none; float: left; text-align:center; padding:0 12px; color:#676565;} .voteextend li a{cursor:pointer; font-size: 13px; color: #8C8C8C;} .voteextend li a:hover{cursor:pointer; font-size: 13px; color: #393939;}
사이트 위치에 따라서 width 값과 padding 값을 조정해주시면 될 것 같아요
그리고 버튼 여러개 하실분들 이 것 전체를 반복해서 만드시면 안되고 li 요소만 반복하셔야 할 것 같네요. 물론 아시겠지만 붙여넣기만 하실 줄 아는 분들은....