[나리야] GIF 움짤 전용 게시판 목록스킨 NB-Basic-gif

Amina Member PDS

아미나 테마, 스킨, 위젯 등 회원자료실

홈 > 회원포럼 > 회원자료실
회원자료실

[나리야] GIF 움짤 전용 게시판 목록스킨 NB-Basic-gif

IE 제외 범용 브라우저





IE11 브라우저






그누보드 5.4.2.8 부터 움직이는 GIF 파일을 MP4와 WEBM으로 출력할 수 있습니다.


움짤 출력에 최적화하여 NB-Basic 게시판을 수정해보았습니다.


기능 : 


1. 움짤 목록에 MP4나 WEBM 출력 가능


2. 본문에 움짤 출력 최적화



조건 :


1. 그누보드 5.4.2.8 이상


2. 나리야 최신버전


3. 서버에서 FFMPEG 명령어 실행이 가능해야됨


4. https://sir.kr/g5_plugin/7476 (GIF 2 MP4) 또는 https://sir.kr/g5_plugin/7521 (GIF 2 MP4 WEBM) 플러그인 설치


5. HOOK 작업하기 : https://sir.kr/g5_tip/14390  -> 게시판 목록스킨은 수정했습니다. extend 폴더에 파일만 만들어서 넣어주면 됩니다.


위와 같은 조건을 완성하면 쓸 수 있습니다.




버그 1 : 갤러리 목록에서 IE11에서 max-width:100%가 작동하지 않습니다. 따라서 가로 크기가 큰 GIF파일의 경우 오른쪽이 짤립니다.


IE11의 내용에서는 max-width 가 잘 먹어서 문제없습니다.


버그2 : 모바일에서 세로가 긴 움짤의 경우 아래위가 짤리는 현상이 있습니다.


CSS로 해결해보려고 하고 있습니다.



버그 3: 위 버그들은 해결했습니다. 하지만 IE11에서 움짤 배경이 검정색으로 나오네요... 기능상으론 문제가 없는데 흑흑



적용방법 : 게시판 스킨에 NB-Basic-gif를 선택하고, 스킨설정에서 썸네일 높이에 0 을 입력하고, 기본 높이에 100을 입력합니다.



2020.09.16  1.0.1


버그 1,2를 해결했습니다. 추후 video 관련 css 패치가 있어도 문제없이 설정했습니다.


버그3가 생겼습니다. 이건 저도 잘 모르겠습니다. 


움짤이 작아도 비율을 유지하여 꽉차게 표현됩니다.

8 Comments
2 메이커S 09.15 21:23  
헛 지난번에 본것같은데...데자뷰인가요?? SIR에서 봤던건가 ㅋㅋㅋ
감사합니다~
10 우성군 09.15 21:24  
오잉? 이건 처음 올려요 ㅎㅎㅎ
24 선구자 09.15 23:11  
좋은것은 추천 합니다
감사합니다
10 우성군 09.15 23:22  
추천. 그것은 감사입니다.
2 oOpsKorean 09.16 09:30  
멋진 자료 네요~ 감사합니다. !!!
10 우성군 09.16 09:32  
감사합니다!
4 이스보1 09.16 13:40  
역시 서버 ffmpeg 설치가 필요하군요 ^^; 대단하십니다. 우성님
10 우성군 09.16 13:59  
아닙니다. 한별아빠님 정보를 정리한 것 뿐입니다. ㅎㅎ
  1. 별도 라이센스 표기가 없는 경우 다운받으신 자료는 비영리 사이트에서만 사용가능하며, 제작의뢰 또는 납품용으로도 사용할 수 없습니다.
  2. 또한 몰에서 판매하는 자료의 리소스로 활용 또는 단독판매가 불가능하고, 회원자료실에서 재배포도 불가능합니다.
  3. 포인트가 있는 경우 다운로드 후 2개월(60일) 동안은 다시 받더라도 재차감되지 않습니다.
제목
최근 글
최근 댓글
Facebook Twitter GooglePlus KakaoStory KakaoTalk NaverBand