메인 상단메뉴에서 메뉴별 배경색 지정문의
본문
고수님들 도와 주세요~
그누보드 5에서 기본 테마에서
메인 상단 메뉴에서 메뉴별(그룹별)로 배경색이나 배경 이미지를 다르게 적용하고 싶은데 방법이 없을까요?
답변 3
먼제 메뉴가 몇개를 추가되는지를 몰르니 기본10개를 미리 배열에 백그라운드 색상을정해주시면됩니다.
그리고 반복문에서 메뉴 에 순서대로 배경색이 적용되도록 수정해주시면됩니다.
그러면 테마사용중이시면
theme/basic/head.php 파일을열어서 약 122라인 또는 gnb 검색
그렇면 $menu_datas = get_menu_db(0, true); 이와같이 메뉴함수를호출하여 활성화 해주는부분이잇을것입니다.
다음과 같이 모두 수정해보시기바랍니다.
<?php
$bg_colors = ['#fce4ec', '#e8f5e9', '#e3f2fd', '#fff8e1', '#ede7f6', '#fbe9e7', '#f0f4c3', '#c8e6c9', '#d7ccc8', '#f9fbe7' ];
$menu_datas = get_menu_db(0, true);
$i = 0;
foreach( $menu_datas as $row ){
if( empty($row) ) continue;
$add_class = (isset($row['sub']) && $row['sub']) ? 'gnb_al_li_plus' : '';
// 색상 순환 처리
$bg_color = $bg_colors[$i % count($bg_colors)];
?>
<li class="gnb_1dli <?php echo $add_class; ?>" style="z-index:<?php echo $gnb_zindex--; ?>; background-color:<?php echo $bg_color; ?>;">
<a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da"><?php echo $row['me_name'] ?></a>
아래 CSS 매뉴얼을 공부해 보세요.
- https://homzzang.com/b/css-295 - N번째 선택자
- https://homzzang.com/b/css-31 - 배경색/배경이미지 지정
<li class="gnb_1dli <?php echo $add_class; ?>" style="z-index:<?php echo $gnb_zindex--; ?>">
=>
<li class="gnb_1dli <?php echo $add_class; ?>" style="z-index:<?php echo $gnb_zindex--; ?>;background:<?php if($row['me_name'] == '자유게시판') echo '#00000030';if($row['me_name'] == '갤러리') echo '#88000030';if($row['me_name'] == '공지사항') echo '#aa440030';if($row['me_name'] == '질문답변') echo '#00008830';?>">
