[pc버젼] 그누5.3 / 1024픽셀 / aside엄슴 > 그누보드5 테마

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

그누보드5 테마

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

[pc버젼] 그누5.3 / 1024픽셀 / aside엄슴 정보

[pc버젼] 그누5.3 / 1024픽셀 / aside엄슴

첨부파일

1024full.zip (2.0M) 618회 다운로드 2018-03-24 16:04:18 포인트 차감2

본문

5.3 기본 basic 테마에서 상단만 수정한 파일이라고 보시면 됩니다.

최소 width값인 1024픽셀로 조정하였습니다. (기존 1200픽셀)

메인 로고를 중앙정렬 / search바를 우하단으로 이동시키고 / sns 버튼을 좌측상단에 추가시켰습니다.

나머지는 5.3 기본스킨에 충실하였습니다.

 

페이지 중앙에 full width focus slide 배너 하나 작업하려다가 내후년 이맘때를 기약(?)하고

올려봅니다. ㅎ (귀챠니즘은 전지전능하심 ㄷㄷㄷㄷㄷ)

 

로고는 포함되지 않았습니다. (아는 업체 제공용)

 

- 메인 슬라이드 배너는 index.php 파일을 보시면 아시겠지만 banner라는 테이블명의 게시판의

최신글을 불러오게 되어 있습니다.

- 5.3 순정에서는 최신글 랜덤에서 notice를 aside한줄 최신글로 배치시켜서 메인컨텐츠에서 배제

되어있지만 이 테마는 aside를 없애버려서 노출시키도록 조정하였습니다. 단, banner라는 테이블을

숨겼습니다.

(말은 겁내 어렵게 되었으나 걍 간단에서 해당 코드에서 notice를 빼고 banner를 추가시켰을뿐)

- 메인메뉴는 상단에서 특정 스크롤 이상 내려왔을때 상단에 붙어있도록 js를 활용했습니다.

- 모바일버젼은 전혀 손대지 않았습니다.

 

특별하게 많이 작업한게 없으니 응용하시긴 쉬우리라 봅니다. ^^

그럼 즐거운 주말 보내세요 ㅎ

 

 

!!!! 링크는 너무 마이 클릭하지 말아주세용~ ㅎ 극서민 서버에 빈대붙어 있어서 과다 트래픽으로 다운되면 눙물이 흐릅니다. ㅠㅜ

추천
32
#PC

댓글 전체

board.php 파일을 정상적으로 로드하지 못한것 같은데요. 제 테마와는 상관없는 증상같습니다.
우선 그누보드가 설치된 루트폴더 아래 bbs/board.php 파일의 유무를 확인하시는게 우선일듯 싶네요.
(되도록 처음부터 클린설치하시길 권장합니다.)
추가적으로 필요한 js 파일과 폰트어웨이썸관련 파일도 정상적으로 로드하지 못하고 있네요. 아무래도 db랑 파일 전부 삭제 하시고 다시 설치하시길 권장합니다.
그누보드 5.3 이상 버젼으로 설치하세요.
위에 이미지처럼 게시판 두개만 보이게 할려면 어떻게 해야 하나요
저는
<!-- 최신글 시작 { -->

            <div style="float:left;" class="lt_wr">
  <?php echo latest('theme/basic', 'b1', 8, 13)?>
</div>

            <div style="float:left;" class="lt_wr">
    <?php echo latest('theme/basic', 'b12', 8, 13)?>
</div>


    <!-- } 최신글 끝 -->
이렇게 넣으니까 게시판 가운데가 딱 붙던데요
가운데가 약간 떨어져야되는데 꼭좀 알려주세요 ^^

현재의 최신글은 모든 게시판을 랜덤으로 메인에 뿌려주는 형태입니다.
만약 게시판이 test1, test2 라는 테이블로 생성되어 있다면

test1 과 test2를 모두 메인페이지에 뿌려주겠죠.

그래서 별도의 테이블명을 지정하지 않고

    <div style="float:left;<?php echo $lt_style ?>" class="lt_wr">
        <?php
        // 이 함수가 바로 최신글을 추출하는 역할을 합니다.
        // 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);
        // 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
        echo latest('theme/basic', $row['bo_table'], 6, 24);
        ?>
    </div>

형태로 $row['bo_table'] 게시판 테이블명 모두를 최신글로 불러오게 되죠. ^^

하지만 원하시는 게시판 2개만 불러오고 싶으시다면

30번째줄 근처에서

$sql .= " and a.bo_table not in ('gallery', 'banner') ";     //공지사항과 갤러리 게시판은 제외

이 부분을 찾으셔서 최신글에서 제외시킬 게시판 테이블명을 추가 하시면 해결됩니다.


댓글로 적으신것처럼 따로 따로 게시판을 불러오게 되면 float 속성때문에 왼쪽으로 무조건 붙어버리게 됩니다.
음.. 전 그누보드 5.3.1.7 버전 설치해서 테마는 아리아나벤티님의 블랙빈 테마랑 퓨어블루 테마, 그리고 안디자인님 테마를 설치해봣는데요.
그 후에 이 테마를 적용하려고 설치하고 관리자에서 테마설정 메뉴에 들어가니 아래 그림처럼 베이직도 안디자인님 테마로 보이고 이 테마도 안디자인님 테마처럼 보입니다. ㅠㅜ
왜 그런걸까요?
음 저는 정상적으로 표시가 되는데 정확히 어떤 문제인지 알 수가 없네요.
theme 폴더내에 업로드된 테마의 폴더 이름으로 테마설정창에 표시가 됩니다.
물론 미리보기 이미지는 기본 basic 이미지 그대로 설정되어 있어서 혼란이 있을수는 있습니다. ^^

혹여 계속 문제가 발생되서 테마 설정이 번거로우시다면 해당 테마폴더내에 있는
readme.txt 파일의 내용을 수정해 보시길 바랍니다.
답변 감사합니다~
테마설정 목록 화면에 썸네일만 저렇게 보이고 실제로 테마를 적용하면 올려주신 테마로 잘 보입니다.
모바일 버전이 빨리 나왔으면 좋겠네요~ 응원할게요~
혹시 테마의 가로폭을 1024에서 1300으로 늘리고 싶은데
그러면 어느 부분을 수정하면 가로폭을 1300으로 해서 쓸 수 있을까요? PC 버전만 화면을 좀 크게 보고 싶어서요.
답변이 늦었습니다. 작업한지 너무 오래되서 기억이 가물가물하네요 ㅎ

가장 기본적으로 테마/css폴더에 가셔서 default.css 파일을 에디터로 로딩하신 후
46번째 줄에 있는 아래 코드의 width값을 수정하시고

/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft{min-width:1024px}

#hd_pop,
#hd_wrapper,
#tnb ul,
#gnb .gnb_wrap,
#container_wr,
#ft_wr{width:1024px}


174번째 줄에 있는 id값 container의 width값을 수정하시면 우선적으로 가로폭이
전체적으로 조정을 될겁니다.

#container {z-index:4;position:relative;float:left;min-height:500px;height:auto !important;margin:0 0 20px 0;height:500px;font-size:1em;width:1024px;zoom:1}


그 다음 중요한게 index의 최신글 스킨의 각 가로폭 변경인데요.
테마\skin\latest\basic스킨 폴더에 있는 style.css 파일을 로딩하신 후
가로폭에 맞게 직접 조정하셔야 할겁니다.
한가지 더 문의 드릴게영~

최상단에 로그아웃 옆에 사용자가 로그인하면 사용자 이름이랑 알림, 쪽지 온거를 출력하고 싶은데요.
어디를 수정하면 위 내용을 출력해 줄 수 있을가요?
그 줄에 간단한게 출력하고 싶습니당.

ex.) 홍길동 1,234점 | 알림 3 | 쪽지 5 | 로그아웃 | 정보수정

이런 식으로요.
답변이 늦었습니다.

테마폴더/head.php 파일을 에디터로 로드하신 후
29라인의


    <div id="tnb">
        <ul>
            <div>
            <a href="#"><i class="fa fa-facebook-square" aria-hidden="true"></i> FaceBook</a></div>
            <div style="border-right:1px solid #ddd">
            <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i> Instagram</a></div>
            <?php if ($is_member) {  ?>

            <li style="border-right:1px solid #ddd"><a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=<?php echo G5_BBS_URL ?>/register_form.php"><i class="fa fa-cog" aria-hidden="true"></i> 정보수정</a></li>
            <li><a href="<?php echo G5_BBS_URL ?>/logout.php"><i class="fa fa-sign-out" aria-hidden="true"></i> 로그아웃</a></li>
            <?php if ($is_admin) {  ?>
            <li class="tnb_admin"><a href="<?php echo G5_ADMIN_URL ?>"><b><i class="fa fa-user-circle" aria-hidden="true"></i> 관리자</b></a></li>
            <?php }  ?>
            <?php } else {  ?>
            <li style="border-right:1px solid #ddd"><a href="<?php echo G5_BBS_URL ?>/register.php"><i class="fa fa-user-plus" aria-hidden="true"></i> 회원가입</a></li>
            <li><a href="<?php echo G5_BBS_URL ?>/login.php"><b><i class="fa fa-sign-in" aria-hidden="true"></i> 로그인</b></a></li>
            <?php }  ?>

        </ul>
  
    </div>


이부분에서 <li>로 시작하는 로그아웃 부분 앞줄에 새로운 <li></li> 태그로
삽입하시면 됩니다.
답변 감사합니다.
저도 확인이 늦었네요~ ^^;;;;;;;

일단 급한대로 다른 방법으로 적용해두었습니당~ ^^
알려주신 방법도 참고해 추후에 적용해 보도록 하겠습니다.
답변이 늦었습니다. 아마 테마설정에 가시면 basic으로 두개가 보일겁니다.
그중에 하나로 미리보기 하시고 설정하시면 될거에요. ^^
답변이 늦었습니다.
이 테마는 aside를 살리면 width값이 1024px로 메인컨텐츠를 모두 사용하고 있어서
aside가 아래로 밀리게 됩니다.

그래도 굳이 사용하시겠다면 전체 width값을 1350px정도로 수정하시고
(css에서 정의한 aside의 width값 305px과 마진값 20px)
tail.php 파일 11라인에 주석처리 되어있는 aside값을 주석제거 하시면
될것 같습니다.
좋은 자료 감사합니다. 질문이 있는데요. 작업이 모바일에서는 보이지 않습니다. 제가 PHP를 잘 몰라 그러는데 아예 모바일에서 기존 데스크탑 용으로만 계속 보이도록 하는것은 어떻게 설정하면 되나요? 모바일용을 아예 사용하지 않고 자동 변경 막고 싶습니다.
모바일 버젼을 사용하고 싶지 않다는 말씀이신거죠?

config.php파일에서 아래 부분을 수정해보세요.

define('G5_USE_MOBILE', false); // 모바일 홈페이지를 사용하지 않을 경우 false 로 설정
또 질문을 드려 죄송합니다. 이번엔 메뉴 부분 문제 인데요ㅜ.ㅜ 메뉴, 서브메뉴를 많이 두었을경우, 처음 메뉴바 클릭이 잘 안되고 ,,, 튕기거나 그래서 부드럽게 메뉴가 아래로 잘 안열려요... 이걸 잘 열 수 있는 방법 없을까요?
전체 188 |RSS
그누보드5 테마 내용 검색

회원로그인

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