게시판
반응형 베이직 게시판 (아래) 의 버전업 입니다. https://sir.kr/g5_skin/37908 추가내용 썸네일이 있는 게시물의 경우 리스트에서 아이콘 표기 리스트에서...
출석체크 스킨
가입인사 스킨입니다. (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
버전 정보
테스트한 버전
5.4.2.7
호환 가능 버전
5.4 이상
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
그누보드5 스킨
좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
게시판
오래된 스킨이라 배포중지합니다.
게시판
게시판을 캘린더형으로 구성하여 일정을 등록할 수 있는 스킨입니다~! skin\board에 압축을 푸신 후 calender 스킨으로 게시판을 생성하시면 됩니다! ** 관리자만...
최신글
사용방법 <?php echo apms_widget('basic-post-nownews-webzine', $wid.'-nownew1', 'rows=8 item=1 bold=1 dat...
최신글
아이템소개형식의 아미나위젯을 최신글형식으로 변경한 위젯입니다. https://sir.kr/g5_skin/38110 : 기존 아이템형식의 아미나용 위젯 =========== 사용...
회원통합스킨
회원가입할때 회원이미지를 두개로 만들때 질문드립니다. https://sir.kr/qa/367098
게시판
2020.10.05 / 13:15 수정 write.skin.php : 165 라인 js파일 경로 수정 (https:// 에서 http:// 파일을 가져올 수 없는 이슈 수정) li...
레이아웃
아미나용 위젯으로 인덱스파일에 소개용으로 사용하시면 좋을듯 합니다. 동영상보기의 경우 magnific-popup을 사용했으며 사용방법은 아미나 위젯사용방법과 같습니다. <?...
게시판
https://youtu.be/HjV2bV8hpUc 한타메뉴 자유게시판 반응형 이거 만드느니라 6시간 걸렸습니다. 헥헥
댓글 75개
출첵을 열성적으로 해주는 회원이 있는 사이트 갖고싶습니다. 바로 적용하게요 !!
추천!!
좋네요 감사합니다 시원한 하루 되세요
감사합니다~
사진처럼 스타일이 깨지는데 역시 초보라 수정이 어렵네여 ^^;
충돌가는 부분을 모르겠네요 그래도 이쁘니...고맙습니다.
[http://sir.kr/data/editor/2010/4c13b46f0e806aacfeb2dfe3dd377141_1601799956_4774.png]
제가 올려둔 아래 팁을 참조하세요!!
https://sir.kr/g5_tip/14578
[http://sir.kr/data/editor/2010/0bf50e00c5649744ff4c710219ede62a_1602739829_0166.png]
왜 저는 크롬,엣지,네이버웨일에선 정상적인 크기로 나오는데 유독 익스플로러만 그림처럼 텍스트박스가 크게 나올까요?
설치는 이제 해봐야겠네요
[http://sir.kr/data/editor/2102/f4e0fbcd9eb05cbe466c5139a6231eaf_1612249485_8831.JPG]
여기도 그러네요 ㅠ
게시판관리>게시판수정>게시판 포인트 설정> 글쓰기 포인트에 원하는 포인트 넣어주시면 돼요.
지우니까 화면이 고정이 안되는군요
관리자>게시판수정>리스트정렬필드 에서 조건을 바꿔봐도 반응이 없습니다.
247라인 즈음에
for ($i=0; $i<count($list); $i++) {
를
for ($i=count($list)-1; $i>=0; $i--) {
위 처럼 바꾸면 1,2,3 등 오름차순으로 정렬됩니다.
저 처럼 왕초보들 헤매지 말라고 댓글 남겨봅니다.
어디 파일을 바꿔야 되나요? 답변 좀 꼭 부탁드립니다.
list.skin.php 요
* 그런데 제가 해보니 역순은 자신이 출석하고 바로 확인이 어려워서 저는 원본대로 내림차순으로 사용했습니다.
감사합니다. 잘 해결이 되었습니다~^^
해당 스킨의 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);
초보는 설치법도 모릅니다. 어찌 설치해야 하는지요
그런데 하루에 한번 말고 계속 작성하려면 어디 손봐야 하나요?
한줄 게시판으로 만들고 싶어서요
전 반응형 부트스트랩 최신버전이라 반응형으로 제가 수정해서 반응형으로 사용하도록 하겠습니다. 혹시나 이거 반응형으로 따로 무료로 배포할려고 하는데 미리 허락을 구해봅니다.
감사합니다.