묻고답하기
레이아웃에서 메뉴불러올때 메뉴마다 클래스명달리하기
2011.04.01 13:24
레이아웃에 불러오는 메뉴를 이미지화시키기위해서는 클래스명이 각각 다달라야합니다.
xe의 레이아웃의 왼쪽 부분을 보아도
class="x1" class="x2" class="x3" 이런식으로 각메뉴마다 class 명이다른데
레이아웃에서 메뉴를 뽑아오는부분에 어떤 조건식을 넣어야지 각 메뉴마다 클래스명에 name1 name2 name3 이런식으로 숫자를 하나씩 달리하여 추가하여 달리할 수 있을까요?
설마 xe 사이트에서 각 메뉴별로 여러개의 레이아웃을 생성했을리없구요.
아시는분은 답변좀 부탁드리겠습니다.
-------------------------------------------
이런결과물을 얻을 수 있게끔 레이아웃 생성가능할까요?
물론 xe상의 메뉴에 아래와 같이 등록해놓은 상태로 가정하구요 ~
고구마 - 고구마튀김
- 군고구마
- 찐고구마
- 고구마과자
- 고구마 케이크
감자 - 감자튀김
- 군감자
- 찐감자
- 감자깡
- 감자케이크
- 감자전
xe의 레이아웃의 왼쪽 부분을 보아도
class="x1" class="x2" class="x3" 이런식으로 각메뉴마다 class 명이다른데
레이아웃에서 메뉴를 뽑아오는부분에 어떤 조건식을 넣어야지 각 메뉴마다 클래스명에 name1 name2 name3 이런식으로 숫자를 하나씩 달리하여 추가하여 달리할 수 있을까요?
설마 xe 사이트에서 각 메뉴별로 여러개의 레이아웃을 생성했을리없구요.
아시는분은 답변좀 부탁드리겠습니다.
아래 해당 페이지에 해당하는 2 3 차메뉴가 나오는 기본소스 입니다.
<h2 loop="$main_menu->list=>$key1,$val1" cond="$val1['selected']"><a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a></h2>
<h2 loop="$main_menu->list=>$key1,$val1" cond="$val1['selected']"><a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a></h2>
<ul loop="$main_menu->list=>$key1,$val1" cond="$val1['selected'] && $val1['list']">
<li loop="$val1['list']=>$key2,$val2" class="active"|cond="$val2['selected']"><a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a>
<ul cond="$val2['list']">
<ul cond="$val2['list']">
<li loop="$val2['list']=>$key3,$val3" class="active"|cond="$val3['selected']"><a href="{$val3['href']}" target="_blank"|cond="$val3['open_window']=='Y'">{$val3['link']}</a></li>
</ul>
</li>
</ul>
실제 페이지에가면 아래와같이 출력이되는데요
레이아웃에서 자동으로 페이지에따라 class나 id값이 바뀌게 적용할 수 있을런지요?실제 페이지에가면 아래와같이 출력이되는데요
<h2><a href="/test">중메뉴</a></h2>
<ul>
<li>
<a href="">소메뉴1</a>
</li><li>
<a href="">소메뉴2</a>
</li><li>
<a href="">소메뉴3</a>
</li>
</ul>
이 소메뉴나 중메뉴에 class 나 id 값을 자동으로주어 css를 적용하고 싶습니다.
이 소메뉴나 중메뉴에 class 나 id 값을 자동으로주어 css를 적용하고 싶습니다.
-------------------------------------------
<div id="goguma_topmenu">고구마</div>
<ul>
<li class="goguma1">고구마튀김</li>
<li class="goguma2">군고구마</li>
<li class="goguma3">찐고구마</li>
<li class="goguma4">고구마과자</li>
<li class="goguma5">고구마케이크</li>
</ul>
<div id="gamja_topmenu">감자</div>
<ul>
<li class="gamja1">감자튀김</li>
<li class="gamja2">군감자</li>
<li class="gamja3">찐감자</li>
<li class="gamja4">감자깡</li>
<li class="gamja5">감자케이크</li>
<li class="gamja6">감자전</li>
</ul>
이런결과물을 얻을 수 있게끔 레이아웃 생성가능할까요?
물론 xe상의 메뉴에 아래와 같이 등록해놓은 상태로 가정하구요 ~
고구마 - 고구마튀김
- 군고구마
- 찐고구마
- 고구마과자
- 고구마 케이크
감자 - 감자튀김
- 군감자
- 찐감자
- 감자깡
- 감자케이크
- 감자전
댓글 2
-
NetCabin
2011.04.01 14:12
-
답변감사합니다. 위에 적어주신것은 대메뉴는 x1 클래스 그하위 메뉴는 모두 x2 클래스 아닌가요? 하위메뉴1번은 x1 하위메뉴2번은 xe 하위메뉴3번은 x3 이런식으로 주고싶습니다. ㅠㅠ
-
<li class="menu1">메뉴1</li><li class="menu2">메뉴2</li><li class="menu3">메뉴3</li> 이와같이요 ~
-
ForHanbi
2011.04.01 15:37
빵조각같은데..
위분 말씀처럼 하시고요
그냥 h2에 클라스명 넣으신 다음에 h2 .class명{} 이런방식으로 하나더 추가하면 되겠네요. 솔직히 뭘 하실려는지 모르지만
저렇게 클라스명을 넣을 필요는 없는 듯...
h2까지 감싸는 div에 클라스명 .aaa를 추가하고
.aaa h2{}
.aaa h2 a{}
.aaa ul{}
.aaa ul ul{}
이렇게 나가시면 됨...
-
쉽게 설명드리자면 대메뉴1 대메뉴2 대메뉴3 대메뉴4 각메뉴마다 클래스명을 각자메뉴별로 다 달리하고싶고 그리고 대메뉴안에있는 중메뉴또한 각각 클래스명을 달리주고싶습니다.
-
클래스가 다르지 않다면 각기다른 css로 효과를 주지 못할것같네요 ~
-
<div id="goguma_topmenu">고구마</div> <ul> <li class="goguma1">고구마튀김</li> <li class="goguma2">군고구마</li> <li class="goguma3">찐고구마</li> <li class="goguma4">고구마과자</li> <li class="goguma5">고구마케이크</li> </ul> <div id="gamja_topmenu">감자</div> <ul> <li class="gamja1">감자김</li> <li class="gamja2">군감자</li> <li class="gamja3">찐감자</li> <li class="gamja4">감자깡</li> <li class="gamja5">감자케이크</li> <li class="gamja6">감자전</li> </ul> 이결과물을 레이아웃으로 만드는방법을 알려주시면 좋을꺼같아요
-
하단에 질문내용을 조금더 추가해보았습니다. ~
-
매뉴얼로봣을때는 class="active"|cond="$val2['selected']" 해당한페이지에있을경우 class="active" 가 추가되게끔하는것밖에는 적용이 안되어있네요 ~
<h2
loop="$main_menu->list=>$key1,$val1"
cond="$val1['selected']"><a href="{$val1['href']}"
target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a></h2>
<li class="x1" loop="$val1['list']=>$key2,$val2"
class="active"|cond="$val2['selected']"><a href="{$val2['href']}"
target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a>
<ul cond="$val2['list']">
<li class="x2" loop="$val2['list']=>$key3,$val3"
class="active"|cond="$val3['selected']"><a href="{$val3['href']}"
target="_blank"|cond="$val3['open_window']=='Y'">{$val3['link']}</a></li>
위 빨간글씨 부분에 클래스 적용하시고 css적용하시면 될듯합니다.
자동으로 주신다는 말씀이 이해가 안가는데....레이아웃 제작시 위 빨간색 부분처럼 클래스 적용시키고 css적용 하거든요.
최 상단 1차메뉴는 h2 에서 설정해주시면 될테고요.