그누보드 5.3 용 상단레이아웃 입니다.
그누보드 5.3.1.2에서 작업하였으며 반응형 안디자인님의 그누 5.3버전 테마 반응형입니다 에서도
적용될 수 있도록 작업하였습니다.
그누보드 5.3 버전 구조 파악하는 겸 이것 저것 수정하다 공개하는 것이니 완벽하지 않을 수 있습니다.
그래서 파일을 따로 빼서 기존 소스는 아예 수정하지 않도록 하였습니다.
다운 받으신 head.layout.php을 \theme\basic\css\head.layout.php 에 업로드 합니다.
\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">
빨간 글씨 처럼 추가 합니다.
결과를 확인하면
상단의 탑메뉴가 색이 바뀌고 검색창 색이 바뀌고 등등 바뀝니다.
순수하게 css만 수정하여 후 적용으로 한것이기에 전 css 파일을 건들지 않습니다.
색상을 고정하고 싶으시면 첨부파일 head.layout.php 의 10,11 라인을 주석 처리하시고
8 라인에 변수에 색상을 지정하세요.
처음 설명과 같이 반응형에도 적용하여 다음과 같이 나옵니다.
첨부파일
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 26개
공개된 다른 팁을 접목해보려니 어렵네요.
365일이 지나 추천을 못하는게 아쉽습니다
좋은 레이아웃 부탁드립니다-