웹툰 갤러리 게시판 > 그누보드5 스킨

그누보드5 스킨

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

웹툰 갤러리 게시판 정보

갤러리 웹툰 갤러리 게시판

첨부파일

webtoon.zip (9.7M) 171회 다운로드 2022-02-03 17:52:29
테스트한 버전5.4.22
호환 가능 버전5.4

본문

 

2022년 2월 3일 몇가지를 수정하여 재업합니다.

압축파일을 하나로 올렸습니다.

빨간 글씨가 수정된 사항입니다.

 

----------

 

이 웹툰게시판은 게시판에서 이미지를 업로드하지 않습니다.

게시판에서는 여분필드만을 사용합니다.

 

----------

 

1. 첨부파일의 압축을 풀고 먼저 webtoon_upload 폴더부터 정돈합니다.

내 컴에서 압축파일과 똑같이 파일들을 배치합니다.

 

31846119_1643798389.4923.jpg

 

1) webtoon.php 는 건드리지 않습니다.

2) 각 폴더는 1부터 자연수를 증가해가면서 폴더를 만들어 주세요.

3) 이 폴더 이름이 웹툰에서 그대로 1화, 2화, 3화,...... 를 구성합니다.

4) 각 폴더 안에는 이미지가 들어 있습니다. 이것도 1번 이미지부터 원하는 이미지까지 넣어주세요.

5) 모든 이미지의 확장자는 jpg 이거나 gif 이거나 png 이거나 똑같아야 합니다.

6) 파일 확장자는 JPG 나 Png 같이 대문자가 있어서는 안 되고 오직 소문자로만 구성합니다. 

7) 폴더 숫자나 이미지 숫자는 몇개라도 상관 없습니다.

 

----------

 

2. 내 컴에서 폴더 작업이 끝났으면 폴더 자체를 서버에서 FTP 등으로 업로드 합니다.

폴더의 이름은 아무 것이나 상관이 없지만 폴더의 구조는 앞의 설명과 똑같아야 합니다.

그리고 webtoon.php 의 주소를 추출합니다.

예제는 http://g5.login365.net/webtoon/dawn/webtoon.php

이 주소의 파일에는 자바스크립트의 배열이 담겨집니다.

0번은 폴더 총갯수, 1번은 1번폴더 이미지갯수, 2번은 2번폴더 이미지갯수,...... 이런 식입니다.

이걸 js 파일로 게시판의 여분필드로 불러서 폴더체계를 이용하여 웹툰을 만드는 것입니다.

 

----------

 

3. 이제 게시판 스킨은 webtoon_skin 폴더를 열어서 스킨 디렉토리로 업로드 합니다.

1) 1번 여분필드에는 아까 자바스크립트 배열이 담긴 webtoon.php 의 경로를 입력합니다.

2) 경로를 입력할 앞뒤에 공백이 있으면 안 됩니다.

3) http(s) 로 시작하는 절대주소도 좋고

/ 으로 시작하는 루트주소도 좋고

../ 으로 시작하는 상대주소도 좋습니다.

4) 2번 여분필드에는 이미지의 확장자명을 선택해 줍니다.

5) 3번 여분필드에는 설명글을 쓰나 안 쓰나에 체크합니다.

6) 설명글은 본문입니다. 설명글을 사용하지 않을 때는 본문에 아무글자나 적고 설명없음을 선택합니다.

 

31846119_1643799152.7368.jpg

 

----------

 

4. 웹툰을 업뎃할 때는 게시글을 수정하는 것이 아니라 이미지를 업로드한 곳에 새로운 폴더를 추가하여 업뎃합니다. 새로운 폴더가 올라가면 게시글은 알아서 바뀝니다. 수정 또한 똑같습니다.

 

----------

 

5. 게시글의 input 는 폴더 이외의 숫자가 들어가면 알아서 필터링합니다.

 

----------

 

6. 게시글의 첨부파일은 오직 썸네일을 위하여 존재하는 것입니다.

 

----------

 

7. 차후 보완점

1) 새로운 폴더를 업뎃해도 게시글 자체가 업뎃되는 것이 아니라 내용물만 추가될 뿐이므로...

폴더가 업뎃된 후 업뎃된 게시글을 최신글로 끌어올려 점핑시키는 로직이 필요합니다.

개인적으로는 게시글에서 wr_num 이나 wr_datetime 를 바꾸는 코드를 더 붙일 생각입니다.

2) 모바일의 하단 리스트가 너무 길 경우 스크롤 기능을 넣을까 생각 중에 있습니다.

 

----------

 

8. http://g5.login365.net/webtoon/dawn/webtoon.php 이 주소를 실험적으로 사용해도

제 사이트에만 이미지가 보이게끔 했기 때문에 본인의 파일로 실험해 보시길요.

 

----------

 

9. 웹툰 하단에 전후진 버튼과 TOP 버튼을 새로 넣었습니다.

pc 의 경우 개별페이지로 갈 수 있는 플로팅 버튼을 좌하단에 넣었습니다.

모바일의 경우 플로팅 버튼을 넣으려다 화면을 너무 많이 차지하여 생략하였습니다.

 

-----------

 

10. 그누 순정 5.4 기준이며 빌더나 테마는 배려하지 않았습니다.

여기서 원래의 기능이 이상하다면 모를까 더 기능을 붙이고 싶다거나 바꾸고 싶을 때는 본인들이 직접 만져 주세요. 그런 질문은 사양하겠습니다.^^

 

----------

 

11. 이 기능을 기본으로 다른 것을 첨가하여 제 허락 없이 유료화시키거나 제 사이트와 냑 이외에서 배포하는 것은 자제해 주시길요. 

도움 되셨으면 추천과 댓글 부탁드립니다.

추천
21

댓글 전체

코드짜는 것보다 예제 만든다고 이미지 긁어 모으는 게 더 시간이 많이 걸리네요.
새해 복 많이 받으세요.
조금 더 쉽게 하려면 게시판에서 이미지 업로드를 해야 하는데 웹툰 이미지만 따로 모으는 폴더에 멀티업로드까지 넣어야 가닥이 나와서...
성가셔서 우회했습니다.ㅋ
폴더를 읽어오는 방식도 유용합니다.

몆년째 루미집사님의 폴더갤러리(https://sir.kr/g5_skin/26253)를 업무 사진게시판으로 유용하게 사용중인데, 파일이 많아지면 좀 느려져서 일별로 끊어보면 어떨까 하여 연구중입니다.
비타주리님 스킨으로 가능할까 하여 잠깐 로컬에서 테스트해보니 목적한 결과를 얻으려면 머리를 싸매야 할 듯 싶습니다.
원래 이 방식은 아주 아주 오래전부터 제가 쓰던 방식이에요.
액션 스크립트로 오디오 플레이어를 만들때 폴더별로 mp3 를 넣고 불러왔었거든요.
대신 webtoon.php 는 이런 배열형태가 아니라 rss 같은 xml 로 뿌렸습니다.
그래야 xml 플레이어가 되니까요.
원하시는 기능이 무엇인지는 모르겠지만 패턴만 적응되면 그리 어렵지는 않을 거라고 봅니다.
일별로 폴더를 만드는 것도 괜찮아요.
반복되는 동일한 형태만 추려내어 배열에만 담아버리면 그 뒤로는 아주 단순해지거든요.

그리고 두번째 첨부압축파일 스킨 디렉토리에 또다른 webtoon_pc.php 가 있는데 여기에는 배열을 받아 컨텐츠를 만드는 자바스크립트 코드가 있으니 참고해 보세요.
좋은 스킨 또 나왔네요. 기대 하겠습니다.

의견 드립니다.)
모바일이든, 데스크탑이든 웹툰 보면..밑으로 쭈욱 내릴테고.
끝까지 다 본 후 다시 위로 올라가서 다음 화를 눌러야 하니 불편할 수 있는듯 합니다.

만화 끝에...(하단부분) 좌/우 다음화 등 메뉴를 넣으면 편하게 다음화를 볼 수 있을 듯 합니다.

아니면..급 생각 또나네요.
우측에 보면 보통 TOP 버튼을 플로팅으로 만드는데요.
그것을 화면 하단에 플로팅으로 만들어서
<= TOP =>
이런식으로 만들어서.
전편 / 위로 / 다음편 의 의미로 화면 제일 하단에 플로팅으로 만들면 어떨까요?

의견은 의견일 뿐입니다. 참고만 해주세요. ^^
감사합니다.
크게 어려운 건 아닌데...
그누게시판 우하단에는 pc나 모바일이나 상단으로 올라가는 버튼이 항상 있지 않나요?
그것 때문에 굳이 상단으로 올라가는 버튼은 안 만들었거든요.
다음버전에는 붙일게요. 천사님 어드바이스인데.^^
설명이 좀 부족했나버네요.
상단버튼을 만들자는게 아니라...
밑으로 내려왔을때 회차 변경 할수 있게...
1. 하단에 메뉴 넣기
2. 하단 중앙에 플로팅 메뉴 넣자
입니다
스킨 새로 업뎃하였으니 새로 다운로드 해 가세요.^^
늘 감사합니다.
목록을 어떤 식으로 구성하고 싶으신 것이죠?
pc의 경우는 이 형태에서 글자가 길면 잘릴텐데요...
스킨에 보면 pc 는 webtoon_pc.php 가 있고 모바일에는 webtoon_mobile.php 가 있습니다.
모바일 기준 57 라인을 보면...


<script>for (webtoon_total = webtoonList[0]; webtoon_total >= 1; webtoon_total--) document.write("<tr><td id=webtoon_" + webtoon_total + " class=webtoonButton>제 " + webtoon_total + " 화</td></tr>");</script>

를 여분필드를 하나 만들고 예를 들어 wr_5...
wr_5 에 원하는 문장을 넣은 후 아래처럼 수정합니다.

<script>for (webtoon_total = webtoonList[0]; webtoon_total >= 1; webtoon_total--) document.write("<tr><td id=webtoon_" + webtoon_total + " class=webtoonButton><?php echo $view['wr_5']; ?> " + webtoon_total + " 화</td></tr>");</script>
스킨 새로 업뎃하였으니 새로 다운로드 해 가세요.^^
늘 감사합니다.
이 웹툰은 저랑 친분이 있는 강촌 작가님에게 허락을 맡고 가져온 거에요.
안 그러면 저작권에 걸려서요.ㅜㅠ
위에 들레아빠님... 멋지게 꾸민 스샷있네요. .
실력도 그렇고,ㅎㅎㅎ 해서
걍 갠 서버에 계정하나 더 추가 해서 적용시켜 봤습니다,
오늘 오전에 백신3차 맞는다고,, 오늘부터 삼일 쉬게 되어서,,
사진 정리 해 볼까 하는데 넘 많아서,,,.영상도 그렇고,,
영상편집은 시간이 넘 많이 걸려서 엄두도 안 나고,,ㅎㅎ
이래저래. ,,,,,,멍 때리다 하루 휘리릭 가버릴듯 합니다
유용한 스킨 올려주셔서, 생각이 많아졌어요.. ><
http://img.eoeo.kr:8080/gnuboard/bbs/board.php?bo_table=gallery&wr_id=3
흐르는 곡 ,편집할땐 알았었는데.. 태국 소수민족 언어로 부른 찬양곡입니다

위에 사진과 영상은
중국유학생이 중국이 아닌 태국 단기선교를 다녀온 사진과 ,영상입니다
강의내용 이미지로 구성되어 있으면 상관이 없는데
글자라고 한다면 1.jpg 를 1.txt 로 만들어서 아작스로 불러야 하는 번거러움이 있습니다.ㅜㅠ
http://vhost.kr/g5/bbs/board.php?bo_table=multyflex&wr_id=114&page=10

시나리오 소설 게시판으로 쓰려고보니 폴더를 만들어야하는군요 ㅠㅠ 폴더없이 게시판으로 만들어주심 안되나요 ㅎㅎ 소설게시판이 좋겟군요 ㅎㅎ
으와... 엄청 좋네요 ㅠㅠ 지금 사용하는 빌더/테마와는 게시글 목록에서 맞지 않는게 있어서 수정을 해야 하지만 올려주시는 자료들이 워낙 좋아서 모자란 실력으로 하나 둘씩 수정을 해보려고 합니다.

좋은 자료 공유해주셔서 정말 감사합니다!
6번 설명대로 적용했는데 아래 사진처럼 나와요 ㅠㅠ.. 첨부파일을 제거하면 썸네일 없이 정상적으로 보이고요

혹시 여분필드값 1은 php 2는 jpg, png, gif 3은 그냥 설명문이라고 설정했는데 이것때문에 문제가 있는걸가요??
그누 몇 버전 쓰세요? 5.4 미만은 배려하지 않았고
나리야 아미나 이윰 등 테마도 빌더도 배려하지 않았습니다.
10번 설명 읽어 보세요.
쪽지 질문 하지 마세요. 대답하는 순간 제 100 포인트가 날아갑니다.
팁은 팁대로 풀고 포인트는 포인트대로 날아가고... 저도 한량없이 관대한 자선사업가는 아니거든요.

예를 들어 webtoon_pc.php 에서는 가장 아래부분

this["webtoon_" + webtoonLimit].onclick();
를 아래처럼 바꿔줍니다. 그럼 1편부터 시작입니다.
this["webtoon_" + 1].onclick();
전체 2,431 |RSS
그누보드5 스킨 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT