선생님 소개 게시판 > 그누보드5 스킨

그누보드5 스킨

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

선생님 소개 게시판 정보

게시판 선생님 소개 게시판

첨부파일

teachers.zip (148.5K) 90회 다운로드 2022-01-09 01:10:44 포인트 차감10
테스트한 버전5.4.18
호환 가능 버전5.4이상

본문

중소 규모의 학원이나 개인 교습소에서 사용할 만한 선생님 소개 게시판입니다.

비타주리님의 멀티갤러리(그누보드 - 멀티갤러리 > 그누보드5 스킨 (sir.kr)를 커스텀하였으며, mp3, mp4, 유튜브영상을 나타내기위하여 mp3, mp4, 유튜브 조소입력 자동표현 게시판(그누보드 - mp3, mp4, 유튜브 주소입력 자동표현 게시판 > 그누보드5 스킨 (sir.kr)의 view.tail.php플 사용하였습니다.

그리고 view.skin.php에서 폼메일을 사용하기위하여 트리플님의 (그누보드 - 폼메일(그누보드 5.3) > 그누보드5 스킨 (sir.kr)를 커스텀했습니다.

유용한 자료를 공개해주신 비타주리님과 트리플님께 감사드립니다.

 

압축을 풀면 teachers_pc, teachers_mobile, formmail 폴더가 나옵니다

teachers_pc는 그누보드 순정기준으로 skin/board폴더에 업로드합니다.

teachers_mobile은 그누보드 순정기준으로 mobile/skin/board폴더에 업로드합니다.

formmail은 root(adm폴더와 동일한 위치)에 업로드합니다

formmail/formmail.php를 view.skin.php에서 사용합니다.

 

선생님이름을 표시하기위해 제목을 사용했으며 다음과 같이 여분필드를 사용했습니다.

wr_subject: 선생님 이름

wr_1: 리스트의 이미지아래의 선생님 한마디.
wr_2: 이메일 문의
wr_3: 리스트 이미지플립 사용시 뒷면에 표시되는 내용
wr_4: 핸드폰번호
wr_5: 학력
wr_6: 경력
wr_7: 홈페이지
wr_8: 유튜브
wr_9: sns

여분필드 wr_1 ~ wr_9은 글쓰기에서 입력하지 않으면 출력이 되지 않게 하였습니다.

글쓰기는 관리자만 가능하게 하였습니다.

 

내용입력란에 텍스트와 mp3, mp4, youtube 주소를 입력하면 아래 그림처럼 나옵니다.

2041987198_1641656257.9905.png

 

왼쪽에 사진이 나오고 오른 쪽에 텍스트와 mp3, mp4, youtube가 나오는데 텍스트가 길거나 mp3, mp4, youtube 숫자가 많은 경우에는 아래 그림처럼 밸런스가 많지 않습니다. 이경우에 mp3, mp4, youtube을 댓글창에 입력하면 본문과 자연스럽게 연결이 됩니다.

2041987198_1641656705.0553.png

 

댓글갯수, 댓글의 유무, 댓글 작성자 등은 관리자로 접속한 경우에만 보이게 수정하였습니다.

그래서 영상이나 유튜브영상을 댓글로 작성해도 자연스럽게 연결이 됩니다.

 

view.skin.php에서 문의를 하기위해서 폼메일 기능을 넣었습니다.

2041987198_1641657062.8575.png

압축을 풀면 나오는 폼메일을 root에 업로드합니다. adm이 있는 위치입니다.

2041987198_1641657167.5675.png

 

view.skin.php에 다음처럼 정해줍니다.

<?php if ($view['wr_2']) { ?>        
  <tr class="trk">
      <th>문 의</th>
      <td><a  onmouseover=style.color='#0000cc' onmouseout=style.color='#000000' href="http://test.com/formmail/formmail.php" target="_blank" title="메일로 문의하기"><?php // echo $view['wr_2'] ?>이메일 문의 </a></td>
  </tr>
<?php } ?>

 

list.skin.php에서 선생님 사진아래에 짧은 인사말은 넣었는데요. 인사말의 길이가 다르면 아래 그림처럼 레이아웃이 맞이 않으니 줄수를 같게 해주시면 됩니다.

2041987198_1641657538.5517.png

리스트화면에서 이미지의 갯수는 list.skin.php에서 조절합니다

1) $cut_zone = 1; // 가로분할
2) $cut_percent = 97; // 간격을 제외
3) $image_height_percent = 80; // 가로에 대한 세로의 퍼센트

 

1) 의 경우는 이미지의 가로숫자입니다.

저는 기본값을 pc에서는 3, 모바일에서는 1로 주었습니다.

원하는 숫자를 pc 와 mobile 에서 각각 수정해서 사용하세요.

 

2) 는 가로 전체에서 이미지영역이 차지하는 퍼센트입니다.

예를 들어 97로 주었으면 이미지가 차지하는 부분이 가로 전체의 97% 이고...

나머지 3% 는 각자에게 균등하게 분할되어 이미지영역 사이의 간격마진으로 처리됩니다.

이 간격은 코드로 계산되어 세로간격에도 동일하게 적용됩니다.

따라서 100을 주면 가로 세로 간격이 딱 달라붙어 버리게 됩니다.

그래서 가로에 이미지 하나씩만을 배치해도

세로 간격 문제로 97 이쪽저쪽으로 주는 것이 보기가 좋습니다. 

 

3) 은 이미지 가로를 100% 로 보았을 때를 기준으로 한 세로의 퍼센트입니다.

그래서 100을 주면 정사각형이 되고

100이하를 주면 가로가 긴 직사각형, 100이상을 주면 세로가 긴 직사각형이 되며

비율 이외의 나머지 부분은 알아서 잘려 나갑니다.

 

2022년 1월 1일에 업로드한 스킨인데 그누보드 문제로 사라지는 바람에 폼메일기능과 약간의 수정을 더해서 다시 업로드한 것입니다.

부족한 점이 많습니다. 부족한 점이나 오류는 나중에 다시 업데이트하도록 하겠습니다. 

감사합니다.

추천
8

댓글 전체

비타주리님의 소스를 많이 참고했습니다. 특히 mp3, mp4, 유튜브는 관련 파일(view.tall.php)을 그대로 가져와서 사용했습니다.
비전공에다 아마추어라서 시간은 많이 걸렸습니다
비타주리님처럼 고수님이 격려해주셔서 감사드랍니다
그리고 이미지는 사진을 어도비 앱을 사용해서 변화시켜 사용하고 있습니다. 탈모가 있어서요^^. 학교는 대구서 나왔습니다
너무 멋진 스킨입니다.
정말 이런스킨을 공개해주시니 감사합니다.

이미지 리스트에서
작성자 항목을 안 보이게 하거나
옵션이 있으면 더 멋질것 같아요
작성자항목, 작성일자, 댓글유무, 댓글갯수 등은 관리자로 접속했을 때만 보이게 했습니다.
그림을 캡쳐할 때 관리자로 접속한 화면을 캡쳐해서 작성자이름이 나온 것입니다.
관심을 가져주시고 격려해주셔서 감사드립니다
좋은 자료를 공개 감사드립니다. 한가지 궁금한 것이 있습니다.
다른 부분은 잘 되는데 사진 이미지가 업로드 안되어서요? write_update.php 화면에서 공백 화면이 발생합니다. 그누보드 5.4  php버전 7.0입니다.
전체 2,423 |RSS
그누보드5 스킨 내용 검색

회원로그인

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