얼마전에 올렸던 이모티콘 게시판 수정 및 이모티콘 추가 버전입니다.!! 정보
게시판 얼마전에 올렸던 이모티콘 게시판 수정 및 이모티콘 추가 버전입니다.!!첨부파일
본문
파일 업로드가 조금 잘못되있어서 다시올립니다. 압축만 조금 잘못한거라 기존 사용자 분들은
다시 안받으셔도 됩니다.^^
얼마전에 올렸던 이모티콘 게시판 수정 및 이모티콘 추가 버전입니다.!!
기존 버전 : https://sir.kr/g5_skin/41435
크리스마스 이모티콘이 추가되었구요!!
이미지 보시면 아시겠지만 이모티콘을 큰 카태고리 별로 구분하고
배경 색을 색을 집어넣어봤습니다.
모바일버전은 따로 안만들었습니다.
스킨에서 요 파일만 빼서 write_emoji.php, view_comment_emoticon.php 모바일 스킨에서 인클루드해서
쓰심됩니당.
밸류값이 새로 만들면서 달라져서 이모티콘 출력 소스는 이전 버전(드롭다운 버전)에서 저장된 db값하고도 호환되도록 만들어뒀습니다.
유용한 이모티콘은 테스트 페이지의 게시판에 제가 생각나는대로 가끔 찾아서 올려놓을께요^^
테스트는 요기서~~
사용법 {
스크롤바를 이쁘게 해보려고 스크롤바 플러그인을 사용하였기때문에
하단 코드를 head.sub.php에 head 부분에 적당한 곳에 붙혀넣어 주셔야합니다.
그리고 emoticon.zip 파일을 풀어서 그누보드 메인폴더에 img 폴더에 emticon 폴더를 만들고
거기에 이미지 파일들을 넣어주세요
그다음에 emoji_basic2.zip 파일을 풀어서 게시판 스킨 폴더에 넣고 스킨 설정을 해주심됩니다.
<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
이거는 홈페이지에 ftp등을 통해 적당한 폴더 혹은 홈페이지 적당한 위치에 넣어주세요!
<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)이 만드신 이미지들입니다.
}
댓글 전체
스킨에 붙혀 주시면 됩니다.
대단히 감사 합니다.
