[pc버젼] 그누5.3 / 1024픽셀 / aside엄슴 정보
[pc버젼] 그누5.3 / 1024픽셀 / aside엄슴
첨부파일
본문
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를 활용했습니다.
- 모바일버젼은 전혀 손대지 않았습니다.
특별하게 많이 작업한게 없으니 응용하시긴 쉬우리라 봅니다. ^^
그럼 즐거운 주말 보내세요 ㅎ
!!!! 링크는 너무 마이 클릭하지 말아주세용~ ㅎ 극서민 서버에 빈대붙어 있어서 과다 트래픽으로 다운되면 눙물이 흐릅니다. ㅠㅜ
댓글 전체





감사합니다




감사히 잘쓰겠습니다!..

우선 그누보드가 설치된 루트폴더 아래 bbs/board.php 파일의 유무를 확인하시는게 우선일듯 싶네요.
(되도록 처음부터 클린설치하시길 권장합니다.)

그누보드 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 속성때문에 왼쪽으로 무조건 붙어버리게 됩니다.

즐거운 주말 보내십시오


포인트 모이면 잘 사용하겠습니다.
'skin/content/basic/content.skin.php이 존재하지 않습니다.'











theme 폴더내에 업로드된 테마의 폴더 이름으로 테마설정창에 표시가 됩니다.
물론 미리보기 이미지는 기본 basic 이미지 그대로 설정되어 있어서 혼란이 있을수는 있습니다. ^^
혹여 계속 문제가 발생되서 테마 설정이 번거로우시다면 해당 테마폴더내에 있는
readme.txt 파일의 내용을 수정해 보시길 바랍니다.

테마설정 목록 화면에 썸네일만 저렇게 보이고 실제로 테마를 적용하면 올려주신 테마로 잘 보입니다.
모바일 버전이 빨리 나왔으면 좋겠네요~ 응원할게요~



그러면 어느 부분을 수정하면 가로폭을 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 파일을 로딩하신 후
가로폭에 맞게 직접 조정하셔야 할겁니다.

적용해보니 1300은 좀 넓은거 같아서 1200정도로 조정해서 적용했습니다~ ^^



최상단에 로그아웃 옆에 사용자가 로그인하면 사용자 이름이랑 알림, 쪽지 온거를 출력하고 싶은데요.
어디를 수정하면 위 내용을 출력해 줄 수 있을가요?
그 줄에 간단한게 출력하고 싶습니당.
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> 태그로
삽입하시면 됩니다.

저도 확인이 늦었네요~ ^^;;;;;;;
일단 급한대로 다른 방법으로 적용해두었습니당~ ^^
알려주신 방법도 참고해 추후에 적용해 보도록 하겠습니다.





그중에 하나로 미리보기 하시고 설정하시면 될거에요. ^^




살리려고 소스 뒤져보고있는데 살려내도 내용이 없네요

이 테마는 aside를 살리면 width값이 1024px로 메인컨텐츠를 모두 사용하고 있어서
aside가 아래로 밀리게 됩니다.
그래도 굳이 사용하시겠다면 전체 width값을 1350px정도로 수정하시고
(css에서 정의한 aside의 width값 305px과 마진값 20px)
tail.php 파일 11라인에 주석처리 되어있는 aside값을 주석제거 하시면
될것 같습니다.
앞으로도 좋은 자료 기대하겠습니다!


잘 쓰겠습니다...




config.php파일에서 아래 부분을 수정해보세요.
define('G5_USE_MOBILE', false); // 모바일 홈페이지를 사용하지 않을 경우 false 로 설정








