선택된 메뉴만 다른 css 적용하는 방법 조언부탁드립니다..!
선택된 메뉴만 다른 css 적용하는 방법 조언부탁드립니다..!
간단하게 서체 굵기, 색상정도만 변경하고싶습니다.
검색해서 다양한 코드를 보긴했는데, 제가 php, 자바스크립트를 잘모르다보니
변형된 head.php파일에 어떻게 적용해야할지 모르겠더라구요.
짜집기해봐도 잘안되고 ㅜㅜ
head.php 파일에서 어디를 어떻게 고쳐야할까요??
bo_subject를 사용했던 방법에서는 보드에만적용되고 다른건 제가 코드를 잘모르다보니
적용을해도 잘안되네요 ㅠㅠ 조언부탁드립니다..!
(사이트 내에서 메뉴는 .gnb_1da 로 잡힙니다. )
본문 바로가기
답변 4개
답변주셔서 정말 감사드립니다!
답변주신 내용들과 같이 짜집기해서 아래와 같이 해결했습니다.
다만, co_id 페이지말고 자체적으로 만든 sub폴더안의 php페이지도 연결하려했는데 그건 아직 해결못했습니다.
참고용으로 코드올려요~! (게시판 (bo_table)과, 내용관리페이지(co_id) 만 반영됩니다.
head.php 부분 반영
추가되는 부분 :
변경되는 부분 (gnb_1da) :
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
다음과 같은 방법도 있으니 참고해서 원하시는 형태로 구현하시면 될 것 같습니다.
댓글을 작성하려면 로그인이 필요합니다.
.gnb_1da {
display:block; margin:0 auto;
}
display:block; margin: 0 auto; 는 공통이고 나머지는 게시판별 달리 주는 것입니다.
댓글을 작성하려면 로그인이 필요합니다.
탑의 메뉴는 <h2>메인메뉴</h2> 이부분이 메뉴 이며
css 폴더안에
default.css 파일을 열어서 메인메뉴 검색하면 css 정의 가 되어있습니다.
서체 굵기, 색상정도만 변경하고싶다고 하셨는데.
그렇다면
default.css 파일에서 .gnb_1da 검색하여,
color:#080808; 원하는 폰트 색상 과 font-weight: bold; 굵기 요소를 원하는 값을 변경해주시면됩니다.
.gnb_1da {display:block; font-weight:bold; padding:0 15px; color:#080808; text-decoration:none; }
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
참고하셔서 원하시는 형식으로 구현해 보세요
[code]
<?php
// 현재 페이지의 경로를 가져옵니다.
$current_url = $_SERVER['REQUEST_URI'];
// 게시판과 내용 관리 페이지를 메뉴로 설정할 시, $txt로 저장
if ($board) {
$txt = $board['bo_subject'];
} elseif ($co) {
$txt = $co['co_subject'];
} else {
$txt = "기본값";
}
// 단, 제목 co_subject, bo_subject와 menu_list의 메뉴명이 반드시 동일해야 함
?>
<!-- 메뉴 항목을 출력할 루프 -->
<?php foreach ($menu_list as $row) { ?>
<li class="gnb_1dli" style="z-index:<?php echo $gnb_zindex--; ?>">
<a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>"
class="gnb_1da<?php echo ($current_url == $row['me_link']) ? ' active' : ''; ?>">
<?php echo $row['me_name'] ?>
</a>
</li>
<?php } ?>
[/code]
현재 페이지의 경로($current_url)를 가져와서 각 메뉴 항목의 링크($row['me_link'])와 비교하여 현재 페이지와 메뉴 항목의 링크가 일치하면 active 클래스를 적용하여 일반페이지(즉 test.php)에도 색상을 변경할 수 있을 것 같습니다.