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

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

· 7년 전 · 23716 · 139
1024full.png

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를 활용했습니다.

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

 

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

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

 

 

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

댓글 작성

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

로그인하기

댓글 139개

7년 전
답변 감사드립니다.
적용해보니 1300은 좀 넓은거 같아서 1200정도로 조정해서 적용했습니다~ ^^
7년 전
감사합니다. ㅎㅎ
7년 전
감사합니다, 참 깔끔하네요
이쁘게 잘 적용 해보겠습니다.
감사합니다.
7년 전
한가지 더 문의 드릴게영~

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

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

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

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

[code]
<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>
[/code]

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

일단 급한대로 다른 방법으로 적용해두었습니당~ ^^
알려주신 방법도 참고해 추후에 적용해 보도록 하겠습니다.
7년 전
감사합니다 잘쓰겠습니다 ^^
감사합니다