주보 게시판 > 그누보드5 스킨

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

그누보드5 스킨

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

주보 게시판 정보

게시판 주보 게시판

첨부파일

jubo.zip (5.7M) 32회 다운로드 2022-08-01 01:22:05 포인트 차감10
테스트한 버전5.5.4
호환 가능 버전5.4이상

본문

2106540710_1659282705.8587.png

교회주보 게시판을 만들어 보았습니다.

압축을 풀면 jubo_pc, jubo_mobile, video 3개의 폴더가 나옵니다.

그누보드 순정기준으로 jubo_pc는 skin/board 폴더에, jubo_mobile은 mobile/skin/board 폴더에 업로드합니다. video 폴더에는 에펙효과를 줄 수 있는 mp4 영상이 들어있습니다. 사용하기 쉬운 적당한 위치에 업로드해줍니다.

비타주리님의 내맘대로 썸네일(https://sir.kr/g5_skin/47189?sfl=wr_name%2C1&stx=%EB%B9%84%ED%83%80%EC%A3%BC%EB%A6%AC&page=2), 
그누홈페이지 에펙효과(https://sir.kr/g5_tip/18772?sfl=wr_subject%7C%7Cwr_content&stx=%EB%B9%84%ED%83%80%EC%A3%BC%EB%A6%AC), 
자바스크립트 토글 컨텐츠 함수(https://sir.kr/g5_tip/18582?sfl=wr_subject%7C%7Cwr_content&stx=%EB%B9%84%ED%83%80%EC%A3%BC%EB%A6%AC)과

작은별님의 여분필드 10개이상 사용하기(https://gnustudy.com/bbs/board.php?bo_table=skin_board&wr_id=31)을 사용하였습니다.

유용한 소스를 공유해주신 비타주리님과 작은별님께 감사드립니다.

여분필드를 20개 추가해서 wr_1 ~ wr_30 까지 사용했습니다.
여분필드를 추가하는 방법은 위의 작은별님의 사이트를 참고해주세요.
여분필드는 varchar로 처음에 설정이 되어있습니다.
교독문이나 설교내용같이 내용이 길 경우는 다 출력이 되지 않는 경우가있습니다. 

이런경우 phpMyAdmin으로 db에 접속해서 아래 그림처럼  varchar를 text로 변경해주면 다 나옵니다.

2106540710_1659283073.265.jpg

 

글쓰기는 pc에서만 가능하게 하였습니다. 교독문과 찬송가가사, 설교내용 같은 경우는 메모장등에서 별도로 작성하여 붙여넣기하는 것이 좋을 것 같습니다.

2106540710_1659283272.4881.png

1. wr_1: list.skin.php에서 이미지를 썸네일로 보여줍니다. 이미지의 경로를 넣어줍니다. 절대경로, 상대경로, 타 사이트의 이미지도 가능합니다.
<입력예> /zz/images/suzy.png

2. 이미지 에펙효과: 이미지위에 에펙효과를 나타내줍니다.(참고:https://sir.kr/g5_tip/18772?sfl=wr_subject%7C%7Cwr_content&stx=%EB%B9%84%ED%83%80%EC%A3%BC%EB%A6%AC)
 wr_2: 배경이미지주소 <예> /zz/images/changduk.jpg
 wr_3: 에펙효과 동영상주소 <예> /zz/video/10.mp4

3. wr_5: 예배날자를 텍스트로 입력해줍니다.

4. 교회소식
 wr_5: 교회소식 제목을 넣어줍니다.
 wr_7: 교회소식 내용을 넣어줍니다. 

5. 주기도문
 wr_8: 주기도문 제목을 넣어줍니다.
 wr_9: 주기도문 내용을 넣어줍니다.

6. 사도신경
 wr_10: 사도신경 제목을 넣어줍니다.
 wr_11: 사도신경 내용을 넣어줍니다.

7. 찬양대 찬양
 wr_12: 찬양대 찬양 제목을 넣어줍니다.
 wr_13: 찬양대 찬양 내용을 넣어줍니다.
 wr_14: 찬양 유튜브영상 주소를 넣어줍니다. 
<예><iframe width="1006" height="566" 
src="https://www.youtube.com/embed/9FNMj1rPU2c" 
title="[새찬송가] 338장 내 주를 가까이 하게 함은" 
frameborder="0" allow="accelerometer; autoplay; clipboard-write; 
encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>중에서
 src부분인 https://www.youtube.com/embed/9FNMj1rPU2c 을 넣어줍니다.

 

2106540710_1659283591.5411.png

8. 찬송
 wr_15: 찬송가 제목을 넣어줍니다.
 wr_16: 찬송가 내용을 넣어줍니다.

9. 교독문
 wr_17: 교독문 제목을 넣어줍니다.
 wr_18: 교독문 내용을 넣어줍니다.

10. 대표기도
 wr_19: 대표기도자 이름을 넣어줍니다.
 wr_20: 대표기도자 이미지주소를 넣어줍니다.
 wr_21: 대표기도 내용을 넣어줍니다.

11. 설교
 wr_23: 설교제목을 넣어줍니다.
 wr_24: 설교자 이미지주소를 넣어줍니다.
 wr_25: 설교 내용을 넣어줍니다.

12. 설교후 찬양
 wr_26: 찬송가을 넣어줍니다.
 wr_27: 찬송가 가사 내용을 넣어줍니다.
 wr_28: 찬송가 유튜브영상 주소를 넣어줍니다. <예>https://youtu.be/9FNMj1rPU2c

13. 축도
 wr_29: 축도 제목을 넣어줍니다.
 wr_30: 축도 내용을 넣어줍니다.

14. 본문 보이기 또는 본문 숨기기
 wr_4: 본문보이기를 사용하려면 본문보이기에 체크, 본문을 숨기려면 아무글이나 쓰고  본문숨기기에 체크합니다.

 

* 교독문, 찬송가가사등 긴 글을 html, css를 사용해서 입력하니까 입력은 잘되는데 수정할 때 입력한 html, cls를 사용해서 입력한 내용이 사라지는 현상이 생겨서 다시 입력을 해야하는 경우가 생깁니다

아래 예처럼 toggle-body에 style을 적용해서 텍스트를 <br>로 나누어하면 입력하기도 쉬워지고 좋은 것 같습니다.
<!-- 교독문 -->
    <div class=toggle-title> <?php echo $view['wr_17']; // 교독문 타이틀  ?> </div>
    <div class=toggle-body  style="padding: 20px;color:blue;font-size:18px;"> <?php echo $view['wr_18']; // 교독문 내용 ?> </div

 


 
<!-- 교회소식 -->
 <p id="sosik" style="color:red;padding:30px;">
  
 * 7월은 오직 마음을 새롭게 훈련하고 하나님을 땨라 새 사람을 입는 달입니다(엡 4: 22~24)<br><br>
 * 기도: 성도의 삶<br><br>
  말씀을 묵상하고, 말씀으로 먼저 생각하고, 말씀 중심으로 말하고, 말씀에[ 순종하는 삶<br>
 1. 하나님의 소원: 너는 그들에게 말하라 주 여호와의 말씀이니라 나의 삶을 두고 맹세하노니 나는 악인이 죽은 것을 기뻐하지 아니하고악인이 그의 길에서 돌이켜 떠나가는 것을 기뻐하느니라
 
 </p>
<!-- 교회소식 -->

<!-- 찬송가 가사 -->
  <p class="nearer" style="color:blue;padding-left:20px;">
  338장. 내주를 가까이 하려함은<br><br><br>
  1<br> 내 주를 가까이 하게 함은<br>  내 주를 가까이 하게 함은<br>  십자가 짐 같은 고생이나<br>  내 일생 소원은 늘 찬송하면서<br>  주께 더 나가기 원합니다<br><br>   
   
   2<br>  내 고생하는 것 옛 야곱이<br>  돌베개 베고 잠 같습니다<br>  꿈에도 소원이 늘 찬송하면서<br>  주께 더 나가기 원합니다<br><br>   
   
   3<br> 천성에 가는 길 험하여도<br>  생명길 되나니 은혜로다<br>  천사 날 부르니 늘 찬송하면서<br>  주께 더 나가기 원합니다<br><br>   
   
   4<br> 야곱이 잠 깨어 일어난 후<br>  돌단을 쌓은 것 본받아서<br>  숨질 때 되도록 늘 찬송하면서<br>  주께 더 나가기 원합니다.
   
 </p>
<!-- 유튜브주소: https://www.youtube.com/embed/9FNMj1rPU2c-->
<!-- 찬송가 가사 -->
 
<!-- 사도신경 -->
 <p id="sadisinkyoung" style="padding: 10px;color:purple; font-size:18px;">    
  
전능하사 천지를 만드신 하나님 아버지를 내가 믿사오며,<br><br>
그 외아들 우리 주 예수 그리스도를 믿사오니,<br><br>
이는 성령으로 잉태하사 동정녀 마리아에게 나시고,<br><br>
본디오 빌라도에게 고난을 받으사,<br><br>
십자가에 못 박혀 죽으시고,<br><br>
장사한지 사흘 만에 죽은 자 가운데서 다시 살아나시며,<br><br>
하늘에 오르사,<br><br>
전능하신 하나님 우편에 앉아 계시다가,<br><br>
저리로서 산자와 죽은자를 심판하러 오시리라.<br><br>
성령을 믿사오며,<br><br>
거룩한 공회와,<br><br>
성도가 서로 교통하는 것과,<br><br>
죄를 사하여 주시는 것과,<br><br>
몸이 다시 사는 것과,<br><br>
영원히 사는 것을 믿사옵나이다.<br><br>
아멘.  
 </p>
 
 
<!-- 주기도문 -->
 <p id="lordsprayer" style="padding: 10px;color:purple; font-size:18px;">
하늘에 계신 우리 아버지,<br><br>
아버지의 이름이 거룩히 빛나시며<br><br>
아버지의 나라가 오시며<br><br>
아버지의 뜻이 하늘에서와 같이<br><br>
땅에서도 이루어지소서!<br><br>
오늘 저희에게 일용할 양식을 주시고<br><br>
저희에게 잘못한 이를 저희가 용서하오니<br><br>
저희 죄를 용서하시고<br><br>
저희를 유혹에 빠지지 않게 하시고<br><br>
악에서 구하소서.  아멘. 
 </p>
 
 
<!-- 교독문 -->
 시편 20편 <br><br>
1. 너희 의인들아 여호와를 즐거워하라 찬송은 정직한 자들이 마땅히 할 바로다<br><br>
2. 수금으로 여호와께 감사하고 열 줄 비파로 찬송할지어다<br><br>
3. 새 노래로 그를 노래하며 즐거운 소리로 아름답게 연주할지어다<br><br>
4. 여호와의 말씀은 정직하며 그가 행하시는 일은 다 진실하시도다<br><br>
5. 그는 공의와 정의를 사랑하심이여 세상에는 여호와의 인자하심이 충만하도다<br><br>
6. 여호와의 말씀으로 하늘이 지음이 되었으며 그 만상을 그의 입 기운으로 이루었도다<br><br>
7. 그가 바닷물을 모아 무더기 같이 쌓으시며 깊은 물을 곳간에 두시도다<br><br>
8. 온 땅은 여호와를 두려워하며 세상의 모든 거민들은 그를 경외할지어다. (다같이)
 
 
<!-- 교독문 시편 1편 -->
 <p style="color: black; font-size: 22px;"> 시편 1편 </p><br>
  <p style="color: black; font-size: 19px;">1. 복 있는 사람은 악인들의 꾀를 따르지 아니하며 죄인들의 길에 서지 아니하며 오만한 자들의 자리에 앉지 아니하고</p><br>
 <p style="color: red; font-size: 19px;"> 2. 오직 여호와의 율법을 즐거워하여 그의 율법을 주야로 묵상하는도다</p><br>
 <p style="color: black; font-size: 19px;">3. 그는 시냇가에 심은 나무가 철을 따라 열매를 맺으며 그 잎사귀가 마르지 아니함 같으니 그가 하는 모든 일이 다 형통하리로다</p><br>
 <p style="color:red; font-size: 19px;">4. 악인들은 그렇지 아니함이여 오직 바람에 나는 겨와 같도다</p><br>
 <p style="color: black; font-size: 19px;"> 5. 그러므로 악인들은 심판을 견디지 못하며 죄인들이 의인들의 모임에 들지 못하리로다</p><br>
 <p style="color: red; font-size: 19px;">6. 무릇 의인들의 길은 여호와께서 인정하시나 악인들의 길은 망하리로다</p>

 

 

 

추천
6

댓글 전체

감사합니다.^^
이런 식으로 주보를 만들어서 토요일에 홈페이지에 올리면 찬양을 미리 들어보고, 성경말씀을 묵상할 수있어서 좋을 것 같다는생각에서 만들어 보았습니다.
교독문 같은 경우에 성경을 찾는 번거로움이 줄 것 같습니다.
텍스트크기를 조절하면 나이 많으신 분들에게도 좋을 듯 합니다.
철용님 교회는 예전 사도신경을 사용하시네요.
수고하셨습니다.
여분필드 넣고 요리조리 배치해주는 컨텐츠는 할 줄 알아도 시간과의 전쟁이라 개발비가 보장되지 않으면 일부러 작업하기가 쉽지 않은데 고생하셨어요.
이제 여분필드 사용하는 것은 큰 문제도 아니실 듯...
감사합니다. 비타주리님의 격려는 무엇보다 힘이 됩니다.
자바스크립트 토글함수가 없었으면 만들지 못했을 겁니다.
저는 그냥 재미로 합니다.^^
게시판에 무엇을 다 넣을 수 있어서 볼수록 그누보드가 대단하다는 생각이 듭니다.
https://hdbc.kr 여기에도 설치 할지
목사님께 여쭈어 봐야겠네요

근데 할머니들 포함 10명 남짓 교회라서
관리는 제가 해야 해서..
고민중입니다~
감사합니다.
교회홈페이지 깔끔하고 좋습니다. 아미나로 만드신 것 같습니다.
제가 섬기는 교회도 출석교인이 20명이 안되는데요.
어르신들이 많습니다.
종이주보에 나오는 내용을 모두다 넣으려면 여분필드 30개도 모라잘 것 같다는 생각이 듭니다.
교독문등 필요한 것만 넣으시면 관리하기도 편하고 이용하시는 분도 불편이 없을 것 같습니다.
종이주보와 같이 사용하면 좋겠다는 생각이듭니다.
큰글씨 성경도 있지만 성경책 글씨가 비교적 작은 편이라 어르신들이 보기에 불편할 수 있습니다.
교독문이나, 찬송가 가사같은 경우에 폰트크기를 크게하면 성경책을 보는 것 보다 더 편할 것 같다는 생각이 듭니다.
매주 관리하기가 번거로울 수 있습니다. 매주 빠지지 않고 업데이트해야하니까요.
종이주보를 별도로 만드는 것과 비슷하다고 생각됩니다.
대다수의 교회는 별도로 홈페이지를 관리하는 사람이 없을 것입니다.
교회성도 중에서 인터넷 잘 하는 사람이 관리하는 그런식이죠.
디지털 주보 필요성을 느끼긴 합니다.
제가 이번 년도 부터 출석하고 나서
유튜브, 홈페이지 다 관리하게 되니깐 ,
부담이 되더라고요

종이주보와 함께 사용하면 좋을것 같습니다.
더군다나 매주 웹에 기록이 되어서 좋을 것 같긴합니다.

설치 먼저 해보고, 목사님께 말씀드려야 겠네요

감사합니다~^^
저희 울산시민교회는 종이 주보를 개인적으로 출력할수 있도록 pdf 파일로 매주 금요일 제공합니다.
http://www.usm.or.kr/board_view.html?code=7969&num=812
코로나 시작되고 손코딩으로 온라인 주보라는 이름으로 사용하고 있는데
이걸 범용적으로 만들어보고 싶다가도 엄두가 안났는데 엄청난 작업을 해주셨네요.
둘러보면서 감탄하고 있습니다. 멋진 스킨 만들어 주셔서 감사합니다.
전체 18 |RSS
그누보드5 스킨 내용 검색 게시판에서
  • 게시물이 없습니다.

회원로그인

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