묻고답하기
xHTML를 구매해서 메뉴를 XpressEngine 형태로 변경을 하려고 합니다.
2012.01.17 03:01
가장 큰 걱정은 메뉴네요.. 꼭 도움을 주셨으면 좋겠습니다.
3차 메뉴 입니다. 우선 가명을 붙여 제목을 만들었는데요. 3차 메뉴까지 전체 다 지원하는데 저걸 XE에서 동작하도록 형식을 바꾸어야 되는데.. 그걸 모르겠습니다 ㅜㅜ 사이트맵이 읽도록 만들어주세요.
<ul id="dropdown-menu" class="fixed">
<li class="current"><a href="./index.html">홈</a></li>
<li><a href="./about.html">소개</a>
<ul class="sub-menu">
<li><a href="./about.html">회사 소개</a></li>
<li><a href="./team.html">품질과 디자인</a></li>
<li><a href="./clients.html">오시는 길</a></li>
<li><a href="#">매뉴얼</a>
<ul> <li><a href="#">오픈 마켓 매뉴얼</a></li>
<li><a href="#">액자 매뉴얼</a></li>
<li><a href="#">사이트 매뉴얼</a></li></ul></li></ul> </li>
<li><a href="./services.html">광고와 홍보</a>
<ul class="sub-menu">
<li><a href="./services.html">Services - Overview</a></li>
<li><a href="./service-item.html">Services - Single Item </a></li>
<li><a href="./price-table.html">Price Table</a></li>
<li><a href="./faq.html">F.A.Q</a></li></ul></li>
<li><a href="./portfolio-1-column.html">제품</a>
<ul class="sub-menu">
<li><a href="./portfolio-1-column.html">1 Column</a></li>
<li><a href="./portfolio-3-columns.html">3 Columns (sidebar)</a></li>
<li><a href="./portfolio-3-columns-no-sidebar.html">3 Columns (no sidebar)</a></li>
<li><a href="./portfolio-4-columns.html">4 Columns</a></li>
<li><a href="./portfolio-item.html">Single Item (sidebar)</a></li>
<li><a href="./portfolio-item-no-sidebar.html">Single Item (no sidebar)</a></li>
</ul> </li> <li><a href="./blog.html">블로그</a> <ul class="sub-menu">
<li><a href="./blog.html">Blog</a></li>
<li><a href="./blog-post.html">Blog Post</a></li> </ul>
</li> <li class="last"><a href="./contact.html">고객의 소리</a></li>
</ul>
위의 코드처럼 이름만 수정해서 가제를 설정했습니다. 그러나 이제 XE 의 메뉴처럼 설정해야되는데 도저히 모르겠습니다.
자바스크립트(사용하기 쉬운 제이쿼리 추천)와 CSS를 이용해서 만드셔야 합니다.
직접 만들어 보시길 원하신다면 css를 어느정도 공부하셔야겠네요.
그냥 소스만 필요하시다면 검색해보시면 많이 있으니 직접 찾아보시고 적용해보시는게 좋을 것 같습니다.