얼마전에 올렸던 이모티콘 게시판 수정 및 이모티콘 추가 버전입니다.!! > 그누보드5 스킨

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

얼마전에 올렸던 이모티콘 게시판 수정 및 이모티콘 추가 버전입니다.!! 정보

게시판 얼마전에 올렸던 이모티콘 게시판 수정 및 이모티콘 추가 버전입니다.!!

첨부파일

emoticon.zip (744.5K) 29회 다운로드 2021-01-15 02:23:14 포인트 차감50
emoji_basic2.zip (34.1K) 6회 다운로드 2021-02-24 00:49:31 포인트 차감50
테스트한 버전5.4.3.1
호환 가능 버전5.4

본문

코드 오타 수정 한줄 수정되었습니다.

파일은 수정해서 새로 올려놨습니다.

 

소스 복붙하다가 파일명을 안바꾼 것 같네요

테스트 사이트 살펴보던중 댓글 내용은 양말인대 이모티콘이 가방 이모티콘인게

이상해서 확인해본 결과 코드 오타였네요!

 

기존에 사용하시던 분들은 아래 처럼 수정만 해주심 됩니다.

 

소스 복붙하다가 파일명을 안바꾼 것 같네요

테스트 사이트 살펴보던중 댓글 내용은 양말인대 이모티콘이 가방 이모티콘인게

이상해서 확인해본 결과 코드 오타였네요!

 

스킨에 view_comment_emoticon.php 파일에 521번째 부분

 

파일명을 xmas_shopping에서 xmas_socks로 변경해주세요

 

얼마전에 올렸던 이모티콘 게시판 수정 및 이모티콘 추가 버전입니다.!!
기존 버전 : https://sir.kr/g5_skin/41435

 

크리스마스 이모티콘이 추가되었구요!!


이미지 보시면 아시겠지만 이모티콘을 큰 카태고리 별로 구분하고 
배경 색을 색을 집어넣어봤습니다.

 

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

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

쓰심됩니당.

 

밸류값이 새로 만들면서 달라져서 이모티콘 출력 소스는 이전 버전(드롭다운 버전)에서 저장된 db값하고도 호환되도록 만들어뒀습니다.

 

유용한 이모티콘은 테스트 페이지의 게시판에 제가 생각나는대로 가끔 찾아서 올려놓을께요^^

 

테스트는 요기서~~

dgdg > 자유게시판 | neonbear (bear0724.com)

 

사용법 {

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


하단 코드를 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)이 만드신 이미지들입니다.

 

}

추천
15
  • 복사

댓글 전체

저만 아무런 변화가 없는건가요..  다들 잘 되시나..
캐쉬 크리어 하고 해봐도 안되는군요
스마트에디터2 사용으로 하고
뭐 더 손 댈곳이 있는건가요.. ㅜㅜ;;

html\head.sub.php 에 스크립트 추가했구요
다운받은거 복사풀어서
emoticon 은 루트/img/ 복사해 넣고
emoji_basic2 는 \html\theme\basic\skin\board 에 넣었습니다.

환경설정에서 테마)emoji_basic2  로 설정했구요

뭐 빼먹은게 있는지...  아무런 반응이 없습니다. 꼭 사용해보고 싶은데..
이제 발견했습니다.  head.sub.php도 테마폴더에 있는거 수정 하신 거죠?
그럼 될탠데.. 참고로 댓글에서만 동작합니다.
서버를 날려서 얼마전에 만든 새 서버에서 다시 테스트하니 잘 됩니다.
https://neon.bear0724.com/bbs/board.php?bo_table=free&wr_id=1&&#c_2
저는 이모티콘을 클릭하면 댓글창에 바로 들어가는건줄 알았네요
이모티콘은 선택한뒤 댓글입력을 할때 같이 들어가는거네요.
클릭하면 바로바로 들어가게는 안될까요?
댓글창이 textarea로 되어있어 이미지를 넣으려면 좀더 복잡한 방법을 써야 한다 해서 거기까진 제 실력 밖이라.. 대신 이모티콘 선택시 댓글창 위에
표시되도록 만들어 올려 두었습니다. 이거라도 필요하시면 사용하세요.
https://sir.kr/g5_skin/49039
© SIRSOFT
현재 페이지 제일 처음으로