웹마스터 팁

안녕하세요,
저 같은 왕초보들이 2차 메뉴를 레이아웃에 넣고 싶을 때 다음과 같이 하면 됩니다.

1. 이온디님이 제작하신 나라디자인 2차 메뉴를 다운로드
http://www.xpressengine.com/?mid=download&search_keyword=%EB%82%98%EB%9D%BC%EB%94%94%EC%9E%90%EC%9D%B8&x=0&y=0&package_srl=19270268

2. 위의 파일들을 수정할 레이아웃 폴더에 넣습니다
/XE 설치폴더/layouts/레이아웃 폴더

3. layout.html에 다음을 메뉴 넣기 원하는 부분에 넣으시면 됩니다.

 <div id="menu" class="wdg_menu mcOrange">
<!-- class="mcPurple | mcViolet | mcOrange | mcGreen | mcGray"-->

    <div class="inset">
        <div class="major">
        <!-- class="major + (m1~m12)"-->
            <ul>
                <!--@foreach($main_menu->list as $key => $val)-->
                <!--@if($val['+
 'link'])-->
                <li><a href="{$val['href']}" onfocus="this.blur()" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->><span>{$val['link']}</span></a>
                    <div class="sub">
                        <ul>
                            <!--@foreach($val['list'] as $mkey => $mval)--><!--@if($mval['text'])-->
                            <li><a href="{$mval['href']}" onfocus="this.blur()" <!--@if($mval['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->><span>{$mval['text']}</span></a></li>
                            <!--@end--><!--@end-->
                        </ul>
                    </div>
                </li>
                <!--@end-->
                <!--@end-->
            </ul>
        </div>
        <div class="aside">
            <ul>
                <li class="m1"><a href="http://eond.com/planet/" target="_self"><span>플래닛</span></a></li>
                <li class="m2"><a href="http://mynote.eond.com/" target="_blank"><span>마이노트</span></a></li>
            </ul>
        </div>
        <span class="gradient"></span>
    </div>
    <span class="shadow"></span>
</div>



위에 1번에서 다운 받은 나라디자인 CSS Navigation Bar는 위젯입니다.

이걸 직접 레이아웃에 사용할 수 있게 바꾼 것입니다.

주의할 점은 conf/info.xml에 main_menu를 넣는 항목이 있어야 작동한다는 것입니다 ^^

제목 글쓴이 날짜
셀렉트 메뉴를 통해 갤러리 만들기 한현종 2004.09.10
메뉴 추가 삭제 수정시 쓰면 좋을것 같네요 - 출처: http://www.happyscript.com/ [1] 예뜨락 2004.09.17
슬라이딩 메뉴 자바스크립트 [3] 행복한고니 2004.09.21
가로 세로가 호환되는 메뉴 [3] 이영준 2005.03.02
[동영상강좌] 제4회차 - 풀다운메뉴 만드는방법 아이티스터디 2006.02.02
위의 메뉴에 마우스를 올리면 밑에 메뉴가 나오는 소스 [1] 김민환 2006.10.10
슬라이딩 레이어 메뉴!! 메뉴가 상하로 따라다녀요!! [4] TiZa 2007.02.03
include, onload, <span id=...> 다계층메뉴 활용 강좌 [2] 김병희 2003.10.25
나만의 미니홈 만들기 ㅡ메뉴에 게시판 연결 [5] file 예뜨락 2004.12.17
[PHP 동영상강의] 50. 자바스크립트로 풀다운 메뉴제작 [2] 서기 2007.08.08
초보자도 쉽게 이해할수있도록 주석을 자세히 달아놓은 APM 메뉴얼 (1 of 4) [3] Dopesoul 2002.12.18
초보자도 쉽게 이해할수있도록 주석을 자세히 달아놓은 APM 메뉴얼 (2 of 4) [4] Dopesoul 2002.12.18
초보자도 쉽게 이해할수있도록 주석을 자세히 달아놓은 APM 메뉴얼 (3 of 3) [2] Dopesoul 2002.12.21
[왕초보팁] 2차 메뉴를 레이아웃 스킨에 넣을 때 [2] HolyJohn 2011.01.21
메뉴에서 채팅방 띄우기 용도로 쓰는 스크립트 코아 코스튬 2011.01.30
메뉴 클릭시 알림메시지 띄우기 [1] 도라란 2011.02.27
홈페이지에 퀵메뉴를 다는 소스 (ie7이상, 사파리, 불여우, 오페라 등은 position:fixed 로 고정) [20] Firstlove 2011.03.14
V3 게시판 (분류메뉴-2단계지원) 일반 게시판으로 옮겨 사용하기 ForHanbi 2011.09.09
Xe 1.5.0.9 사용자 설치메뉴얼 제2부 [22] file 황비 2011.11.22
Xe 1.5.0.9 사용자 설치 메뉴얼 제1부. [3] file 황비 2011.12.04