이모티콘 게시판 업그레이드 버전!! 정보
게시판 이모티콘 게시판 업그레이드 버전!!첨부파일
본문
새버전 올려놓았습니다. 새버전 이용해주세요!
기존 이모티콘 게시판 : https://sir.kr/g5_skin/36301
기존에 제가만든 msdropdown 플러그인을 사용해서 만든것을 드롭다운 플러그인을 제거하고
모달창 + 이미지 라디오버튼 형식으로 변경해 새로 만들었습니다.
테스트는 요기서~~
https://bear0724.com/bbs/board.php?bo_table=emoji&wr_id=1
스크롤바를 이쁘게 해보려고 스크롤바 플러그인을 사용하였기때문에
하단 코드를 head.sub.php에 head 부분에 적당한 곳에 붙혀넣어 주셔야합니다.
그리고 emoticon.zip 파일을 풀어서 그누보드 메인폴더에 img 폴더에 emticon 폴더를 만들고
거기에 이미지 파일들을 넣어주세요
그다음에 emoji_basic2.zip 파일을 풀어서 게시판 스킨 폴더에 넣고 스킨 설정을 해주심됩니다.
모바일버전은 따로 안만들었습니다.
스킨에서 요 파일만 빼서 write_emoji.php, view_comment_emoticon.php 모바일 스킨에서 인클루드해서
쓰심됩니당.
밸류값이 새로 만들면서 달라져서 이모티콘 출력 소스는 이전 버전(드롭다운 버전)에서 저장된 db값하고도 호환되도록 만들어뒀습니다.
<script>
document.addEventListener("DOMContentLoaded", function() {
//The first argument are the elements to which the plugin shall be initialized
//The second argument has to be at least a empty object or a object with your desired options
OverlayScrollbars(document.querySelectorAll('.modalContent'), { });
});
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/overlayscrollbars/1.13.0/css/OverlayScrollbars.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/overlayscrollbars/1.13.0/js/OverlayScrollbars.min.js"></script>
이모티콘하고 스크롤바 플러그인 저작권 있는거라 아래꺼 적당한 위치에
잘 넣어주셔야합니다.
스크롤바 라이센스는 이 링크안에 있는 웹서버 적당한 위치에 파일형태로
집어 넣기만 하면 될듯하고
https://github.com/KingSora/OverlayScrollbars/blob/master/LICENSE
<a rel="license" href="http://creativecommons.org/licenses/by/3.0/"><img alt="크리에이티브 커먼즈 라이선스" style="border-width:0" src="https://i.creativecommons.org/l/by/3.0/80x15.png" /></a><br />
게시판 등에 포함된 <a href="https://www.iconfinder.com/iconsets/emoticons-50">이모티콘 이미지(제작자:Alpár-Etele Méder) </a>이 저작물은 <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">크리에이티브 커먼즈 저작자표시 3.0 국제 라이선스</a>에 따라 이용할 수 있습니다.
유용한 이모티콘은 제가 생각날때마다 찾아서 테스트 링크의 이모티콘 게시판에 올려놓을께요
12
댓글 전체
잘 넣어주셔야합니다.
스크롤바 라이센스는 이 링크안에 있는 웹서버 적당한 위치에 파일형태로
집어 넣기만 하면 될듯하고
https://github.com/KingSora/OverlayScrollbars/blob/master/LICENSE
이거는 홈페이지 어딘가에 적당히 보이는 위치에 넣어주세요!
<a rel="license" href="http://creativecommons.org/licenses/by/3.0/"><img alt="크리에이티브 커먼즈 라이선스" style="border-width:0" src="https://i.creativecommons.org/l/by/3.0/80x15.png" /></a><br />
게시판 등에 포함된 <a href="https://www.iconfinder.com/iconsets/emoticons-50">이모티콘 이미지(제작자:Alpár-Etele Méder) </a>이 저작물은 <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">크리에이티브 커먼즈 저작자표시 3.0 국제 라이선스</a>에 따라 이용할 수 있습니다.
수고 하셨습니다.+
