MH Justice Latout Manual
X 24 시간 닫기 X

MH Multi Widget

  1. Shopping
  2. 주문상태
  3. 주문QA
  4. Demo
  5. 메뉴얼
  6. 제작의뢰
  7. XE작품
  8. 가입인사
위의 이미지와 같이 해당 메뉴를 클릭시 화면 중앙에 팝업으로 띄우는 소스입니다. "개인정보취급방침" 같은 메뉴를 띄울때 사용하면 좋겠죠... 1. privacy라는 임의의 페이지mid를 생성해서 문구를 작성합니다. 아래의 소스를 해당 레이아웃의 적당한 곳에 배치를 합니다. <a href = "javascript:void(0)" onclick = "document.getElementById('light_01').style.display='block';document.getElementById('fade').style.display='block'" style="color:black">개인정보취급방침 l</a> <div id="light_01" class="white_content"> <a href = "javascript:void(0)" onclick = "document.getElementById('light_01').style.display='none';document.getElementById('fade').style.display='none'"><i class="fa fa-times-circle fa-2x" aria-hidden="true"></i></a> <iframe src="/privacy" frameBorder=0 width=100% height=500px scrolling=auto></iframe> </div> <div id="fade" class="black_overlay"></div> 2. css파일에 아래의 소스를 붙여 넣습니다. /* Privacy */ .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 1500px; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); } .white_content { display: none; position: absolute; top: 25%; left: 25%; width: 50%; height: 510px; padding: 0 16px 16px 16px; border: 16px solid orange; background-color: #ffffff; z-index:1002; overflow: auto; style="margin-top:30px;"} .white_content a { position: absolute; top: 2%; right: 5%; color:orange } 여러개의 메뉴가 존재한다면 light_01 이 부분을 메뉴별로 다르게 주면 됩니다. 물론 mid와 메뉴명도 달리 주어야 겠죠. 그리고 x표시는 fortawesome웹폰트를 적용했습니다. 그냥 Close라는 문구로 바꾸셔도 됩니다. 게시판형식도 가능합니다. 대문페이지 하단에 "가입인사" 메뉴를 눌러보세요.
위의 이미지와 같이 댓글을 유도하는 문구를 각 게시판별로 남기는 방법입니다. 게시판모듈에서 수정할 스킨을 선택해서 (sketchbook5을 예로 듭니다) 1. skin.xml를 열어서 적당한 곳에 추가 <var name="comment_induce_mid" type="text"> <title xml:lang="ko">댓글 유도 mid</title> <title xml:lang="en">Comment Induce Mid</title> <description xml:lang="ko">댓글 유도 문구표시할 mid명</description> <description xml:lang="en">Comment Induce Mid</description> </var> <var name="comment_induce_text" type="textarea"> <title xml:lang="ko">댓글 유도 문구</title> <title xml:lang="en">Comment Induce Text</title> <description xml:lang="ko">댓글 유도 문구를 작성하세요.</description> <description xml:lang="en">Comment Induce Text</description> </var> 2. _read.html를 열어서 <!--// Comment Write : Top --> <include cond="$oDocument->allowComment() && !$mi->cmt_wrt_position" target="_comment_write.html" /> 상단에 아래 소스 추가 <block cond="$mid==$mi->comment_induce_mid"> <div class="cmtInduce"> <!--@if ($oDocument->get('comment_count') <= 0 ) --> <ul style="margin-bottom:10px;"><i class="fa fa-quote-left" aria-hidden="true"></i> 댓글이 하나도 없네요ㅠㅠ <i class="fa fa-quote-right" aria-hidden="true"></i></ul> <!--@end--> <ul><i class="fa fa-quote-left" aria-hidden="true"></i> {$mi->comment_induce_text} <i class="fa fa-quote-right" aria-hidden="true"></i></ul> </div> </block> 지정한 mid게시판에서 댓글이 한개도 없어면 "댓글이 하나도 없네요ㅠㅠ"문구가 나오고, 작성자가 적은 문구가 아래 나타납니다. 3. board.css를 열어서 추가 .cmtInduce { background-color:#555555; font-size:1.0em; color:#ffffff; padding:10px; -webkit-border-radius:10px;-moz-border-radius:10px; border-radius:10px; margin-bottom:10px; }
XE마켓에 올려서 한분의 구매자만 나타났던 레이아웃을 XE최신버전(1.8)에 맞추어서 새롭게 단장한 문하우스 홈피 기념으로 올립니다. (지금 문하우스 홈피에 사용중인 레이아웃입니다) 반응형이나 최신기술이 적용된 것은 아니나, 간단한 홈페이지 제작용이나 레이아웃을 공부하실려는 XE초보분들에게는 좋은 샘플이 될 것입니다. 아래의 레이아웃 메뉴얼은 마켓에 올려져 있는 내용 그대로 가져온 것 입니다. 새롭게 수정하면서 약간의 변화는 있으나 내용의 변화는 거의 없습니다만, 사용하시면서 다른 부분이 있으면 댓글로 달아주시면 답변 드리겠습니다. 1.ColorSet이 투명, 하나밖에 존재하지 않습니다. - 그러나 다양한 Option의 Color지정으로 다양한 Color로의 연출이 가능합니다. - 배경Image 지정 / 배경Color / 메인Image / 메인Color 기타등등 2. Site의 Type을 다양하게 연출할 수 있습니다. - Main형태 / Sub형태 / 폭넓이 변경 / 좌측배치,중앙배치 / Sub형태의 좌,우측배치 기타등등 3. 최대한 사용자 입장에서 다양한 Option의 지정이 가능하게 연출했습니다. - LogIn, 언어영역의 출력유무와 Toggle유무 / 상,하단 SiteMap의 출력유무와 Toggle유무 / SocialXE의 지원 / Main메뉴상단에 SlideBanner출력지원, 현재위치(빵메뉴?)출력 기타등등 4. 상단메뉴의 Type을 3가지로 선택할 수 있으며 상단Bar의 형태를 Image / Color / 투명으로 선택이 가능합니다. - 세로 펼침메뉴 / 가로펼침메뉴 / Only 1차메뉴 5. Main 좌,우측에 졸졸이Stalker 메뉴를 지원합니다.(상세 내용은 아래에...) - 졸졸이메뉴 / 해당2차메뉴 / Flash 이렇게 3가지 지원합니다. 6. 각 Part별로 별도의 Html과 Css로 분리되어 있어서 직관적이고 편리한 수정이 가능합니다. [졸졸이스토커 메뉴 설정법] 1. 레이아웃설정 하단의 메뉴부분에 '졸졸이 메뉴(side_menu)'에서 적용할 메뉴(ex;stalker)를 선택합니다. 2. 당연히 그전에 '관리자화면설정 - 사이트맵'에서 적용할 메뉴(ex;stalker)를 만들어야겠죠. 아시다시피 메뉴를 설정할때 '메뉴이름'이 텍스트로 설정되지만 '이미지버턴'으로의 설정도 가능합니다. 이 부분을 잘 활용하면 아름다운 졸졸이도 가능합니다. 그리고 굳이 XE자체의 mid가 아니어도 '연결 url'에 해당이미지의 url을 직접 지정해도 됩니다. 이 부분을 잘 활용하면 졸졸이 부분에 Banner들의 나열도 가능합니다. 3. 스토커설정에서 형태는 [졸졸이메뉴 / Wing영역메뉴 / 플래시] 3가지로 나누어집니다. * 졸졸이메뉴 - 위의 1. 2. 에서 설명한 내용 * Wing영역메뉴 - 해당1차메뉴의 2차메뉴가 메인영역 우측에 출력됩니다. * 플래시메뉴 - 플래시로 작업한 이미지를 등록합니다. 타입은 [이미지액자 / 텍스트] 2가지로 나누어집니다. * 이미지액자 - 상단, 중단, 하단, 라인 이렇게 4가지의 이미지를 등록하여 사용합니다.(라인은 제외해도 상관없읍니다) * 텍스트 - 이미지적용없이 간단하게 나타나며 배경색, 텍스트색상, 테두리두께 지정들이 가능합니다. 4. 하단으로 내리기 / 상단으로 올리기 기능이 같이 추가 되어 있습니다. 이미지테두리의 경우 상단, 하단이미지가 그 기능을 수행하며 텍스트의 경우 ▲ ▼ 가 상,하에 자동으로 생성됩니다. [텍스트] [이미지] - 상단 UP이미지, 하단 SpiderMan이미지, 중간과 라인이미지는 생략함 [상단전체메뉴보기 영역에 위젯삽입시] p.s 참고로 버전이 왜 문하우스 레고 레이아웃 Ver 1.8 인가하면 XE버전을 따라갔습니다.^.^ photoshop파일(psd파일)들을 첨부합니다. 필요하시면 활용하세요. 마음대로 수정, 배포 모든 것이 가능합니다.
Prev 28 29 30 Next
profile
팔공산
Jul 22 2018
[V3.3으로 업데이트 되었습니다] https://moonhouse.co.kr/xemy/337307 V2.1 버전 에서 구현하지 못했던 페이지 기능등을 추가 하여 버전업 합니다. [V3.2 특징] 1. sketchbook5게시판 웹진형 스킨추가 - MH sketchbook5 스킨 - 모바일에서 제목과 날짜, 글쓴이 정도만 지정하면 멋진 통합게시판위젯이 출력됩니다.(문하우스의 모바일 첫화면) 2. sketchbook5게시판 리스트형 스킨추가 - MH sketchbook5 List스킨 [V3.1 특징] 1. 스마트폰에 적합한 스킨 추가 - MH 스마트 스킨 2. 제목글의 색상을 8가지중 선택 (black, gray, blue, skyblue, green, purple, red, pink) 3. 그 외 소소한 코드정리와 글꼴 크기 정리 [V3.0 특징] 1. 페이지기능을 구현하여 위젯으로도 타임라인게시판 같은 기능을 출력할 수 있습니다. (@윤삼님이 많은 도움을 주셨습니다) 2. 페이지기능에 ajax기능 추가로 화면 리플레쉬 없이 작동합니다. (@윤삼님의 멤버 소개 위젯의 코드를 가져 왔습니다) 3. 썸네일영역에 기존의 게시글이동 기능과 이미지확대 기능을 선택할 수 있게 했습니다. 상품소개의 경우 유용하게 사용하실 수 있습니다. 4. 전 버전들과 같이 카멜레온스킨은 박스, 썸네일, mid명, 분류, 확장변수, 제목, 내용, 댓글 기타 모든 항목의 선택이 가능합니다. 5. 페이지기능을 사용하려면 위젯의 케시를 0으로 두어야 정상 작동을 합니다. [왼쪽 : 스마트스킨] [오른쪽 : 카멜레온스킨] [스마트폰 화면]
11
profile
팔공산
Aug 31 2018
MH 템플릿을 사용하고자 하면 윤삼님이 만든 탬플릿 컴포넌트가 먼저 설치 되어 있어야 합니다. 탬플릿 컴포넌트 서 시 윤동주 하늘을 우러러 한 점 부끄럼 없기를, 잎새에 이는 바람에도 나는 괴로워했다. 별을 사랑하는 마음으로 모든 죽어가는 것들을 사랑해야지, 그리고 나에게 주어진 길을 걸어가야겠다. 오늘도 별이 바람에 스치운다. 님의 침묵 한용운 님은 갔습니다. 아아, 사랑하는 나의 님은 갔습니다. 푸른 산빛을 깨치고 단풍나무 숲을 향하여 난 작은 길을 걸어서 차마 떨치고 갔습니다. 황금의 꽃같이 굳고 빛나던 옛 맹세는 차디찬 티끌이 되어서 한숨의 미풍에 날아갔습니다. 날카로운 첫 키스의 추억은 나의 운명의 지침을 돌려놓고 뒷걸음쳐서 사라졌습니다. 나는 향기로운 님의 말소리에 귀먹고 꽃다운 님의 얼굴에 눈멀었습니다. 사랑도 사람의 일이라 만날 때에 미리 떠날 것을 염려하고 경계하지 아니한 것은 아니지만, 이별은 뜻밖의 일이 되고 놀란 가슴은 새로운 슬픔에 터집니다. 그러나 이별을 쓸데없는 눈물의 원천으로 만들고 마는 것은 스스로 사랑을 깨치는 것인 줄 아는 까닭에 걷잡을 수 없는 슬픔의 힘을 옮겨서 새 희망의 정수박이에 들어부었습니다. 우리는 만날 때에 떠날 것을 염려하는 것과 같이 떠날 때에 다시 만날 것을 믿습니다. 아아, 님은 갔지마는 나는 님을 보내지 아니하였습니다. 제 곡조를 못 이기는 사랑의 노래는 님의 침묵을 휩싸고 돕니다. 진달래꽃 김소월 나 보기가 역겨워 가실 때에는 말없이 고이 보내 드리우리다 영변에 약산 진달래꽃 아름 따다 가실 길에 뿌리우리다 가시는 걸음 걸음 놓인 그 꽃을 사뿐히 즈려 밟고 가시옵서소. 나 보기가 역겨워 가실 때에는 죽어도 아니 눈물 흘리우리다.
Prev 28 29 30 Next
(최근글목록) 탭 메뉴 표시 (#2, 2007-09-23) 조회수: 815, 추천수: 5, 2007.09.21 18:15:15 게시글 주소 : http://www.zeroboard.com/15842711 엮인글 주소 : http://www.zeroboard.com/15842711/trackback 탭 메뉴를 사용하여 모듈별 최근 게시물을 볼 수 있습니다. 적용 예제 미리보기 미리보기 2개 스킨은 보더 스타일과 버튼 스타일 2가지 입니다. CSS를 알맞게 변경하여 사용하세요. 출력할 모듈은 4~5개 이하로 선택해야 깔끔하게 나옵니다. 옵션 탭 메뉴 이름은 아래 3가지 중에서 선택할 수 있습니다. - 메뉴모듈에서 설정한 메뉴명 - 스킨 설정의 브라우저 타이틀 - 스킨 설정의 게시판 주 제목 이 외에 분류명, 확장 변수 표시 옵션이 있습니다. 업데이트 #2. 탭 메뉴를 순서대로 출력할 수 있습니다. (위젯 설정에서 mid 값을 직접 입력해야 합니다) ※ 하단의 대상모듈체크박스를 모두 해제 해야만 위에 입력한 값이 적용 됩니다. #2-2. 랜덤정렬 활성(추출한 게시물로 랜덤 정렬 함) 설치하기 첨부 파일을 다운로드 받아서 /widgets/newest_document_tab 폴더에 압축을 풀어주면 됩니다. 문제점 위젯 2개 이상 사용 불가 (JS를 변경해야 하지만 그렇게 하나 id를 새로 할당해서(10개쯤) 여러개 출력하나 복잡한건 마찬가지일 듯) 첨부 : newest_document_tab.zip (14.8KB)(26) 메뉴를 클릭하지않고 마우스만 오버해도 세부내용이 보이게는 안될까요? 이벤트 속성 onclick을 onmouseover로 변경하면 됩니다.
잡다한 XE2 차 공개합니다. [zip파일따로 올림] 조회수: 1775, 추천수: 23, 2007.09.16 01:55:21 게시글 주소 : http://www.zeroboard.com/15829463 엮인글 주소 : http://www.zeroboard.com/15829463/trackback 소스수정 zdh_xe_2s/layout.html 파일 91번~96번 <li class="submenu_color"> <img src="./images/{$layout_info->colorset}/arrow.gif" border='0'> <b> {$val['text']} </b> </li> 이 부분을 아래와 같이 바꿔서 사용하시는게 보기가 더 좋군요. <img src="./images/{$layout_info->colorset}/arrow.gif" border='0'> <b class="submenu_color"> {$val['text']} </b> 잡다한 XE 2차 버전 공개 합니다. 스킨은 orange - (기본) darkblue (짙푸른색) skyblue(밝은 하늘색) green(녹색) yellow(어두운 노랑-노랑이라도 해도 될런가..? -.-;) 이렇게 제공됩니다. 샘플사이트 : http://site1.parandiary.com/zbxe/xe2_home [다크블루 스킨] 질문은 http://jobdahan.net 에서 메인과, 서브레이아웃 각각 해당 컬러스킨이 제공됩니다. 자신이 원하는 컬러스킨을 레이아웃설정에서 마음대로 선택해서 사용하세요. 업로드위치 1. 메인용 템플릿 레이아웃과, 서브용템플릿 레이아웃을 먼저 자신의 계정에 업로드 한다. layouts.zip 파일로 두개의 레이아웃이 압축되어있음. 압축을 풀면 jdh_xe_2m.tar 파일과 jdh_xe_2s.tar 파일이 있음. 압축을 풀어서 올려도 되고 , 서버에 올려서 압축을 출어도 됨. /zbxe/layouts/jdh_xe_2m /zbxe/layouts/jdh_xe_2s 이런식으로 폴더가 구성 됩니다. 압축이 안풀린다고 하셔서 zip파일 형태로 따로 두개 올렸습니다. jdh_xe_2m.zip jdh_xe_2s.zip 2. 로그인위젯을 업로드 합니다. skins.zip 파일로 두개의 로그인 위젯 스킨이 압축되어 있음. jdh_xe_1m_nude.tar 파일과, jdh_xe_2m2.tar 파일 있음. 역시 압축을 풀어서 올려도 되고, 서버에 올려서 압축을 풀어도 됨. /zbxe/widgets/login_info/skins/jdh_xe_2m2 /zbxe/widgets/login_info/skins/jdh_xe_1m_nude (누드스킨은 1차와 동일한것임) 업로드시 위와 같은 폴더가 구성 됩니다. 압축이 안풀린다고 하셔서 zip파일 형태로 따로 올렸습니다. jdh_xe_2m2.zip jdh_xe_1m_nude.zip 사용시 주의 사항 잡다한XE1차에서는 메뉴관리에서 Mypage라는 메뉴를 만들고 이 메뉴에 페이지모듈을 mypage란 이름으로 만들어 연결 시켜 주었습니다. 그런데 잡다한2차에서는 메뉴관리에서 Mypage라는 메뉴를 만들고 페이지모듈을 xe2_mypage란 이름으로 만드시기 바랍니다. (이부분 이해하시는 분은 수정해서 사용하셔도 되지만, 어려운신분은 그냥 따라 만드시길 권장합니다.) 이외 기본 템플릿에 대한 정보는 잡다한XE 1차와 동일합니다. 소스수정상의 궁금한 사항이있으시면 잡다한XE1차 템플릿 소개 부분을 참고하시면 되겠습니다. darkblue Green Orange Skyblue Yellow 첨부 : skins.zip (33.2KB)(239) jdh_xe_2m.zip (282.9KB)(285) jdh_xe_2m2.zip (54.1KB)(302) jdh_xe_2s.zip (286.9KB)(283) jdh_xe_1m_nude.zip (16.0KB)(230)
Prev 28 29 30 Next

지도 바로가기 - 스케치북 리스트스킨

게시판 제목 종료일 위치 글쓴이 날짜 조회수 지도
강원 정동진 모래시계공원 file
정동진 모래시계공원 팔공산 2024.03.20 6
전라 쏠비치 진도 file
쏠비치 진도 팔공산 2024.03.20 7
서울 서울 이순신장군 동상 file
서울 이순신장군 동상 팔공산 2024.03.20 6
충청 충주 중앙탑 file
충주 중앙탑 팔공산 2024.03.20 8
대구 [D - 228] 앞산공원 전망대 file
2024-12-31 앞산공원 전망대 팔공산 2023.03.29 32

 

Mh_Multi Widget 특징

 

It's a multi widget that we've been creating since the XE super window, so you can output widgets in almost any form.

 

mhmulti-001.jpg

 

 

[업그레이드 내용]

•문서내의 모든 이미지를 썸네일로 출력 기능 추가(선택가능)

Screenshot 2020-10-05 at 13.00.27.jpg

 

 1. Mh_multi Widget 에 총 5가지 Skin이 포함되어 있으며 Skin 마다 각각 고유의 형테로 구성    

    • 완벽히 위젯별로 작동합니다.

       - 동일 Skin 으로 한페이지에 다수의 위젯을 생성할시 위젯설정에 "위젯 NO"를 다르게 적용

       mhmulti016.jpg 

 

  2. 거의 완벽한 반응형(모바일형)으로 츨력이 가능

    • 함께 배포되는 mhstyle 위젯스타일 적용시

       - https://moonhouse.co.kr/xetip/469297

     mhmulti-008.jpg

 

  3. 간단한 설정 으로 색상변경 가능

    • 총 9가지 색상 선택

     mhmulti-009.jpg

    • 위젯 타이틀, 게시물 제목, Hover 테두리, more색상등 변경

     line.jpg

    • 설정 옵션들에서 자신만의 컬러로 변경 가능 

 

  4. 거의 완벽한 설정으로 각 위젯이 카멜레온처럼 변형이 가능 

    • 페이지기능으로 Total게시판 기능으로 활용

       - ajax 기능으로 화면 리플레쉬 없이 작동합니다.

    • 모든 항목을 추가, 제외 가능 - 썸네일, 테두리, 위젯타이틀, 제목, 내용, 글쓴이, 날짜등

    • 모든 항목의 색상 지정 가능 - 테두리, 제목, 내용, 바탕색, Hover색상등

 

  5. 썸네일 클릭시 3가지 형태로 츨력가능 

    • 기본적으로 게시판으로 연결

    • Right Box 형식으로 출력

     mhmulti-010.jpg

    • Zoom 형식으로 출력

     mhmulti-011.jpg 

 

  6. 다양한 설정

    • 대상 모듈의 대상 분류 srl값으로도 출력 가능

    • 내용글 세로 칸 수를 지정해서 공간의 여백을 최소화

    • 댓글 출력가능

     mhmulti-012.jpg

    • 그룹별, 포인트별, 레벨별로 출력 가능

     2021-09-23 123907.jpg

    • 모듈명, 분류명 출력 가능

     mhmulti-014.jpg

    • 확장값 출력 가능

     mhmulti-015.jpg

 

  7. MoonHouse 자료들은 폰트어썸과 Sexy Button 그리고 말풍선(툴팁) 애드온들이 자주 사용됩니다.

      Web Fonts Addon  /  말풍선(툴팁) 애드온을 설치해서 애드온들을 활성화 시켜야 아이콘과 버턴들이 정상적으로 출력됩니다.

      페이지기능을 지원하는 Widgets의 경우는 "위젯 케시를 0" 으로 둬야 정상 작동합니다.

 

Shoping Demo Manual Q&A

 

Mh_Multi Widget 메뉴얼

 

1. 총 5가지 Skins

 

 1. Sketchbook5 Webzin 형태

     mhmulti-002.jpg

 

 2. Sketchbook5 List 형태

     mhmulti-003.jpg

     

    •SketchBook5 게시판스킨 - 문하우스 수정버전 Pro 와 연동하여 날짜지정 종료/진행중/종료임박/오늘종료 버턴을 출력할 수 있습니다.

       - https://moonhouse.co.kr/xetip/506303

     mhmulti-004.jpg

 

 3. chameleon 형태

     mhmulti-005.jpg

 

 4. Smart 형태

     mhmulti-006.jpg

 

 5. Scroll - 공지사항형태

     mhmulti-007.jpg

Mh Product Sales

This area displays Product Sales made by Moonhouse.

Mh Justice Layout

Mh Justice Layout is a one page html5 bootstrap template.
This template comes with smooth animations, pop-up video and many more…

1. As soon as onePage is operated and the bootstrap and animations are applied, the animation is output in each section.

2. Almost perfect response (mobile)

3. Built-in various self-programming programs
• accordion menu
• iPhone background login pop-up
• Background slide
• Notice pop-up window

Read more

Mh Multi Sale

It's a multi widget that we've been creating since the XE super window, so you can output widgets in almost any form.

1. Works perfectly per widget. - Old versions create multiple widgets on one page with the same skin, causing problems with page function or multiple places

2. Add shortcut to on the title bar the top of the two.

3. can print out the source, without using a using the image output rightbox.

Read more