• SEARCH

    통합검색
MoonHouse
    • Dark Mode
    • GNB Always Open
    • GNB Height Maximize
    • Color
    • Brightness
    • SINCE 2004
    • MoonHouse MoonHouse
      정보의 보고 문하우스
    •   SEARCH
    • Main
      • 자유게시판
      • 묻고답하기
      • 공지사항
      • 방명록
      • 출석부
      • Blog
        • 견문록
      • 통합게시판
        • TimeLine
        • MH위젯
      • Lotto 복권
        • 스티커구매
        • 퀴즈게임
        • 섯다게임
    • 축제알림
    • Data
      • 유틸리티
        • 정회원전용
      • 컴퓨터Tip
      • AI
        • Tip
        • AI Gallery
        • View
      • YouTube
      • 드라이브
      • 사진
      • 즐겨찾는 홈피
    • Rhymix
      • 나의 Rhymix
        • Rhymix 배경이미지
      • Rhymix 팁
      • Rhymix 자료
      • Html
    • Mh_Layouts
      • MH_Justice
        • MH_Justice_W
      • MH_Gallery
      • MH_Sideways
      • Mh_Fullpage
      • MH_Thomsander
      • Mh_LeftMenu
      • Mh_White
        • Map Board Skin
      • MH_Sliding
      • MH_Pointy
      • Xedition_MH
        • Book Board Skin
        • 위젯 테스트
      • MH_Select
      • Mh_Simple
      • MH_Lego
      • Earth Is One
    • Sale
      • 주문요청
      • 주문확인
      • Shopping QA
      • 구매자 게시판
      • 의뢰게시판
      • MH_Justice
        • Justice Manual
      • MH_Multi
        • Multi Manual
      • MH_Brickfolio
        • Brickfolio Manual
        • Shop
      • MH_SmartBanner
      • Mh Gallery
        • Gallery Manual
    • Scroll Up
    • Republic of Korea  2004 Moonhouse homepage. all rights reserved. Rhymix Version 2.1.36
    • by OrangeDay
  • Main 묻고답하기

    레이아웃 안녕하세요..팔공산님. 디자인관련해서 ..

    구드한스 2010.02.12 00:02 조회 수 7,166

    안녕하세요..팔공산님. 디자인관련해서 ..

    스킨을 입히셨는데.. 어찌하는건지요..

    xe공식레이아웃 ver1 을  이용해서 홈페이지를 만들고 있습니다

    공식스킨의 경우에 비슷한 위치에 2차 메뉴가 떠오르지요..

    때문에 팔공산님 사이트 에서 처럼 비슷하게 스킨을 적용하면 될듯 한데..

     

    옆의 그림처럼 저도 스킨을 입힐수 있는 예쁜 소스는 구해놨는데..

    어찌 하는건지는 전혀 감이 오지를 않아서 염치 불구하고 여쭙게 됩니다.

     

    그림을 배경으로 올리구 그위에 나타나도록 하는거 같지는 않은데 ..

    css 와 div를 이용해서 입혀 주신듯 한데..

    어디다 집어 넣으면 이렇게

    입힐수 있는지 힌트좀 부탁  드립니다..

     

    감사합니다.. 행복하세요j

    이 자료의 평점 (참여 : 0 / 총 점수 : ) 평균 평점 : ★ ★ ★ ★ ★ 0.0점 내 평점 : ★ ★ ★ ★ ★ 0점
    목록 수정 쓰기

    댓글 2

    • 팔공산 10.02.12

      구드한스님 반갑습니다.

      질문하신 2차 메뉴의 경우 "문하우스 레이아웃"에 적용되어져 있습니다.

      https://moonhouse.co.kr/zbxe/266116

       

      ./layouts/moonhouse/layout.html 안에서 아래부분이고요

             <!-- 트리메뉴 -->
              <!--@if($layout_info->Lm == 'Y')-->
              <!-- sub_menu 2차 시작 -->
              <!--@if($menu_1st)-->
              <div id="lnb_t">
                <h1>{$menu_1st['link']}</h1>
              </div>
              <ol id="lnb">
                {@ $idx = 1 }
           <!--@foreach($menu_1st['list'] as $key => $val)--><!--@if($val['link'])-->
             <li <!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>
          <img src="/images/{$layout_info->colorset}/bullet14.gif" align="absmiddle">&nbsp;{$val['link']}</a>
      
          <!-- main_menu 3차 시작 -->
          <!--@if($val['list'] && ($val['expand']=='Y'||$val['selected']) )-->
            <ul>
              <!--@foreach($val['list'] as $k => $v)--><!--@if($v['link'])-->
             <li <!--@if($v['selected'])-->class="on"<!--@end-->><a href="{$v['href']}" <!--@if($v['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>
             <img src="/images/submenu_bul1.png" align="absmiddle">&nbsp;{$v['link']}</a>
             
                                    <!-- main_menu 4차 시작 -->
                                    <!--@if($v['list'] && ($v['expand']=='Y'||$v['selected']) )-->
                                    <ul>
                                    <!--@foreach($v['list'] as $k => $v4)--><!--@if($v4['link'])-->
                                    <li <!--@if($v4['selected'])-->class="on"<!--@end-->><a href="{$v4['href']}" <!--@if($v4['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>
               <img src="/images/submenu_bul1.png" align="absmiddle">&nbsp;{$v4['link']}</a></li>
                                    <!--@end--><!--@end-->
                                    </ul>
                                    <!--@end-->       
             
             </li>
           <!--@end--><!--@end-->
            </ul>
          <!--@end-->
                </li>
            {@$idx++}
                <!--@end--><!--@end-->
              </ol>
              <div id="lnb_b">
              </div>
            <!--@end-->
            <!--@end-->
      

       

       

      ./layouts/moonhouse/css/(해당칼라).css 안에서

      /* 좌측2차메뉴 */
      #lnb_t { margin-top:0px; padding:25px 5px 0px 5px; width:190px; height:55px; background:url(../images/blue/zt.gif) no-repeat; }
      #lnb_t h1 { font-size:20px; color:#fff; padding-left:20px; }
      #lnb { padding:0; width:200px; background:url(../images/blue/zm.gif) repeat-y; }
      #lnb li { padding-bottom:0px; list-style:none; }
      #lnb li a:hover,
      #lnb li a:focus { padding:10px 0px 0px 25px; width:175px; height:16px; display:block; background:url(../images/blue/bgLnbOn.gif) no-repeat center; color:#f60; position:relative; text-decoration:none; z-index:97; }
      #lnb li a { padding:10px 0px 0px 23px; width:177px; height:16px; display:block; background:url(../images/blue/bgLnbOff.gif) no-repeat center; color:#1E87AE; position:relative; text-decoration:none; z-index:96; }
      #lnb li.on a { padding:10px 0px 0px 25px; width:175px; height:16px; display:block; color:#f60; font-weight:bold; background:url(../images/blue/bgLnbVr.gif) no-repeat center; position:relative; text-decoration:none; z-index:95; }
      #lnb li ul { position:relative; display:block; overflow:hidden; width:200px; }
      #lnb li.on ul { display:block;}
      #lnb li ul li { position:relative; padding-left:10px; top:-1px; }
      #lnb li ul li a { color:#c0c0c0 !important; border:none; background:none !important; border:none !important;}
      #lnb li ul li a:hover,
      #lnb li ul li a:focus { font-weight:normal !important; color:#ff6600 !important;}
      #lnb li.on ul li.on a { color:#808080 !important; font-weight:bold !important; !important;}
      #lnb_b { height:34px; background:url(../images/blue/zb.gif) no-repeat; }


      빨간색부분이 이미지해당 부분입니다.

      가로폭부분은 픽셀이 정해져 있으며, 높이는 메뉴갯수에 따라서 확장됩니다.

       

      p.s https://moonhouse.co.kr/zbxe/136732 이곳에 더 자세하게 설명되어져 있습니다.

      댓글
    • 구드한스 10.02.12

      내공이 엄청나시군요.. 정말 감사합니다.. 저도 누군가에게 속시원한 도움이 되는 날이 오기를 기대해봅니다..너무 감사합니다.꾸벅

      복받으실겁니다.. J

      댓글 수정 삭제
    사진 및 파일 첨부

    여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

    파일 용량 제한 : 0MB (허용 확장자 : *.*)

    업로드 중... (0%)

    0개 첨부 됨 ( / )
    전체 Xe 506 레이아웃 76 위젯 70 게시판 86 졸졸이 10 컴퓨터A/S 3 답변 4 기타 39
    글쓰기
    번호 제목 글쓴이 날짜 조회 수 추천 수 진행사항 사용자 ID
    공지 기타 회원포인트제 무효입니다. +3 팔공산 10.03.09 108,406 1 mbg1346
    공지 기타 글 작성시 비밀글체크에 대한 방지기의 생각입니다. +1 팔공산 08.07.21 189,781 0 moon
    598 Xe xe 자료실 자료? +1 다니엘 09.04.18 3 0 yschoe0829
    597 Xe 게시판스킨 확장변수가 안되요 ㅠㅠ +1 xe 09.09.07 10 0
    596 Xe 안녕하세요 팔공산님 문의드릴게 있습니다. +1 머무는강 09.10.31 12 0
    595 Xe 팔공산님^^ +4 하얀비 09.02.18 14 0 junobaek
    594 Xe 질문입니당!! +1 로짱 10.01.07 15 0
    593 Xe 팔공산님,, 페이지설정이 되지 않습니다. 시카고 10.01.05 17 0
    592 Xe xe 경로 변경 질문 +2 k02092000 11.04.20 17 0 k02092000
    591 레이아웃 한가지 여쭤보고 싶어서... +2 코리아프럼 08.06.24 21 0 koreafrom
    590 Xe 질문 드립니다 +2 멀티즘 08.06.07 22 0
    589 Xe mh_banner_popup에서의 추출 내용에 대하여 +4 산들바람 09.11.04 22 0 eyesok
    588 레이아웃 관리자 화면으로 안들어가집니다. +1 임창길 11.10.30 26 0
    587 기타 안녕하세요. 사이트 문의 드립니다. +1 bnj 08.10.31 28 0 freeas
    586 Xe 80산님...제발 도와주세요...ㅠㅠ Dusska 09.06.30 28 0 dusskapark
    585 Xe 모듈사용 문의입니다... +1 샤프심 08.08.25 30 0 foxtons
    584 기타 운영자님 부탁이 있습니다. +1 곰탱군 10.12.27 31 0
    583 위젯 안녕하세요? +5 마당 08.05.16 32 0 munde
    582 Xe 문하우스 심플 레이아웃1.3에 대한 질문이에요.. +6 초짜 09.02.26 33 0
    581 졸졸이 좋은 정보들 마니 보고 배우고 있습니다.한가지 문의좀 하고 싶네요.. +2 코리아프럼 08.06.15 35 0 koreafrom
    580 레이아웃 80산님 도저히 해결이 안됩니다.ㅜㅜ +1 코리아프럼 08.06.28 36 0 koreafrom
    579 Xe 또 한가지 여쭤봅니다. +6 코리아프럼 08.06.26 37 0 koreafrom
    1 2 3 4 5
    글쓰기
    • Main 묻고답하기
    • Moonhouse
    • Republic of Korea
    • 2004 Moonhouse homepage. all rights reserved.