출석체크 스킨 > 그누보드5 스킨

그누보드5 스킨

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

출석체크 스킨 정보

게시판 출석체크 스킨

첨부파일

check.zip (100.6K) 1027회 다운로드 2020-07-09 10:46:02
테스트한 버전5.4.2.7
호환 가능 버전5.4 이상

본문

가입인사 스킨입니다. (PC, Mobile)

별다른 아이디어는 없고요.

1. 목록에서 글쓰기

2. 글쓰기할때 아바타 선택

3. 하루에 한번 작성

4. 1~3등 강조 표시

이 정도 기능만 있습니다.

 

그누보드 5.4.2.7 의 스킨을 그대로 복사해서

마크업은 필요한 부분만 최소한으로 바꿨고 나머지는 CSS 작업했어요. CSS도 원본 그대로 두고 아래에서 재작성 했습니다. 

넓은 화면에 놓는 게 좋아보여서 그누보드 basic 테마의 #aside 를 display: none; 으로 했어요. 적당하게 수정해서 쓰셔요. 

부트스트랩을 써서 폰트 크기 맞추기가 쉽지 않았는데 레이아웃의 폰트 크기는 그대로 유지하고 스킨에서는 기본 16px 정도 됩니다. 

 

아바타는 avatar 폴더에 적당한 사이즈(60x60px 권장)로 넣어두고 쓰시거나 avatar.txt 연결 가능한 파일 url을 적어주시면 됩니다. avatar.txt에 샘플로 넣어놨으니 수정해서 사용하세요.

 

테스트 환경
- IIS + PHP 5.6 + MySQL 5.5.62
- Apache 2.4 + PHP 5.4 + MariaDB 5.5.65
- 그누보드 5.4.2.7

사용 플러그인
- Bootstrap 4.5.0 https://getbootstrap.com/docs/4.5/getting-started/introduction/
- (모바일에서) Swiper 6 https://swiperjs.com/get-started/

폰트
- Google Material Icons 
- Montserrat, Noto Sans KR https://fonts.google.com/
- 넥슨 Lv.1 고딕 (NEXON Gothic) http://levelup.nexon.com/font/index.aspx

 

3696253845_1594259098.7173.png

3696253845_1594259108.0179.png

3696253845_1594259113.5342.png

추천
22

댓글 전체

현제 그누보드 5.4.2.7버전에 나리야 사용중입니다.PC버전에서는 잘되는데 모바일버전에서는 글자가 크기가다르게나오는데 이건 어떻게 조정하는지 알려주실수있나요?ㅠㅠ
스크린샷 두개 모두 PC버전인데요...  모바일에서는 날짜가 스크롤됩니다. PC버전인데 viewport가 width=device-width 로 설정이 되어서 마치 모바일처럼 보이는 것 같네요.
1번째꺼는 모바일에서 오른쪽 밑에pc버전으로 눌렸을때구요 2번쨰사진은 거기서 한번더 누르면 모바일버전으로 바뀌는데 그때 저렇게 겹쳐져 나오네요. 혹시 위에서 말씀한--->viewport가 width=device-width 로 설정를 어떻게 조종하면은 재대로 나오는지 알려주실수있으신가요?
제가 아미나를 한번도 사용해보지 않아서 잘 모르겠는데... 반응형으로 디자인되었나요? 관리자 접속해보니(죄송) 모바일 스킨 설정이 basic으로 되어 있어서... 뭐가 뭔지 잘 모르겠어요;;
헉 관리자로 바로 접속이가능한가요 ㅠㅠ 커뮤니티 운영할건데 관리자로 접속이되어버리면 큰일인데요 ....수정다한다음에 관리자접속못하게하는방법이따로있나요?
고맙습니다.
사진처럼 스타일이 깨지는데 역시 초보라 수정이 어렵네여 ^^;
충돌가는 부분을 모르겠네요 그래도 이쁘니...고맙습니다.
사용중이면서도 인사가 늦었네요^^ 출석체크 인삿말을 랜덤으로 자동으로 채워지게 하시려면
제가 올려둔 아래 팁을 참조하세요!!
https://sir.kr/g5_tip/14578

왜 저는 크롬,엣지,네이버웨일에선 정상적인 크기로 나오는데 유독 익스플로러만 그림처럼 텍스트박스가 크게 나올까요?
게시판에 포인트 설정할수 있잖아요
게시판관리>게시판수정>게시판 포인트 설정> 글쓰기 포인트에 원하는 포인트 넣어주시면 돼요.
출석자들 출력 순서를 오름차순? 으로 할 수 없을까요?  1,2,3 순서대로 보여주고 싶어요.
관리자>게시판수정>리스트정렬필드 에서 조건을 바꿔봐도 반응이 없습니다.
자답이네요.
247라인 즈음에

for ($i=0; $i<count($list); $i++) {

for ($i=count($list)-1; $i>=0; $i--) {

위 처럼 바꾸면 1,2,3 등 오름차순으로 정렬됩니다.
저 처럼 왕초보들 헤매지 말라고 댓글 남겨봅니다.
안되시는 분들은 주석 처리하면 될거 같아요.

해당 스킨의 list.skin.php, view.skin.php, write.skin.php

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
//add_stylesheet('<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">', 0);
//add_stylesheet('<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&family=Noto+Sans+KR:wght@300;400;700&display=swap" rel="stylesheet">', 0);
//add_stylesheet('<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">', 0);
//add_javascript('<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>', 0);
//add_javascript('<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>', 0);
:) 너무 맘에 듭니다. 감사히 잘 쓰겠습니다. ㅠㅠ 괜찮으시다면 일정 게시판으로도 사용할 수 있는 버젼을 부탁드려도 될까요~ ㅠㅠ 초보라 받아서 이것저것 소스를 건드려봐도 어떻게 해야할 지 감도 안오네요~
잘 사용하겠습니다.
전 반응형 부트스트랩 최신버전이라 반응형으로 제가 수정해서 반응형으로 사용하도록 하겠습니다. 혹시나 이거 반응형으로 따로 무료로 배포할려고 하는데 미리 허락을 구해봅니다.
전체 2,423 |RSS
그누보드5 스킨 내용 검색

회원로그인

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