메뉴 선택시, 선택된 메뉴의 글씨색상을 바꿔줄 수 있나요? - 커뮤니티

본문 바로가기
전체검색

커뮤니티

강좌 열람은 비회원도 볼 수 있게 모두 공개되어 있습니다.

메뉴 선택시, 선택된 메뉴의 글씨색상을 바꿔줄 수 있나요?

독학하는초보자 18-06-30 11:14

*반응형이지만, 모바일 크기 위주로 작업중입니다.
*별로 많은 작업을 한건 아닌데, 지금 해놓은 상태를 말씀드리려고 하다보니 글이 길어보일 수 있는점 양해부탁드립니다.

------------------------------

https://sir.kr/g5_theme/2563
▲ 그누보드 5.3버전 반응형테마

현재 사용중인 테마는 위의 그누보드 5.3버전 반응형 테마를 사용중입니다.
그런데, 여기 그누스터디 홈페이지 상단메뉴처럼 가로 상단 메뉴를 하나 만들고자 했습니다.

------------------------------

https://sir.kr/g5_theme/1904?sfl=wr_subject%7C%7Cwr_content&stx=%EC%BB%A4%EB%AE%A4%EB%8B%88%ED%8B%B0
▲ 그누보드 5.2버전 커뮤니티2 테마

그래서, 위의 커뮤니티2 테마의 모바일버전 상단 메뉴를 그대로 가져오기로 했습니다.

------------------------------

그래서 현재 그누보드5.3 반응형 테마가 적용된 상태에서,
루트/theme/basic/head.php 파일에 

[code] 

<ul id="hd_nb">
 

       <li><a href="http://도메인/bbs/board.php?bo_table=gallery">메뉴1</a></li>

 <li><a href="http://도메인/bbs/board.php?bo_table=gallery2">메뉴2</a></li>

            

</ul>
[/code]

커뮤니티2 테마의 모바일버전 상단메뉴 소스인 위의 소스코드를 그대로 입력하여, 메뉴를 추가하였고,

------------------------------

루트/theme/basic/css/respons.css 파일에 

[code]

#hd_nb {clear:both;background:#fff;text-align:center;border-bottom:1px solid #dee0e2;}

#hd_nb li {display:inline-block}

#hd_nb li:nth-last-of-type(1) {border-right:0 !important}

#hd_nb a {display:inline-block;padding:10px 7px;text-decoration:none;font-weight:bold; font-size:16px; color:#888888;}

[/code]

마찬가지로 커뮤니티2 테마의 모바일버전 상단메뉴 관련 css인
위의 css내용을 그대로 붙여넣어서,

커뮤니티2 테마의 모바일 상단메뉴를
거의 본모습 그대로 그누보드5.3 반응형테마에 이식을 완료하였습니다.

여기까지는 혹시나해서 현재 홈페이지의 상태를 말씀드렸습니다.

------------------------------

지금부터 질문을 하도록 하겠습니다.
저는 상단의 메뉴를 클릭했을시에 활성화된 메뉴의 글씨색상을 다르게 표현을 하고 싶습니다.

https://sir.kr/g4_qa/247662
▲ 2012년도 관련 질문글

위의 질문글에 달린 댓글을 통해서 작업을 해보았으나,

679cf87719c8238caa095fe4bc8bc432_1530324575_136.png

메뉴1을 누르면, 메뉴1에 불이 들어오는것이 아니라, 게시판이라는 글씨에 불이 들어오고,

679cf87719c8238caa095fe4bc8bc432_1530324623_0251.png

메뉴2를 누르면, 메뉴2에 불이 들어오는것이 아니라, 갤러리라는 글씨에 불이 들어오게 되었습니다.

물론, 위 질문글의 댓글에 있는 소스를 응용하라고 말씀하셨습니다.

그래서, 메뉴1과 메뉴2가 표시되는 소스코드를 불이 들어오는 소스코드 사이,
즉, 게시판/갤러리 라는 글씨가 위치한곳에 넣어봤더니 그냥 레이아웃이 깨져버렸습니다...

제가 응용력이 떨어져서 도무지 상단메뉴에 어떻게 적용을 해야할지 모르겠습니다.
항상 sir에서도 쉽게 답변을 주셔서 도움 많이 받고 있습니다.

바쁘시겠지만, 부디 시간나실때 한번 도움을 주시면 감사드리겠습니다. ^^

댓글목록 +2

댓글목록

profile_image

관리자님의 댓글

관리자 작성일

자동 메뉴가 아니라면 게시판 인식은 이런식으로 하면 될 겁니다.
<a href="/bbs/board.php?bo_table=게시판1"<?php if ($bo_table == '게시판1') echo " style=color:#ff0000" ?>>메뉴1</a>
<a href="/bbs/board.php?bo_table=게시판2"<?php if ($bo_table == '게시판2') echo " style=color:#ff0000" ?>>메뉴2</a>

profile_image

독학하는초보자님의 댓글의 댓글

독학하는초보자 작성일

앗, 바쁘신것같아서 아까 sir에 질문글 올려서 다른분이 답변 주셔서 지금 해결하고,
여기에 해결했다고 댓글 달아놓으려고 했는데, 이미 답변을 주셨네요!!

너무 감사드립니다. ^^

로그인 후 댓글 작성 가능합니다.

로그인

로그인 후 글 작성 가능합니다.
그누스킨닷컴

그누스터디는 그누보드, 영카트를 이용하시는 초보 사용자를 위한 정보를 공유합니다.

E-MAIL : gnustudy@naver.com / 카카오톡 : gnustudy / 텔레그램 : gnustudy
제작 문의를 제외한 일반 문의는 QA 게시판을 이용해주세요.

Copyright gnustudy.com All rights reserved.