메뉴 건너뛰기

MH

내 사랑치 않고 끝내는 것 보다 사랑해서 잃어 버리는 편이 좋다.

It is better to have loved and lost than to have never loved at all.

조회 수 17 추천 수 0 댓글 0
Extra Form
원작자 80san
적용여부 적용
적용페이지 https://moonhouse.co.kr/leftmenu

Mh Elegant Accordion 위젯 을 만들기전 테스트용으로 레이아웃에 적용한 방법인데 이 부분만으로도 꽤 쓸모가 있는 것 같아서 Tip으로 남깁니다.

 

1. 먼저 적용하고 싶은 레이아웃의 layout.html을 편집기로 열어서 {$content}위에 추가합니다. 

<include cond="!$li->mwea_use == ''" target="mwea.html" />
{$content}

 

2. 내려받은 mwea.zip의 압축을 풀어서 mwea.html 와 css/mwea.css, img/bgDescription.png 파일들을 ftp로 적용할 레이아웃에 업로드 합니다.

 

3. conf/info.xml을 편집기로 열어서 아래와 같이 추가해 줍니다.

<group>
    <title xml:lang="ko">아코디언 메뉴</title>
    <var name="mwea_use" type="select">
        <title xml:lang="ko">상단 아코디언 메뉴 출력</title>
        <options value="">
            <title xml:lang="ko">출력하지 않음</title>
        </options>
        <options value="Y">
            <title xml:lang="ko">출력</title>
        </options>
    </var>
    <var name="main_height" type="text">
        <title xml:lang="ko">슬라이드 높이</title>
        <description xml:lang="ko">기본 480px (숫자만)</description>
    </var>
    <var name="box_width" type="text">
        <title xml:lang="ko">슬라이드박스 넓이</title>
        <description xml:lang="ko">기본 480px (숫자만)</description>
    </var>
    <var name="a_width" type="text">
        <title xml:lang="ko">책갈피 넓이</title>
        <description xml:lang="ko">기본 115px (숫자만)</description>
    </var>
    <var name="title_height" type="text">
        <title xml:lang="ko">제목위치 높이</title>
        <description xml:lang="ko">기본 0px (숫자만)</description>
    </var>
    <var name="text_height" type="text">
        <title xml:lang="ko">설명문구 폭 높이</title>
        <description xml:lang="ko">기본 130px (숫자만)</description>
    </var>
    <var name="text_line" type="text">
        <title xml:lang="ko">설명문구 줄수</title>
        <description xml:lang="ko">기본 3</description>
    </var>
    <var name="box_line" type="text">
        <title xml:lang="ko">박스테두리 칼라</title>
        <description xml:lang="ko">기본 #fff</description>
    </var>
    <var name="shadow_use" type="select">
        <title xml:lang="ko">박스 그림자</title>
        <options value="">
            <title xml:lang="ko">Normal</title>
        </options>
        <options value="Y">
            <title xml:lang="ko">그림자 출력</title>
        </options>
    </var>
    <var name="slide_img0" type="image">
        <title xml:lang="ko">배경 이미지</title>
    </var>
    <var name="slide_bc0" type="text">
        <title xml:lang="ko">배경칼라</title>
        <description xml:lang="ko">이미지 미등록시 기본색상 #9C4998</description>
    </var>
    <var name="b_text" type="text">
        <title xml:lang="ko">바탕 문구</title>
        <description xml:lang="ko">바탕 문구를 입력합니다.</description>
    </var>
    <var name="b_color" type="text">
        <title xml:lang="ko"> ┖ 바탕 문구 컬러</title>
        <description xml:lang="ko">바탕 문구 컬러를 선택.(기본 #444)</description>
    </var>
    <var name="b_size" type="text">
        <title xml:lang="ko"> ┖ 바탕 문구 크기</title>
        <description xml:lang="ko">바탕 문구 글자의 크기를 설정합니다. (기본값: 2em, css 형식의 사이즈 모두 OK)</description>
    </var>
    <var name="slide_title4" type="text">
        <title xml:lang="ko">슬라이드 제목 4</title>
        <description xml:lang="ko">제목4를 등록해야 슬라이드 출력됨</description>
    </var>
    <var name="slide_img4" type="image">
        <title xml:lang="ko">슬라이드 이미지 4</title>
        <description xml:lang="ko">우측에서 부터 4번째 이미지</description>
    </var>
    <var name="slide_bc4" type="text">
        <title xml:lang="ko">슬라이드 배경칼라 4</title>
        <description xml:lang="ko">이미지 미등록시 기본색상 #5b927d</description>
    </var>
    <var name="slide_text4" type="textarea">
        <title xml:lang="ko">슬라이드 설명 4</title>
    </var>
    <var name="slide_url4" type="text">
        <title xml:lang="ko">슬라이드 more 4</title>
    </var>
    <var name="slide_title3" type="text">
        <title xml:lang="ko">슬라이드 제목 3</title>
        <description xml:lang="ko">제목3을 등록해야 슬라이드 출력됨</description>
    </var>
    <var name="slide_img3" type="image">
        <title xml:lang="ko">슬라이드 이미지 3</title>
        <description xml:lang="ko">우측에서 부터 3번째 이미지</description>
    </var>
    <var name="slide_bc3" type="text">
        <title xml:lang="ko">슬라이드 배경칼라 3</title>
        <description xml:lang="ko">이미지 미등록시 기본색상 #a8ae7e</description>
    </var>
    <var name="slide_text3" type="textarea">
        <title xml:lang="ko">슬라이드 설명 3</title>
    </var>
    <var name="slide_url3" type="text">
        <title xml:lang="ko">슬라이드 more 3</title>
    </var>
    <var name="slide_title2" type="text">
        <title xml:lang="ko">슬라이드 제목 2</title>
        <description xml:lang="ko">제목2를 등록해야 슬라이드 출력됨</description>
    </var>
    <var name="slide_img2" type="image">
        <title xml:lang="ko">슬라이드 이미지 2</title>
        <description xml:lang="ko">우측에서 부터 2번째 이미지</description>
    </var>
    <var name="slide_bc2" type="text">
        <title xml:lang="ko">슬라이드 배경칼라 2</title>
        <description xml:lang="ko">이미지 미등록시 기본색상 #f3b96c</description>
    </var>
    <var name="slide_text2" type="textarea">
        <title xml:lang="ko">슬라이드 설명 2</title>
    </var>
    <var name="slide_url2" type="text">
        <title xml:lang="ko">슬라이드 more 2</title>
    </var>
    <var name="slide_title1" type="text">
        <title xml:lang="ko">슬라이드 제목 1</title>
        <description xml:lang="ko">제목1을 등록해야 슬라이드 출력됨</description>
    </var>
    <var name="slide_img1" type="image">
        <title xml:lang="ko">슬라이드 이미지 1</title>
        <description xml:lang="ko">우측에서 부터 1번째 이미지</description>
    </var>
    <var name="slide_bc1" type="text">
        <title xml:lang="ko">슬라이드 배경칼라 1</title>
        <description xml:lang="ko">이미지 미등록시 기본색상 #835531</description>
    </var>
    <var name="slide_text1" type="textarea">
        <title xml:lang="ko">슬라이드 설명 1</title>
    </var>
    <var name="slide_url1" type="text">
        <title xml:lang="ko">슬라이드 more 1</title>
    </var>
</group>

 

3. 적용할 이미지들의 세로높이를 슬라이드 높이(480ox)와 같이 만들거나 아님 10~20px정도 작게 만들어서 올리면 됩니다. 작게 만드는 이유는 이미지 아래에 배경색이 살짝 보이게 하기 위해서... 그렇게 하니 예뼈서^.^ 

mwea.jpg

Who's 팔공산

profile

이 世上에서 現在가 가장 중요한 時間이며,
내가 만나고 있는 바로 그 사람이 第一 중요한 사람이며,
同時에 가장 중요한 것은 그 사람에게 善으로서 行하는 것이다.

Atachment
첨부 '2'
    댓글이 하나도 없네요ㅠㅠ
    Tip이 도움이 되었다면 댓글과 평가 부탁합니다. Tip에 대한 궁금한 점은 댓글로 남겨 주시면 성심껏 답변 드립니다.
?

List of Articles
번호 분류 제목 원작자 날짜 조회 수 적용여부
261 문하우스 게시판 상단에 풀립형식으로 위젯이나 기타글 등록하는 방법 file 80san 2019.11.16 23 적용
260 문하우스 위젯에 닫기 버턴을 달아보자 file 80san 2019.11.08 17 적용
» 문하우스 레이아웃에 Elegant Accordion 갤러리 적용하는 방법 file 80san 2019.11.05 17 적용
258 XE타운 게시판목록 제목 뒤에 붙는 아이콘 제어하기 file 구름이 2019.10.23 26 적용
257 XE타운 사이트의 특정파일(이미지,동영상,압축파일)들을 타 사이트에서 링크 금지 시키는 방법 튜닝셀프 2019.10.19 25 적용
256 문하우스 "게시판 전체 검색 모듈"을 스케치북에 적용하는 방법 file 라르게덴 2019.10.15 26 변형
255 문하우스 Lightbox 적용 위젯에서 원본 파일 출력 file 80san 2019.09.22 35 적용
254 문하우스 에니메이션(-webkit-animation) 효과 쉽게 적용하는 방법 file 80san 2019.09.19 42 적용
253 Xe 위젯에 특정 카테고리글만 출력하기 file 앙띠2 2019.09.10 143 적용
252 문하우스 게시판으로 간단한 거래장부 만들기 file 80san 2019.03.27 214 NO
251 문하우스 호스팅 이전 하면서 /xe 떼고 SSL설치한 경험기 입니다. file 80san 2019.03.16 166 적용
250 문하우스 게시글보기 링크문구 바로가기 아이콘 출력 file 80san 2019.02.23 222 적용
249 문하우스 게시판 글쓰기시 Tag부분 출력 유무 설정방법 file 80san 2019.02.17 64 적용
248 문하우스 "드래그하여 페이지/문서 이동 애드온" 적용팁 5 file 80san 2019.02.14 533 적용
247 XE타운 XE 위젯을 반응형으로 적용하자 file 도토리묵 2018.12.31 177 변형
246 XE타운 댓글이 2줄 이상일 경우 접고 펴는 기능추가하기 file 이온디 2018.11.27 100 변형
245 문하우스 Sketchbook5 게시판 글작성시 상단에 빵조각메뉴 부분 삭제하기 file 80san 2018.11.02 130 적용
244 문하우스 Xedition 레이아웃 스킨에서 검색버턴 바꾸기 file 80san 2018.10.31 95 적용
243 문하우스 xedition레이아웃과 sketchbook5 게시판을 같이 사용시 미미한 문제점수정 file 80san 2018.10.27 104 적용
242 문하우스 구글 드라이브 자료링크를 XE게시판에 적용하는 방법 file 80san 2018.09.25 214 적용
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 14 Next
/ 14

위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...