묻고답하기
네비게이션에 특정 부분만 색을 다르게 할 수 있을까요??
2016.07.20 11:09
안녕하세요~ 혼자서 xe를 배우면서 만들어보고 있는데요 ㅠ
기본적인 것만 알고있어서, 묻고답하기를 엄청 검색하면서 노력하고 있습니다.
디폴트 스킨으로 만들어보고 있는데, 네비 메뉴중 일부 메뉴만 색을 다르게 바꿔보고 싶은데
제 능력으로는 도저히 어떻게 바꿀 수가 없네요;; 관리자페이지에서 A B C D 라는 메뉴를 등록했으면
D가 있는 박스에만 다른색을 넣어 강조를 하고 싶은데.. css나 html에서 특정 메뉴값을 어떻게 불러와야 하는지
혹여는 다른 방법이 있는지 고수님들의 조언 부탁드립니다.
정말 감사합니다!!
댓글 6
-
수용맘~*
2016.07.22 17:07
-
신희
2016.07.23 21:38
저도 그렇게 생각하고 이미지로 넣을까 고민했는데 다행히 궁금증이 풀렸습니다! ^^ 답변 감사드려요!
-
디자인클립
2016.07.22 17:34
가능합니다.
프로그램적으로 하는 방법이 있고, CSS에서 할 수 있는 방법이 있습니다.
예를 들면 다음과 같이 처리하면 됩니다.(프로그램의 경우)
메뉴를 처음부터 읽어 순번을 매긴다음 3번째 될때 classname 이 추가되는 방식입니다.
단 메뉴가 3개 이상이어야 하겠죠?
{@$_idx = 0;}
<li loop="$global_menu->list=>$key1, $val1" class="clssname"|cond="$_idx==3">
<p>{$val1['link']}</p>
{@$_idx++;}
</li>
CSS의 경우 메뉴부분은 반복되기 때문에
nth-child 를 잘 활용하시면 됩니다. (몇번 째 자식앨리먼트에 속성을 지정할 수 있습니다.
-
신희
2016.07.23 21:36
답변 너무 감사드립니다!! 직접 만져보고 연구해보도록 하겠습니다!!
-
DoorWeb
2016.07.22 17:40
위에 디자이 클럽님이 잘 설명하셨는데요.
똑같은 패턴으로
{@$_idx = 1;}
<li loop="$global_menu->list=>$key1, $val1" class="menu_li{$_idx}">
링크
{@$_idx++;}
</li>
이렇게 처리하면 첫번째 메뉴는 .menu_li1 두번째는 .menu_li2 이런 패턴으로 클라스명을 가지겠죠.
그 기준으로 원하는 메뉴의 색을 변경하시면 됩니다.
기준점만 만들면 css로 색 넣는건 문제가 안되니까요.
-
신희
2016.07.23 21:37
기준점 잡는 방법을 몰랐는데 큰 도움이 됐습니다~ 정말 감사드립니다!!
이 부분은 xe의 css값을 수정해서 작업이 힘든걸루 알고 있습니다.
왜냐면, 메뉴 부분은 for문으로 구성되어 있어서 특정한 한 메뉴 색상만 바꾸기가 까다롭죠.
이런 경우는 아예 xe메뉴 부분을 포기하고 커스틸마이징을 허셔야 될 듯 합니다.