묻고답하기
xe 메뉴기능을 사용해서 서브메뉴 부분에 이미지를 넣고 싶습니다.
2012.03.26 12:24
안녕하세요^^
오랜만에 고수분들께 한수 얻고 싶어서 이렇게 글 남겨 봅니다.
제가 하고 싶은 기능이 메인메뉴를 플래시를 없애고 css와 xe메뉴 기능을 활용해서 구현하고 싶습니다.
물어보고 싶은 부분은 2가지 입니다.
사이트 : http://madeu.nayana.kr/
1. 메인메뉴를 관리자에서 설정한후 메인메뉴 부분에만 이미지를 넣었습니다.
그냥 일반 폰트일경우 css에서 설정이 가능하지만 관리자-메뉴에서 이미지를 넣었더니
css 설정을 먹지가 않습니다.
무엇이 문제인지는 한번 직접 대보시면 아시겠지만 서브메뉴가 나오는 영역임에도 이미지 영역을 나가면
오버이미지가 아닌 일반이미지로 뜨게 됩니다.
때문에 열린페이지 이미지도 적용되지 않아서 이 부분은 빼버렸습니다.
그래서 메뉴-관리자 에서 설정한 이미지를 css에서 설정할 수 있는 방법을 알려주셨으면 좋겠습니다.
참...이게 말로 하기가 그렇긴 한데 직접 들어오셔서 메인메뉴 확인해보셔도 됩니다~
2. 두번째는 메인메뉴에서 이미지가 나오게 하는 부분입니다.
지금 동일한 이미지가 나오도록은 했는데 현재 메인메뉴에서 3~6번째 메뉴에만 이미지가 나오도록 하고
3 4 5 6 번째 이미지도 각각의 카테고리별 이미지와 링크가 다르도록 설정하고 싶은데
메뉴를 어떻게 불러와야 할지 감이 잡히지 않네요...ㅠ
메뉴부분 소스만 올려봅니다.
부디 넓은 아량으로 한수 부탁드리겠습니다.
감사합니다^^
<ul class="gnb">
<!--<li class="m1 m_on">-->
<li loop="$main_menu->list=>$key1,$val1" class="m1"> <a class="m1_a" href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'"><span class="m1_span">{$val1['link']}</span></a>
<div class="sub" cond="$val1['list']">
<ul class="lnb">
<table border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td><li loop="$val1['list']=>$key2,$val2" class="s1"><a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a></li></td>
<td><img src="./images/main_sub_13.gif" /></td>
</tr>
</table>
</ul>
<div class="bottom"><span></span></div>
</div>
</li>
</ul>
<!-- //gnb -->