그누보드 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 라인에 변수에 색상을 지정하세요.

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