테스트 사이트 - 개발 중인 베타 버전입니다

[G5.4] 반응형 테마 (SB Admin 2)

· 5년 전 · 25272 · 109
Dashboard-2020-02-18_1.jpg

- Dashboard 화면

 

 

- 줄임 메뉴 화면

2015186031_1582036561.4693.jpg

 

- 메뉴 펼침 목록

 2015186031_1582036723.9356.jpg

 

- 게시판 목록 화면

2015186031_1582036705.4086.jpg

 

- 글쓰기 화면

2015186031_1582036646.2513.jpg

 

- 글보기 화면

2015186031_1582036675.8059.jpg

 

- 유저 정보 화면

2015186031_1582036813.9895.jpg

 

- 메시지 클릭 화면

2015186031_1582036790.8618.jpg

 

- 로그아웃시 화면

2015186031_1582038409.1788.jpg

 

- 로그인 화면

2015186031_1582038417.4413.jpg

 

- 회원가입1 화면(동의서)

2015186031_1582038427.1888.jpg

 

- 회원가입2 화면(가입폼)

2015186031_1582038436.1063.jpg

 

 

 

예전에 반응형 테마 (AdminLTE 2.4.5)를 올렸었는데 오랜만에 다시 하나더 만들어 올려봅니다.

※참고 https://sir.kr/g5_theme/3526
1년전에 올렸었군요~ 참 시간 빠르네요~ ㅎㅎ 

 

 

참고한 디자인 SB Admin 2 (https://blackrockdigital.github.io/startbootstrap-sb-admin-2/)

License: MIT License
Released: Jan 14, 2014
Last Updated: Sep 16, 2019
Bootstrap Version: 4.3.1
Theme Version: 4.0.7

 

- 그누보드 수정 필요 부분

/js/common.js  수정 필요 시작 { ----- 

    # 319번째 줄
    - height=330 --> height=530

    var win_password_lost = function(href) {
        window.open(href, "win_password_lost", "left=50, top=50, width=617, height=530, scrollbars=1");
    }

    # 528번째 줄
    - height=330 --> height=530

    win_password_lost = function(href)
    {
        var new_win = window.open(href, 'win_password_lost', 'width=617, height=530, scrollbars=1');
        new_win.focus();
    }
    
//----- }  /js/common.js 수정 필요 끝


/bbs/register.php 수정 필요 시작 { ----- 

    # 13번째 줄
    - include_once('./_head.php');   -->  include_once('./_head.sub.php');

    # 18번째 줄
    - include_once('./_tail.php');  -->  include_once('./_tail.sub.php');
    
//----- }  /bbs/register.php 수정 필요 끝


/bbs/register_form.php 수정 필요 시작 { ----- 
    # 121번째 줄
    - include_once('./_head.php');   -->  include_once('./_head.sub.php');
    
    # 147번째 줄
    - include_once('./_tail.php');   -->   include_once('./_tail.sub.php');

//----- }  /bbs/register_form.php 수정 필요 끝

 

- 관리 페이지 설정 중 메뉴 설정 주의 사항
1. 메뉴명(타이틀)은 띄어쓰기하면 정상 동작 안됨
  예제) 회사소개 (O), 회사 소개(X)
  
2. 메뉴명(타이틀)의 URL을 '#'으로 작성하면 하위 메뉴에서 보이지 않음(노출 안됨)

 

 

※ 테마적용방법 : http://sir.kr/faq/57

 

실력도 부족하고,

작업에 투자한 시간이 부족해서

부족한 부분이 많겠지만

여러분의 놀라운 능력으로 조금만 수정하시면 더 좋은 테마로 사용하실 수 있을 것이라 생각됩니다.

(무료 테마이니 양해바랍니다. ^.^)

 

아무쪼록 모두 행복한 개발 시간 보내세요~

화이팅입니다.

 

PS. 이 글 보시는 분 중에 정말 원하시는 테마 샘플 있으면 댓글 남겨둬보세요.

혹시 제가 시간되면 1~2개 더 만들어 보겠습니다.

(다들 바쁘실텐데 시간 단축용 테마를 만들어 보겠습니다. ^.^)

 

---------------------------------------------------------------------------------------

수정 및 패치

2020.04.03. - sb-admin2에서 sb-admin2.0.1로 변경합니다.

    펄스나인 님께서 알려주신 반응형 동작 관련 부분 수정했습니다.

 

 

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 109개

5년 전
공개된 테마 붙이는 작업 어떻게 하시는지 궁금하고 대단하고 부럽네요ㅎㅎ
작업은 작업의뢰가 들어오거나 사이트 구경하다 맘에 드는 사이트 있으면 소스를 보면서 수정합니다.

이번 테마는 https://blackrockdigital.github.io/startbootstrap-sb-admin-2/ 에 소개된 템플릿을 기본으로 그누보드 베이직 테마에 맞게 수정한 것입니다.
베이직 테마를 기본으로 맘에 드는 소스를 하나씩 맞춰가면 짜맞췄습니다.
실력이 부족해서 시간과 노동력으로 작업하고 있습니다. ㅋㅋ

더 좋은 방법이 있으면 알려주세요. 댓글 감사합니다.
5년 전
감사합니다. 정말 멋지네요.
댓글 감사합니다.
행복한 하루되세요.
5년 전
지나가다가 답변 흘리고갑니다 ^^;

모바일접속시 PC사이즈로 보이는 부분은
반응형이라 모바일 버전을 따로 안쓰기때문에
뷰포트를 추가하시면 될거같네요.

head.sub.php 파일 53라인 쯤에

[code]
echo '<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10,user-scalable=yes">'.PHP_EOL; // 추가
[/code]

추가해주시면 잘보일것 같습니다.
적용 해보진 않았지만 ㅎㅎ

[http://sir.kr/data/editor/2004/ee31f5efedbedc9455f10cb80c8e6209_1585851634_3893.PNG]
좋은 지적 감사합니다.

덕분에 모바일 반응형 관련해서 수정해서
sb-admin2에서 sb-admin2.0.1로 파일 변경해 올렸습니다.

2020.04.03. 일자 이후 다운 받으시는 분들은 모바일 반응형 문제없이 사용하실수 있게되었습니다. 감사합니다.

또 다른 지적 사항 있으면 언제든지 글 남겨주세요~
행복한 하루되세요!
5년 전
ㅎㅎ 응원합니다~
알려주신 방법으로 테스트해보니 잘됩니다. 감사합니다.
좋은 하루 되세요!
5년 전
네 좋은하루 되셔요~
5년 전
좋아보여요~ 고생하셨습니다^^

게시글 목록

번호 제목
5686
5653
5532
5468
5398
5316
5242
5241
5239
5236
5235
5198