그누 반응형(부트스트랩 4) BS4_aside v2.0(v2.5를 공개했습니다.) > 그누보드5 테마

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

그누보드5 테마

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

그누 반응형(부트스트랩 4) BS4_aside v2.0(v2.5를 공개했습니다.) 정보

그누 반응형(부트스트랩 4) BS4_aside v2.0(v2.5를 공개했습니다.)

첨부파일

bs4_aside_v2.0.zip (12.5M) 225회 다운로드 2019-04-19 04:15:44
board_bs4_aside.zip (3.0M) 25회 다운로드 2019-04-19 04:15:44

본문

[패치 또는 추가 내용]


### 2019-04-19: 기존의 게시판 소스에 중대한 오류가 있어 모두 수정을 했으니 다시 설치해 주시기 바랍니다.
1. 비회원의 글 등록 시 일부 필드가 누락되어 저장되지 않는 증상 수정
2. 글 수정 시 일부 필드의 내용이 표시되지 않고, 수정 후 일부 필드가 누락되어 저장되지 않는 증상 수정
3. 테마 전체를 내려받아 다시 설치를 하시거나, 아니면 board_bs4_aside.zip을 내려받아 테마 폴더 > skin > board 폴더에 있는 기존 의 세 개의 게시판 폴더만 대체하셔도 됩니다.
4. 새로 제작한 상담 진행 게시판인 bs4_counsel_aside를 board_bs4_aside.zip과 bs4_aside_v2.0.zip에 포함해 놓았습니다.

 

### 2019-04-18: 상담 진행 게시판 추가(counsel.zip)

1. 게시판의 리스트에 상황에 맞춰 아래 2번의 내용과 같이 진행 상황이 각각 다르게 표시됩니다.

2. 글을 게시하면 '상담 신청'으로, 관리자가 게시글을 읽으면 '확인 중'으로, 그리고 관리자가 댓글을 등록하면 '상담 완료'로 표시됩니다.

3. 게시판 안내와 설정 안내를 간략하게 정리한 manual.txt를 포함시켰으니 참조하시기 바랍니다.

 

///////////////////////////////////////////////////////////////////////////////////////////

기존에 공개했던 테마를 수정, 보완하여 v2.0으로 올립니다.
테마의 설명, 설치 방법, 그리고 그동안의 업데이트 이력 등은 기존 게시글을 참조하시기 바랍니다.

그누보드 5.3 부트스트랩 4 반응형(w/side_menu) v1.2

 

이번에 작업한 내용은 다음과 같습니다.


### 2019-4-17: v2.0으로 변경

1. 전체 화면 폭, 네비게이션 바와 푸터의 색상, 폰트 크기, 버튼 크기 등을 변경하여 전체적인 레이아웃 정돈

2. 메인 화면 중앙과 각 페이지의 상단에 Parallax 섹션 추가

3. 웹진 최신글 스킨 추가

 

참고로, 이 테마는 사이드 바가 있는 버전입니다.

그리고 Parallax에 익숙하지 않은 분들도 계실 듯하여 슬라이드 설정 방법과 Parallax 설정 방법을 정리한 manual.txt를 포함해 놓았으니 참고하시면 작으나마 도움이 될 것으로 생각합니다.

 

아직 여러 면으로 부족한 점이 많지만, 잘 활용하시면 고맙겠습니다. ^^

추천
12

댓글 전체

네~ 맞습니다.
반응형으로 제작했기에 모바일 모드를 사용하지 않도록 설정을 해주어야 합니다.

이전에 올린 사용 설명에 있는 내용인데,

config.php 수정:
라인 125의 define('G5_USE_MOBILE', true);를 define('G5_USE_MOBILE', false);로 수정
즉, 모바일 모드를 사용 안 함으로 설정함.

위와 같이 해주시면 됩니다. ^^
헉 2.0 축하 드리고 감사합니다 ^^
근데요 내용관리에서 스킨을 (테마)베이직 으로 사용하면 이미지가 커져서요...
쪽지로 문의 드립니다 ㅠㅠ
쪽지로 문의가 온 게 없네요.
따라서 일반적인 경우의 사용 예를 말씀 드리겠습니다.

내용 관리에서 사용하는 이미지에 대해 폭을 지정하는 방법이 어떨까 하며,

<img class="img-fluid" src="이미지 경로/이미지 파일명" style="width: 500px;">

위와 같이 px나, 아니면 %로 지정하면 될 것으로 생각합니다.
한가지 아이디어요~!! 인덱스 슬라이드 글씨가 밝은 색에 배경이면 안보일 수 있어서 그림자를 넣는건 어떨까요!?
저는 carousel.css에서 스타일을 하나 만들어서 폰트와 쉐도우를 넣어보니 나름 볼만했습니당~!!
http://xn--hc0br5i0pg05hb3aj2pgzf.com/g5/

그리고 한가지는 제가
배너를 만들었습니다!(참고사이트들 로고를 눌러 이동)
반응형으로 하면 애가 쪼그라들 수 있어서
가로스크롤 식으로 도전해봤습니다
그런데 문제는 익스플로러나 핸드폰에서 제대로 작동하지 않는 것 같아요 ㅠㅠ
크롬에서만 멀쩡해보이네요... ㅠㅠ
좋은 아이디어 있으신지요... ㅠㅠ
가로스크롤 소스는
https://getbootstrap.com/docs/4.0/examples/blog/#
여기에서 참고했습니다!
우선 캡션의 경우는, 텍스트에 쉐도우를 넣는 방법도 있겠고, 캡션의 색상을 이미지별로 다르게 지정을 한다거나, 캡션의 배경에 박스를 깔고선 그 박스에 배경색을 넣고, 그 배경색의 투명도를 조절하거나 하는 등 여러 방법이 있을 것입니다.
작업자가 원하는 방법을 선택하여 적용하면 될 것으로 생각합니다.
어쨌든, 가독성을 높여 놓으셨다니 잘 하신 일이라 생각되네요. ^^

그리고 하단의 가로 스크롤 부분은 아래의 코드를 참조하여 적용해 보시기 바랍니다.

<div style="overflow-x:auto;">
  <table>
    <tr>
      <td></td>
        .
      <td></td>
    </tr>
  </table>
</div>

일단 익스플로러 11에서는 잘 동작하는 것을 확인했습니다. ^^
양파님 부탁좀 드릴수 있을까요?
carousel.css에서 스타일 만드신 폰트와 쉐도우좀 주실수 있으신지요...
저두 글씨가 잘 안보여서요...
혹시 가능 하면 *** 개인정보보호를 위한 이메일주소 노출방지 ***으로 부탁 드립니다 ^^
캡션의 가독성이 떨어져 불편을 느끼시는 분이 많으신 듯하니. 다음 버전에는 영파님의 아이디어를 반영하여 캡션에 text-shadow를 추가하도록 하겠습니다. ^^

테마 폴더 > asset > css > carousel.css 파일에서 .carousel-caption {.........} 안에 아래의 코드를 추가하시면 됩니다.

text-shadow: 0 0 3px #000;

위의 소스에서 3px은 blur, 즉 번지는 정도를 설정하는 곳이니 그림자를 더 넓게 퍼지게 하려면 숫자를 늘리고, 좁게 퍼지게 하려면 숫자를 줄이면 됩니다.
그리고 맨 뒤의 #000은 그림자의 색상을 검은 색으로 지정한 경우이며, 그림자의 색상을 바꾸시려면 이 색상값을 조절하시면 됩니다.

폰트도 변경하고자 하는 경우에는,

font-family: "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", sans-serif;

등과 같이 지정하고자 하는 폰트를 사용하여 코드를 한 줄 더 추가해 주시면 됩니다.
아마도 폰트 변경까지는 하지 않으셔도 되지 않을까 하는 생각입니다.
고생하신 덕분에 좋은 테마 잘 사용 하고 있습니다... 감사합니다.
아울러 웹진의 경우 일반 게시판 스킨보다 게시판 폭이 약깐 크게 출력이 되는데 혹 추후 수정이 될런지요??
그리고 데모 사이트에 보니 자료실도 만들고 계신가본데 깔끔한 화면이 무척 마음에 들고 완성본이 기다려집니다....
추후 자료실뿐만 아니라 일정이라던가 다양한 게시판 스킨이 업데이트 되기를 염치없지만 바래봅니다..^^;;
아! 웹진 게시판의 폭이 좀 더 크다는 것을 소다소72 님이 말씀해주셔서 알게 되었네요.
물론 수정해야죠. ^^

지금 자료실 게시판과 캘린더 게시판을 작업하고 있으며, 기본 틀의 작업이 거의 끝난 상태입니다.
일부 기능 추가와 미비한 점을 보완하면 바로 공개할 수도 있지만, 테마를 좀 더 다듬은 후에 버전 3.0으로 해서 그때 함께 공개하는 게 좋지 않을까 하는 생각을 하고 있습니다.
열심히 작업해서 곧 좋은 소식을 올리도록 하겠습니다. ^^
회원가입 화면을 수정해야할 것 같습니다~!
회원가입 화면이 나올 때 개인정보처리방침 약관이 검은 박스로 나오고 안에 나오는 글씨 또한 검기 때문에 보이지가 않습니다!

그리고 그누보드5의 의도인건지는 모르겠는데
개인정보 처리방침은 원래 그누보드 "관리자 환경설정->기본환경설정" 들어가서 개인정보처리방침 박스 안에 적힌 메시지가 나와야 하지만, 별도로 레지스터.스킨.php 파일에 셀이 만들어져 있더군요
그래서 저는
        <div class="form-group">
<textarea readonly class="form-control" id="exampleFormControlTextarea1" rows="3"><?php echo get_text($config['cf_privacy']) ?></textarea>
</div>

이 명령어로 대체하여 사용하고 있습니다.
수정 전과 수정 후 사진 올립니다!
회원 가입 화면은 확인해 보았는데, 아무 이상이 없었습니다.
바탕은 검은 색, 글씨는 흰 색으로 잘 표시되고 있습니다.
아마도 수정 작업을 하면서 고친 내용이 회원 가입 부분에 영향을 끼친 게 아닐는지요?

그렇지 않아도 지금 작업 중인 버전에서는 회원 가입 테이블의 색상을 이미 환하게 바꾸어 놓은 상태랍니다. ^^

개인 정보 관리의 경우에는 서술형을 선호하시는 경우에 말씀하신 내용을 적용하는 게 좋겠네요.
사실 이전부터 계속해서 테이블 방식으로 쭉 사용해 왔던 터라 말씀하신 내용처럼 관리자 화면의 설정이 적용되지 않게 되어 있다는 사실도 이번에 처음 알았습니다. ^^
좋은 정보를 주셔서 감사합니다.
피앙세님....
셈플 들어가서 보니 페이지형 콘텐츠가 너무 좋았습니다 ^^
3번이 생겼네요...
복사해서 사용해도 될까요?
2번두 정말 잘 사용했습니다 ㅎㅎㅎ
4번두 기대 하겠습니다 ~~~~
감사합니다 ^^
물론 복사해서 사용하셔도 됩니다.
제가 세 번째 페이지형 콘텐츠를 작성한 이유는 테마 파일을 올릴 때 함깨 공개하기 위해 작업을 해놓은 것입니다.
기존의 페이지형 콘텐츠 두 개는 좀 급하게 만드느라 성의가 부족했다고나 할까요.
그래서 공개를 하기 위해 좀 더 꾸며 보았답니다. ^^
전체 188 |RSS
그누보드5 테마 내용 검색

회원로그인

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