게시글에 이모지콘이 필요할때 만들어 보았습니다. 버전 5.4.18 [code] config.php 기존 define('G5_DB_CHARSET', 'utf8'); 변경 d...
이모티콘 게시판 코드를 수정하여 새로 배포합니다.
외형은 크게 달라진게 없습니다.
--- 이번 버전 수정 사항 ---
emoprview.php 파일 부분에 if문 여러줄로 복잡하게 되어있던 코드를 수정을 통해
간략하게 정리했습니다.
view_comment_emoticon.php 파일 부분에 if 문으로 복잡하게 되어있던 부분중 일부 코드를
switch, case 문을 사용하여 조금더 간략하게 정리했습니다.
아쉽게도 css나 input value 부분 코드는 간략하게 해보려 하였지만 아직 제 능력 밖이라 해결하지 못했습니다.
이번에도 모바일버전은 없습니다. 모바일 버젼을 사용 하실 분들은
스킨에서 요 파일만 빼서 write_emoji.php, view_comment_emoticon.php emoprview.php모바일 스킨에서 인클루드해서
쓰심됩니당.
테스트는 요기서~~
https://bear0724.hs.vc/bbs/board.php?bo_table=emoticon&wr_id=1&c_2
아이디 test1 비번 test1
설치 하는법 {
- 기존 사용자 -
따로 이모티콘 이미지 파일은 추가 된게 없습니다.
게시판 테마만 다시 새로 올려 주시면 됩니다.
-처음 사용하시는 사용자-
스크롤바를 이쁘게 해보려고 스크롤바 플러그인을 사용하였기때문에
하단 코드를 head.sub.php에 head 부분에 적당한 곳에 붙혀넣어 주셔야합니다.
그리고 emoticon.zip 파일을 풀어서 그누보드 메인폴더에 img 폴더에 emticon 폴더를 만들고
거기에 이미지 파일들을 넣어주세요
그다음에 emoji_basic4.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]
또한 이모티콘하고 스크롤바 플러그인들은 저작권 있는거라 아래꺼 적당한 위치에
잘 넣어주셔야합니다.
스크롤바 라이센스는 하단 라이센스 파일을 적당한 위치에 ftp등으로 업로드 해주세요
https://github.com/KingSora/OverlayScrollbars/blob/master/LICENSE
이모티콘 파일은 아래와 저작권 내용을 적당한 위치에 삽입해주세요.
[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)이 만드신 이미지들입니다.</p><p>일부 음식 아이콘은 eucalyp님이 만드신 이미지 입니다. <a href="https://creativemarket.com/eucalyp">https://creativemarket.com/eucalyp</a>
[/code]
}
버전 정보
첨부파일
그누보드5 스킨
2,754건좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
이모티콘 게시판 코드를 수정하여 새로 배포합니다. 외형은 크게 달라진게 없습니다. --- 이번 버전 수정 사항 --- emoprview.php 파일 부분에 if문 여...
게시판 board basic를 사용하여 자주하는 질문(faq)를 만들어보았습니다. How To Create Tabs (w3schools.com), 그누보드 - 자바스크립트 토글 컨...
사운드 원형트랙바 리스트 플레이어(https://sir.kr/g5_skin/54185?page=4) 이 스킨에 가사를 첨부해보았습니다. 멋진 음악게시판을 공개해주신 비타주리님께 감...
간단한 1:1 문의 현황에 대한 게시판입니다. - 리스트 페이지 화면 - 뷰 페이지 화면 - 글쓰기 페이지 화면 설치방법 - 압축파일을 해제하여 phantom...
write페이지에서 qR코드 링크를 입력하면 뷰페이지에 QR코드가 생성됩니다. https://music1020.iwinv.net/bbs/board.php?bo_table=q...
이윰빌더용 EB슬라이더입니다. 테스트 : 이윰빌더 EB_4.6.0 업로드경로(기본테마) : /theme/eb4_basic/skin/ebslider...
안녕하세요.. @펄스나인 님의 반응형 다중마커 지도 스킨으로 API지도관련 공부하면서 스킨을 수정하여 공개합니다. 먼저 스킨을 공개해주신 원 제작자이신 @펄스나인 님께 감사드립니...
write_update.skin.php 위처럼 스킨 안에 파일을 생성 한다 글쓰기 페이지에 서 <input type="text" name="wr_1" 텍스트칸에 이...
[게시판]접근시 국내가 아닌경우 처리 게시판에 접속하는 해외접속자들을 관리해야하는경우 함수를 만들어보았습니다. 리스트, 뷰페이지 하단에 하기의 script을 넣으시면 됩니다. ...
댓글 11개