2026, 새로운 도약을 시작합니다.

그누보드 5.3 용 상단레이아웃 입니다.

20180521_002619.png

그누보드 5.3.1.2에서 작업하였으며 반응형 안디자인님의 그누 5.3버전 테마 반응형입니다 에서도

적용될 수 있도록 작업하였습니다.

그누보드 5.3 버전 구조 파악하는 겸 이것 저것 수정하다 공개하는 것이니 완벽하지 않을 수 있습니다.

그래서 파일을 따로 빼서 기존 소스는 아예 수정하지 않도록 하였습니다.

다운 받으신 head.layout.php을 \theme\basic\css\head.layout.php 에 업로드 합니다.

1848609079_1526830096.3218.png

\theme\basic\head.php 파일을 열어 수정합니다. 대충 16라인 쯤 아래

include_once(G5_LIB_PATH.'/popular.lib.php');

include_once(G5_THEME_PATH.'/css/head.layout.php'); // 상단 메뉴 레이아웃 by 벌이뉨 2018.05.20
?>
<!-- 상단 시작 { -->
<div id="hd">

빨간 글씨 처럼 추가 합니다.

1848609079_1526830225.3541.png

결과를 확인하면

1848609079_1526830262.2103.png

1848609079_1526830284.1136.png

1848609079_1526830301.1005.png

상단의 탑메뉴가 색이 바뀌고 검색창 색이 바뀌고 등등 바뀝니다.

순수하게 css만 수정하여 후 적용으로 한것이기에 전 css 파일을 건들지 않습니다.

색상을 고정하고 싶으시면 첨부파일 head.layout.php 의 10,11 라인을 주석 처리하시고

8 라인에 변수에 색상을 지정하세요.

1848609079_1526830446.6165.png

처음 설명과 같이 반응형에도 적용하여 다음과 같이 나옵니다.

1848609079_1526830512.9445.png

첨부파일

20180521_002619.png (19.4 KB)
0회 2018-05-21 00:36 포인트 차감 1
head.layout.php (4.4 KB) 136회 2018-05-21 11:31 포인트 차감 1
|

댓글 26개

와... 좋다 좋다 감사해요 ~~
헐..이것은...가뭄의 단비..
좋아요 !! 감사합니다
사용중인 1,2차 메뉴의 색상을 다르게 보여주는 방법이 있을까요?
공개된 다른 팁을 접목해보려니 어렵네요.
감사합니다. 잘 적용 해보겠습니다.~~
감사합니다 ㅎㅎ
감사합니다 잘 쓰겠습니다 ㅎ
오, 깔삼깔삼 하네요, 잘쓰겠습니다^^
감사합니다~
정말 마음에 드네요 ^^
365일이 지나 추천을 못하는게 아쉽습니다

좋은 레이아웃 부탁드립니다-
감사합니다
좋아요 한번 시도했는데 깨끗하게 좋아요 잘쓰겠습니다
좋은 자료 감사합니다.
좋은 자료 감사합니다.
감사합니다.

댓글 작성

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

로그인하기
🐛 버그신고