1. 위젯페이지의 gnb에 click시(active) 구분하기 위해 다른 색상으로 적용(background-color)하면 잘 구현됩니다만,
2. click해서 게시글로 이동하면 gnb의 active된 메뉴에 background-color 적용이 되지않습니다.
(위 그림처럼 active안된 메뉴와 시각적 구분하고 싶습니다.)
css를 아무리 만져봐도 되질 않네요. javascript를 수정해야 되는 건지. 도움 부탁드립니다.
PHP | PHP 7.2 |
---|---|
CMS | Rhymix 2.1 |
1. 위젯페이지의 gnb에 click시(active) 구분하기 위해 다른 색상으로 적용(background-color)하면 잘 구현됩니다만,
2. click해서 게시글로 이동하면 gnb의 active된 메뉴에 background-color 적용이 되지않습니다.
(위 그림처럼 active안된 메뉴와 시각적 구분하고 싶습니다.)
css를 아무리 만져봐도 되질 않네요. javascript를 수정해야 되는 건지. 도움 부탁드립니다.
루키님 답변 감사드립니다.
제가 원했던 건,
위젯페이지에서 최신글 클릭하면 게시판 본문으로 이동하고,
게시판에서 상단메뉴(정치)를 클릭하면 위젯페이지로 이동하려는 건데 ,
이건 결국 위젯페이지의 레이아웃 설정(메뉴 연결 설정)과 게시판의 레이아웃 설정(메뉴 연결 설정)이 같아야 가능한 것 같은데,(동일한 상단 메뉴를 보여주기 위해서)
제가 잘 이해하고 있는 지 모르겠지만 말씀하신데로 하면,
위젯페이지의 레이아웃 설정(메뉴 연결 설정)과는 또다른 게시판의 레이아웃 설정(메뉴 연결 설정)이 되면 동일한 상단 메뉴를 못보여주는 게 아닌지요?
이게 복잡하게 위젯페이지와 게시판이 연결되어 머리에 쥐가 나려고 합니다.ㅠㅠ
뭐 어떻게든 꼭 그렇게 하셔야 한다면 방법은 많습니다만, URL 을 의도적으로 그렇게 만들어셨는지 아니면 몰라서 일단 URL 을 확인해보라고 남겼습니다.
지금 생각나는 방법으로는...
1. politicsNews1 을 politicsNews 의 하위메뉴로 넣는 방법 (레이아웃에서 2차메뉴 지원한다면...)
2. <!--@if($mid == 'politicsNews' || $mid == 'politicsNews1')--> active <!--@end--> 이런식으로 하드코딩 하는 방법이 있겠습니다.
레이아웃 소스중에 메뉴부분에서 2차메뉴 출력을 제어하는 부분이 있을거에요. 해당 부분 찾으셔서 2차메뉴 출력안되도록 감추거나 하시면 됩니다. .xdt_header .xdt_menu #gnb_menu .sub{
display:none;
position:absolute;
top:38px;
left:50%;
min-width:100px;
background:url('./../img/blackglass.png');
padding:10px;
z-index:10;
text-align:center;
} 이부분인것 같은데
.xdt_header .xdt_menu #gnb_menu .sub{
display:none;
}
.xdt_header .xdt_menu #gnb_menu .sub>li{
display:none;
}
.xdt_header .xdt_menu #gnb_menu .sub>li>a{
display:none;
}
이런식으로 처리하면 될것으로 보입니다.
실제 테스트 해본건 아니라서 참고만 하시길 바랍니다.
politicsNews 가 active 일때 배경컬러가 적용되고 politicsNews1 이 active 일때 politicsNews 가 적용될리는 없지요. 메뉴에 URL이 politicsNews1이라는 메뉴 만들고 테스트 해보세요.