크롬80버전 결제 이슈, 영카트5 주요패치 확인!

가입인사 스킨 > 그누보드5 스킨

그누보드5
영카트5
매뉴얼
Q & A
제작의뢰
컨텐츠몰
부가서비스
소모임
커뮤니티

그누보드5 스킨

스킨 다운로드시 좋아요 클릭과 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y

가입인사 스킨 정보

게시판 가입인사 스킨

첨부파일

첨부파일 hello.zip (88.4K) 95회 다운로드 2020-07-09 10:40:09
테스트한 버전5.4.2.7
호환 가능 버전5.4 이상

본문

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

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

1. 목록에서 글쓰기

2. 목록에서 간편하게 환영댓글 달기

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

이 정도 기능만 있습니다.

 

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

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

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

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

 

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

 

환영 댓글 프리셋은 게시판 설정에서 여분필드 bo_2 필드에 | 로 구분해서 넣어주세요.

 

테스트 환경
- 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/

- (PC에서) Masonry 4 https://masonry.desandro.com/

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

 

3696253845_1594258663.7313.png

 

3696253845_1594258674.7129.png

추천13

댓글 전체

먼저 좋은 스킨 공유 감사합니다.
PC에서는 잘 작동합니다.
그런데 모바일의 경우에는 환영댓글, 직접 작성 팝업레이어가 비활성이 되면서 화면작동이 안됩니다.
저는 아이폰을 쓰고 있고, 사파리, 크롬 전부 동일한 현상이 나타납니다.
안드로이드폰에서 잘 작동하는지는 모르겠습니다.
이 부분 수정이 가능하신지 조심스레 여쭈어봅니다.
form textarea와 submit 버튼이 disabled 된다면
회원로그인을 안해서 그럴겁니다.
목록에서 글을 쓰는거라 비회원은 wr_name wr_password 가 필요하기도하고
게시판 권한 검사도 해야하고 해서요
게시판 권한은 비회원 작성가능한 게시판이더래도
목록쓰기에서는 비활성화됩니다.
게시판의 목적이 [가입인사]라서요 회원제 게시판이 맞겠죠?
방금 회원로그인한 상태로 다시 시도해 봤는데 동일한 결과가 나옵니다.
여전히 비활성상태이고, 화면이 아예 작동을 멈추어서 클릭이 안됩니다.
헤드메뉴는 작동합니다.
아... 제가 글을 잘못읽었어요 ㅜㅜ
글쎄요... 그누보드 순정으로는 로컬에서 돌려가지고
실제 모바일 기기에서 돌려보지 않아서요...
글 링크에 걸려있는 제 사이트에서는 문제가 없는뎅...
환영댓글 직접입력은 부트스트랩 모달창을 이용하는데
"비활성상태"가 의미하는 바를 정확히 모르겠어요.
backdrop 레이어가 위로 올라오나 모르겠네요....??
스크린샷 살짝 올려주시면 제가 유추해보겠습니다
혹시 가상키보드가 올라오면서 레이어가 올바로 위치를 못잡는다면
list.skin.php 275라인 <div class="modal-dialog modal-dialog-centered" role="document"> 에서 modal-dialog-centered 를 빼고 <div class="modal-dialog" role="document"> 로 바꿔보세요
답변 감사드립니다.
저는 가입인사 스킨을 끝말잇기로 바꿔서 사용 중입니다.
제공해 주신 소스는 가입인사를 끝말잇기로 글자만 변경하고
내림차순을 올림차순으로 변경한 것 밖에 없습니다.
그러니까 소스는 바뀐게 거의 없고, PC에서는 잘 작동하고 있습니다.
그런데 위에 올려주신 이미지처럼 환영댓글 팝업창이 활성화되지 않고
제가 올린 이미지처럼 전부 회색이 되면서 작동을 멈춥니다.
그리고 modal-dialog-centered 를 빼고 <div class="modal-dialog" role="document"> 로 바꿔서 적용해 봤지만 결과는 같았습니다.
까만 backdrop layer z-index가 잘못된거 같아요 css 가 좀 꼬인 것 같은데... bootstrap modal 창을 여러개 쓸때 본 것 같기도 하고요. 소스를 봐야 해결할 수 있을 것 같아요.
음... 이것도 PC버전인데요? 모바일버전은 등록 submit 버튼이 아래로 내려옵니다. grid 도 고정되어서 card 가 한 row에 3개 나오거든요. 아... pc보기 mobile 보기 전환없이 윈도우 resize만 하신걸로 보이는데 window resize event 를 안 걸어놨네요... masonry layout을 다시 설정해줘야 했는데 OTL... 근데 이게 반응형 스킨이 아니라서 가로 1200px 을 고정한거라서;;
번외질문인데... https://witly.kr/ 사이트는 그누보드 기반인가요? 너무 이뻐서 그런데 테마는 직접 만드신건가용 ~~~? 가지고싶다 +__+
pc에서 카톡이나 네이버로 공유하거나 모바일로 접속했을때 저렇게 나오더라구요 ㅠㅠ 만드신출석체크랑 가입인사가 너무 잘만들어서 사용하고싶은데 제가 부족해서 귀찮게해드리는것아닌지...
네 제가 접속해봤을 때 stylesheet가 http://121.155.230.90/mobile/skin/board/check/style.css?ver=191202 모바일걸로 나와야되는데 pc용 스킨이 로드 되더라구요. 스킨설정을 살펴보셔요.
이렇게 친절하게 해주셔서 감사합니다!! 그렇게 하니깐 되긴하는데 화면이 커지네요 ㅠㅠ 일반 모바일버전으로 작게했을때 크기를 맞추는거는 별도로 제가 css이런거를 만져서 크기를 맞추어야되는건가요?
죄송합니다, 제가 레벨이 낮아서 제작의뢰 내용을 못봐요 ㅠㅠ
오른쪽에 실시간검색어 말씀이라면 네이버/다음/구글뉴스 페이지 파싱한거 밖에 없어서 "오픈"할만한 것이 못됩니다. 정형화시켜 놓칠 않아서요. 파싱은 팁자료실을 찾아보셔요. 감사합니다
전체 1,827 |RSS
그누보드5 스킨 내용 검색

회원로그인

진행중 포인트경매

  1. 참여1 회 시작20.08.04 00:57 종료20.08.11 00:57

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

© SIRSOFT