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

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

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개

감사합니다.
오오오 관리자 화면 대시보드... 찾아보고 있었는데!! 감사합니다~!!
부족한 실력이지만 도움이 되셨으면 좋겠습니다.
감사합니다!!! 너무 필요한 정보 입니다.
시간 투자를 많이 못하고 하루만에 만든거라 조금만 수정하셨어 사용하시면 더 좋은 테마를 사용하실 수 있을 겁니다.
무료 테마로 제작된 것이니 도움 되셨으면 합니다.
댓글 감사합니다.
오우 감사합니다 잘 쓸께요~
수정하셨어 더 좋은 테마로 사용하시면 제가 더 감사하겠습니다.
워드프레스 대시보드 같네요. 멋집니다.
감사합니다. 많은 조언 부탁합니다.
대박, 쇼핑몰용 있다면!! 정말!!! 최고!
감사합니다.
쇼핑몰은 기능이 너무 많아서...
조금 수정하시면 관리자 페이지를 이것으로 사용해보실수 있을 듯합니다.
멋지네요.

http://www.marriottkoreapromos.com/promotion/lists/birthday
이런걸 테마로 만들어 주면 안되시겠어요?
업체소개 테마가 필요합니다. ^^
제가 가진 기술이 미천해서... T,T
기간은 장담 못드리겠지만 만들어지면 공개해보겠습니다.
(단, 저작권에 문제될만한 부분은 빼고요... ^.^)
네..기다려 볼께요. 감사합니다.
저작권에 문제 될게 있나요?

윗쪽에 업체 카테고리가 있고
아랫쪽에 업체들이 나오게 하는것 입니다.

벤치마킹 하고 있는것 또 하나 있는데요.
http://daontheme.cafe24.com/
http://daontheme.cafe24.com/ 여기는 Forbidden 이네요. ㅎㅎ
[http://sir.kr/data/editor/2002/4b8bf5b31cfe6684d8798e91632baf0d_1582182932_7449.JPG]
이상하네요. 일반페이지인데...
뭐에쓰는 웹페이지에요?
관리자 테마와 차세대 대시 보드 또는 웹 애플리케이션을 구축하는 데 사용할 수있는 최신 개발 워크 플로우 환경용 웹페이지로 사용하실수 있습니다.
공개해 주셔서 감사합니다.
댓글 감사합니다. 도움이 되셨으면 좋겠네요.
님의 실력이 너무 감탄 스럽네요.
멋지십니다.
그리고 감사드려요.
미천한 실력인데... 감사합니다.
이걸 어드민에 적용해도 깔끔할것 같습니다 감사합니다
좋은 결과 있으시길 바랍니다.
감사합니다.
고생 하셨겠습니다!
이런 UI작업 좋아합니다~~
작업시간이 짧아 완벽하지는 않지만...
댓글 감사합니다.
멋진테마 감사합니다 ㅠ
그런데 본문에 나와있는 로그인창이랑 회원가입폼이 본문에 나와있는것처럼 작동이 안되는데 ㅠㅠ
뭐가 문제일가요 ㅠㅠ
http://bydev.cafe24.com/bbs/login.php
http://bydev.cafe24.com/bbs/register.php
http://bydev.cafe24.com/bbs/board.php?bo_table=free&wr_id=1
테마 적용 관련 문서를 보시면 도음이 되실 것 같습니다.
https://sir.kr/faq/57

※ 아마도 관리자로 로긴하시고 환경설정에서 스킨관련한 모든 설정을 "(테마)basic" 으로 변경하시면 적용되실 겁니다.
아하 확인해서 잘처리했습니다 감사합니다!이거 혹시 모바일버전은 없는것인지용..
반응형 웹으로 제작되었지만 일반적인 모바일버전과는 다를 것입니다.
어드민 웹 스타일이라서.. ^.^
모바일에서 반응형이 안되고 pc 화면이 축소되서 나오는데 이건 어디를 수정해야할까요?
테마 환경설정 파일 열어보시면 PC버전으로 고정되어 있고....
반응형 웹으로 제작되었지만 일반적인 모바일버전과는 다를 것입니다.
어드민 웹 스타일이라서.. ^.^
수정이 늦었습니다.
펄스나인님께서 해결책을 알려주셨어 수정해서 다시 올려놓았습니다.
참고하세요. 감사합니다.
대쉬보드 수정 어디에서하나요?
아쉽게도... 파일을 직접 수정하셔야합니다. 참고로 테마 디렉토리에 있는 Index.php의 소스를 수정해야합니다.
댓글 감사합니다. 좋은 하루 되세요.
댓글 감사합니다. 편안한 밤 되세요.
댓글 감사합니다. 코로나 19 바이러스 조심하시구요~
멋집니다. 감사합니다.
댓글 감사합니다. 멋진 실력으로 수정하셨어 예쁜 사이트 만드세요.
감사합니다.
감사합니다. 댓글. 오늘도 좋은 하루 되세요.
댓글 감사합니다.
말씀하신 수정사항 전부 수정하고 모바일로 접속하니깐 모바일 크기가 아닌 일반 PC 화면 크기로 나오는데 다른 부분을 더 수정해야 하나요?
기본 반응형으로 제작되었지만 대시보드의 특성상 완전한 반응형이라고 할수는 없습니다.
모바일로 접속하시면 좌측 메뉴는 사라지고 메인 화면의 컨텐츠(최신글)이 보이실텐데...
만약 안되신다면 다시 댓글 남겨봐주세요.. 감사합니다.
말씀하신 좌측메뉴가 그래도 있네요...(첨부파일_참조)
[http://sir.kr/data/editor/2003/2949ca12c23aa655db42bf9043ca98b2_1583239070_8251.jpg]
확인했습니다. 시간내어 수정작업이 필요할 것 같습니다. T.T
예전에 반응형 테마 (AdminLTE 2.4.5)를 올렸었는데 혹시 도움 되실지 모르겠네요.
※ 참고URL => https://sir.kr/g5_theme/3526
대시보드로 만든 반응형 테마입니다.
수정이 늦었습니다.
펄스나인님께서 해결책을 알려주셨어 수정해서 다시 올려놓았습니다.
참고하세요. 감사합니다.
감사합니다. 사용해봐야겠네요.
댓글 감사합니다. 좋은 하루 되세요~
정말 찾던 테마인데, 너무 감사합니다. 잘 사용해 보겠습니다.^^
찾으셨던 테마라니 다행입니다.
동물원님의 멋진 실력으로 더 멋진 테마로 탄생하길 기대합니다.

오늘도 좋은 하루 보내세요..
제작자님. 편리한 테마 너무 감사합니다. 그런데 테마 타이틀 로고를 어디서 어떻게 변경해야하는 것인지 도무지 모르겠습니다. 지도편달 부탁드립니다.
/theme/ sb-admin2/sidebar.php <--- 여기에 보시면 13번째줄의 <?php echo $config['cf_title']; ?> 부분에 로고를 넣으시면 될겁니다.

테마가 편하시다니 다행입니다. 멋진 웹사이트 만드시길 바랍니다.
감사합니다.
와우 너무 감사 드립니다.
감사합니다. 좋은 하루 되세요.
공개된 테마 붙이는 작업 어떻게 하시는지 궁금하고 대단하고 부럽네요ㅎㅎ
작업은 작업의뢰가 들어오거나 사이트 구경하다 맘에 드는 사이트 있으면 소스를 보면서 수정합니다.

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

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

모바일접속시 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. 일자 이후 다운 받으시는 분들은 모바일 반응형 문제없이 사용하실수 있게되었습니다. 감사합니다.

또 다른 지적 사항 있으면 언제든지 글 남겨주세요~
행복한 하루되세요!
ㅎㅎ 응원합니다~
알려주신 방법으로 테스트해보니 잘됩니다. 감사합니다.
좋은 하루 되세요!
네 좋은하루 되셔요~
좋아보여요~ 고생하셨습니다^^
감사합니다. 더 노력하겠습니다.
와 대박이네요!!!!
대박까지는 아니구요~! ㅋㅋ
감사합니다. 댓글
감사합니다 잘사용하겠습니당!!!
댓글 감사합니다. ^.^
잘 사용하겠습니다~
댓글 감사합니다.
댓글 감사합니다.
Earning Overview 부분의 그래프 수정하려면 어디서 해야 될까요 ?
게시판 전체화면으로 뜨는데 해결방안 있을까요

새창으로 이동하듯이
너무 좋아요~ 잘쓰겠습니다^^
관리자형테마/관리자용 따로는 아닌듯...
요즘 작업하는데 이런 스타일 테마를 자주 사용하게 되는군요.
감사합니다.
오~ 멋지네요..관리자 화면 대시보드
감사합니다 잘쓰겠습니다!
멋지네요ㅎㅎ
재밌는 자료네요...ㅎㅎ
감사합니다.
데쉬보드에 카테고리들은 따로 만들어야하나요?
싹비어져있는데
찾던 테마입니다. 잘 쓰겠습니다.
정말 감사합니다~ㅎ 안그래도 골치아팠던 부분인데~
안녕하세요
올려주신 테마를 사용하려고 적용하였는데 약간의 에러가 발생해서 문의드립니다.

https://sir.kr/g5_skin/34688 해당 게시판 스킨을 적용한 게시판을 불러왔는데

게시판 상단 부분은 표시되는데 하단 리스트 부분이 표시되지 않고 있습니다.

해결하려고 상기 내용들을 참고해서 적용해 보았으나 잘 안되어 이렇게 문의드려

봅니다.

해결 방법이 없을까요?

참고로 그누보드 새로 설치해서 적용한 상태입니다.

게시판 목록

그누보드5 테마

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
글쓰기
🐛 버그신고