메인메뉴 글자 CSS
본문
일반적으로 그누보드를 사용해서 메뉴를 정하면 모든 메뉴에 동일한 CSS가 적용되는데요.
혹시 아래 그림처럼 메뉴에 적용된 CSS중에서 마지막 메뉴 글자만 배경색을 넣는다던지
다르게 CSS를 적용하려면 어떻게 해야 하는지 고수님들 조언 부탁드립니다.
답변 2
<style>
.last-menu-item {
color: #f00; /* 마지막 메뉴 글자 색상 변경 */
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
var menuItems = document.querySelectorAll(".gnb_1da");
if (menuItems.length > 0) {
menuItems[menuItems.length - 1].classList.add("last-menu-item");
}
});
</script>
이 코드를 하단에 추가 하세요.
채택 감사 합니다.
.gnb_1da => .dropdown-toggle
:last-child 쓰시면됩니다
gnb_1dli:last-child a{
/* css 속성*/
}
제가 자세하게 문의를 안해서 죄송합니다.
예전 메뉴방식을 사용하고 있는데요. 여기서 어떻게 해야하는지 궁금해서요...
<?php
$sql = " select *
from {$g5['menu_table']}
where me_use = '1'
and length(me_code) = '2'
order by me_order, me_id ";
$result = sql_query($sql, false);
for ($i=0; $row=sql_fetch_array($result); $i++) {
// 드롭다운 여부 확인 쿼리
$sql2 = " select count(*) as cnt
from {$g5['menu_table']}
where me_use = '1'
and length(me_code) = '4'
and substring(me_code, 1, 2) = '{$row['me_code']}'
order by me_order, me_id ";
$row2 = sql_fetch($sql2);
$add_li_class = '';
$add_a_class = '';
$add_a_icon = '';
if($row2['cnt']){
$add_li_class = ' class="dropdown"';
$add_a_class = ' class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"';
$add_a_icon = ' <i class="fa fa-angle-down"></i>';
}
?>
<li<?php echo $add_li_class; ?>>
<a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>"<?php echo $add_a_class; ?>><?php echo $row['me_name'] ?><?php echo $add_a_icon ?></a>
<?php
$sql2 = " select *
from {$g5['menu_table']}
where me_use = '1'
and length(me_code) = '4'
and substring(me_code, 1, 2) = '{$row['me_code']}'
order by me_order, me_id ";
$result2 = sql_query($sql2);
for ($k=0; $row2=sql_fetch_array($result2); $k++) {
if($k == 0)
echo '<ul class="dropdown-menu" role="menu">'.PHP_EOL;
?>
<li><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>"><?php echo $row2['me_name'] ?></a></li>
<?php
}
if($k > 0)
echo '</ul>'.PHP_EOL;
?>
</li>
<?php
}
if ($i == 0) {
?>
<style type="text/css">
/* 메뉴가 없는 경우 중앙 정렬 */
.navbar-nav, .navbar-nav > li { float:none; text-align:center; }
</style>
<li>
<?php
$add_url = '#';
if ($is_admin) {
$add_url = G5_ADMIN_URL.'/menu_list.php';
$add_msg = '<br /><b class="text-danger">관리자모드 > 환경설정 > 메뉴설정</b>에서 설정하실 수 있습니다.';
}
?>
<a href="<?php echo $add_url; ?>" class="kor">
메뉴 준비 중입니다. <?php echo $add_msg ?>
</a>
</li>
<?php } ?>
