출석체크 스킨 정보
게시판 출석체크 스킨관련링크
첨부파일
본문
가입인사 스킨입니다. (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
22
댓글 전체
출첵을 열성적으로 해주는 회원이 있는 사이트 갖고싶습니다. 바로 적용하게요 !!
추천!!
좋네요 감사합니다 시원한 하루 되세요
감사합니다~
사진처럼 스타일이 깨지는데 역시 초보라 수정이 어렵네여 ^^;
충돌가는 부분을 모르겠네요 그래도 이쁘니...고맙습니다.
왜 저는 크롬,엣지,네이버웨일에선 정상적인 크기로 나오는데 유독 익스플로러만 그림처럼 텍스트박스가 크게 나올까요?
설치는 이제 해봐야겠네요
여기도 그러네요 ㅠ
게시판관리>게시판수정>게시판 포인트 설정> 글쓰기 포인트에 원하는 포인트 넣어주시면 돼요.
지우니까 화면이 고정이 안되는군요
관리자>게시판수정>리스트정렬필드 에서 조건을 바꿔봐도 반응이 없습니다.
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);
초보는 설치법도 모릅니다. 어찌 설치해야 하는지요
그런데 하루에 한번 말고 계속 작성하려면 어디 손봐야 하나요?
한줄 게시판으로 만들고 싶어서요
전 반응형 부트스트랩 최신버전이라 반응형으로 제가 수정해서 반응형으로 사용하도록 하겠습니다. 혹시나 이거 반응형으로 따로 무료로 배포할려고 하는데 미리 허락을 구해봅니다.