emoprview.php 코드 오류로 인하여 일부를 수정하여 제 배포합니다.

기존 게시판에 이모티콘 선택시 하단에 미리보기처럼 표시되도록 추가 해봤습니다.

댓글창이 textarea로 되어있어서 거기에 이미지를 넣는건 불가능 하여 이렇게 만들어 봤습니다.

타버린나무님의 의견으로 만들어봤습니다.

모바일버전은 따로 안만들었습니다.  

스킨에서 요 파일만 빼서 write_emoji.php, view_comment_emoticon.php emoprview.php모바일 스킨에서 인클루드해서

쓰심됩니당.

테스트는 요기서~~

https://bear0724.com/bbs/board.php?bo_table=emoticon&wr_id=1&&#c_2

아이디 test1 비번 test1

사용법 {

- 기존 사용자 -

이모티콘 폴더 속 이미지 중에 silnet.png라고 되어 있는게 있습니다.

오타 입니다. 이번에 수정되었습니다. silent.png로 수정해주세요.

그리고 게시판 테마만 새로 올려주시면 됩니다.

-처음 사용시는 사용자-

스크롤바를 이쁘게 해보려고 스크롤바 플러그인을 사용하였기때문에

하단 코드를 head.sub.php에 head 부분에 적당한 곳에 붙혀넣어 주셔야합니다.

그리고 emoticon.zip 파일을 풀어서 그누보드 메인폴더에 img 폴더에 emticon 폴더를 만들고

거기에 이미지 파일들을 넣어주세요

그다음에 emoji_basic3.zip 파일을 풀어서 게시판 스킨 폴더에 넣고 스킨 설정을 해주심됩니다.

}

[code]

<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>

[/code]

또한 이모티콘하고 스크롤바 플러그인들은 저작권 있는거라 아래꺼 적당한 위치에
잘 넣어주셔야합니다.

스크롤바 라이센스는 이 링크안에 있는 웹서버 적당한 위치에 파일형태로
집어 넣기만 하면 될듯하고

https://github.com/KingSora/OverlayScrollbars/blob/master/LICENSE

이거는 홈페이지에 ftp등을 통해 적당한 폴더 혹은 홈페이지 적당한 위치에 넣어주세요!

[code]
<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>에 따라 이용할 수 있습니다.
크리스마스 이모티콘 이미지는(제작자:Alpár-Etele Méder)이 만드신 이미지들입니다.
[/code]

}

-이모티콘 미리보기 엑박 뜨시는분-

empriview.php 열어서 주소 수정 부탁드립니다.