MH Justice Latout Manual
X 24 시간 닫기 X

MH Multi Widget

  1. Shopping
  2. 주문상태
  3. 주문QA
  4. Demo
  5. 메뉴얼
  6. 제작의뢰
  7. XE작품
  8. 가입인사
1.0x
XE 1.8 버전대 기본레이아웃인 Xedition을 사용자가 편집이 편리하도록 수정한 버전 [v5 업데이트 내용] 1. 스마트폰에 적용가능하게 css 수정 했습니다. - toggle들 히든, 졸졸이스토커 히든, wing영역히든, 하단 메뉴와 위젯 히든 등... [v4 업데이트 내용] 1. 본문의 가로폭 크기를 지정 할 수 있습니다 - 1200px(기본), 980px(예전형) 2. 'SocialXE 모듈' 설치시 로그인박스에 SNS로그인 기능 추가 3. 개인정보 팝업의 위치를 수정 - 잘 보이게 ^.^! [v3 업데이트 내용] 1. Font Awesome icon 정상적으로 작동 되게끔 수정 - 이전버전 에서 누락됨 2. 상단 토글영역 추가 - 전체메뉴, Html메뉴 3. Wing영역 위젯, 베너 추가 확장 4. 사이트 개인정보알림 메뉴 추가 - 화면 중앙 팝업으로 출력 [v2 업데이트 내용] 1. Sub형태시 Body 우측에 졸졸이메뉴 추가 - 메뉴, 이미지, html선택가능 2. 사용자정의 단계별로 정리 [특징] 1. 배경색상과 텍스트색상을 변경가능 2. 상단영역 이미지와 사용가능 3. Wing영역과 하단영역에 위젯추가 가능(토글기능 가능) 4. 최하단에 페밀리사이트 추가가능 단순하게 특징을 적었지만 위의 적용만으로도 많은 편집이 가능합니다. 참고로 Demo버전은 삭제 했습니다. p.s xedition_MH 폴더를 새로 만들어 적용을 하셔도 되고 xedition을 사용중이시라면 _MH를 삭제하고 기본 폴더에 그대로 적용하셔도 됩니다.(쉬운설치를 실행하면 기본으로 돌아갑니다)
Board 나의 RM 2016.12.07 팔공산 R 2038
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파일)들을 첨부합니다. 필요하시면 활용하세요. 마음대로 수정, 배포 모든 것이 가능합니다.
Board 나의 RM 2016.03.28 팔공산 R 1804 V 1
[V3.3의 특징] 1. 컬러색상에 투명추가 2. 그린Top이미지 교체 3. 3.2에서 배경이미지삽입 오류수정 2. 기타 잡다한 문제점들 수정 투명스킨 적용한 화면 투명스킨 적용하고 배경색상을 블랙으로 설정한 화면 투명스킨 적용하고 배경이미지 등록후 배경색상을 설정한 화면 [V3.2의 특징] 1. V3.1의 경우 2차메뉴 세로형의 경우 파폭,크롬에서 표시되지를 않는문제 소스변경으로 문제해결 2. 서브메뉴 3차, 4차 메뉴가 바로보이게 수정 3. 서브메뉴 배너이미지 url 미기재시 하이퍼링크 안 나오게 수정 2. 기타 잡다한 문제점들 수정 설치 1. 파일의 압축을 풀어서 moonhouse.zip폴더를 ./layouts 폴더안에 올립니다. 2. 관리자페이지에서 사이트설정 - 레이아웃 - 생성 - 문하우스 레이아웃선택 - 제목작성 3. 레이아웃설정에서 필요한 기능선택 - 저장 4. 서비스관리에서 문하우스레이아웃 적용할 페이지나 게시판 선택 - 관리 - 레이아웃 - 문하우스 레이아웃선택 - 저장 5. 기본로그인스킨설치 방법 - paper_login_mh.zip 압축을 풀어서 ./widgets/login_info/skins/ 폴더안에 업로드합니다. 특징 1. 3가지의 칼라를 선택할 수 있습니다.(블루, 그린, 실버) 2. 레이아웃의 형태를 본문만 서브메뉴+본문 형태로 선택가능 3. 레이아웃의 위치를 좌측, 중앙으로 선택가능 4. 2차메뉴를 가로형, 세로형으로 선택가능 5. 상단메뉴에서 2차메뉴의 유무를 선택가능 6. 로고를 이미지, 텍스트, 플래시로 선택가능 7. 하단 사이트맵의 선택가능, 사이트맵의 토글기능 적용 8. 언더바와 하단텍스트를 선택가능 9. 상단로그인, 언어, 검색창의 선택가능 10. 설정에서 메인페이지에 위젯코드를 추가할 수 있습니다. (특정위젯의 경우 페이지수정에서 위젯이 설치가 되지를 않습니다. 그런 경우 위젯코드를 생성해서 넣으면 정상적으로 작동을 합니다.) 11. 서브메뉴의 위치를 좌측, 우측 선택가능 12. 설정에서 서브메뉴부분에 로그인, 4차트리메뉴, 위젯, 배너를 적용할 수 있습니다. 13. 배경이미지와 배경색상의 지정가능 14. 스크롤바의 색상을 지정
Board 나의 RM 2010.01.13 팔공산 R 39746 C 8 V 1
예전 XE시절에 사용하던 "글 상자 작성 Text Box" 에디터 컴포넌트를 약간의 기능을 추가하여 올립니다. XE공식 자료실에서 찾아보니 라이선스가 GPL v2 라 이렇게 올려도 별 문제가 없을 것 같네요. 2009년에 만들어 졌지만 지금 사용해도 괜찮은 기능을 가지고 있습니다. php8 이상에서도 잘 작동되게 수정했습니다. 설치 방법은 간단합니다. 다운받은 파일 압축을 풀어서 textbox폴더를 /modules/editor/components/textbox 에 업로더하고 관리자 설정 에디터에서 항목 체크해 주면 됩니다. 그럼 게시판 글쓰기 항목에 "글 상자 작성" 추가됩니다. 클릭해 보면 아래 처럼 출력됩니다. 그냥 보이는 옵션들 지정하면 됩니다. 제가 추가한 기능이 "빈칸 제거 기능"입니다. 이건 문서를 복사해 오는데 앞줄에 빈칸들이 있을때 앞줄 빈칸들을 제거해 줍니다. <var name="remove_whitespace" type="radio"> <title xml:lang="ko">빈칸 제거 기능</title> <description xml:lang="ko">글의 앞부분의 빈칸을 제거합니다.</description> <options value="N"> <title>제거안함(기본)</title> </options> <options value="Y"> <title>제거</title> </options> </var> <var name="remove_whitespace" type="radio"> <title xml:lang="ko">빈칸 제거 기능</title> <description xml:lang="ko">글의 앞부분의 빈칸을 제거합니다.</description> <options value="N"> <title>제거안함(기본)</title> </options> <options value="Y"> <title>제거</title> </options> </var> 링크 그리고 우측 상단에 "복사하기" 기능 추가했습니다. [ V1.2 ] - 형태를 유지한 체 앞 공백 제거 - 공백이 가장 적은 줄의 공백수 만큼만 모든 줄에 공백 제거 적용 - 검은색 배경색을 위해 "글 색상" 추가했습니다. - 박스 상단 좌측에 제목 입력 가능 [ V1.3 완성본] - 박스안 일부분 색상 지정 가능(span 태그시) - <br /> 테그 적용 - <a> 태그 적용 - <img> 태그 적용 - 복사 버턴 출력 유무 - 제목글 가로폭 초과시 overflow 색상(Gold) - 언어팩 추가
2018.02.07 날씨 위젯 file 2 3,120
현재 위치(지오로케이션)기반 날씨 위젯을 만들기로하고 일주일이 지났네요 @.@ 너무 오래 붙잡고 있으면 안될꺼 같아서 주말에 시간내서 마무리 지었습니다. 우선 배포하고 문제가 발견되면 추후 수정하는게 좋다는 생각입니다... ㅎㅎ 개인적으로 사용하던 날씨 위젯 레이아웃이 있어서 그나마 수월하게 끝냈 수 있었습니다. 역시나 이번에도 주소록 파일 만드는데 대부분의 시간을 허비 했습니다. 그나마 경험이 있어서 조금은 빨리 데이터 정리할 수 있었네요 ㅋㅋㅋ 날씨 위젯 0.3 pr_weather_v2_0.3.zip 주의 사용 전 http://aqicn.org/data-platform/token/ 이곳에서 키를 발급받아야 합니다. 이메일과 닉네임만 넣으면 이메일 인증 후 키를 발급 해 줍니다. api.func.php 파일을 열어서 15번째 라인 'API Token'자리에 해당키를 입력후 저장하고 위젯을 작동시켜 주세요. 변경사항 1. 캐시 데이터에 변화가 있으니 캐시파일 재생성 후 사용하시는것이 좋습니다. 2. 코드를 세분화하고 오류체크가 미흡했던 부분들 보완 했습니다. 3. '기본스킨 - 가로형'이 추가되었습니다. 참고로 기존 '기본스킨'은 변경된 부분이 없습니다. - 너비에따라 최대 3개의 날씨 예보를 표시 합니다. - 하단 스크롤을위해 아래 jquery plugin을 사용하였습니다. http://richhollis.github.io/vticker/ 날씨 위젯 0.2 pr_weather_v2_0.2.zip 주의 사용 전 http://aqicn.org/data-platform/token/ 이곳에서 키를 발급받아야 합니다. 이메일과 닉네임만 넣으면 이메일 인증 후 키를 발급 해 줍니다. api.func.php 파일을 열어서 15번째 라인 'API Token'자리에 해당키를 입력후 저장하고 위젯을 작동시켜 주세요. 변경사항 1. 사용하는 쿠키명을 '_pr_w_weather_geo'로 단일화 하였습니다. - 기존에는 위치기반 사용자와 수동으로 지역 선택해서 사용하는 사용자의 쿠키명을 다르게 운영하였는데 이를 하나로 통합 했습니다. - 기존 사용자들의 쿠키들은 위젯에서 확인해서 자동 업데이트 합니다. 2. api통신시 타임아웃을 3초로 변경 하였습니다. - api.func.php 파일 13번째 라인 ($_timeout = 3;)에서 이 시간을 변경 하실 수 있습니다. 위 이미지 참조. 3. 통신방식을 curl로 변경 하였습니다. 4. 위젯 설정값에 '위치값 유효 시간 (분)'을 추가 하였습니다. - 이 값은 위치 기반 사용자의 경우에만 유효합니다. 유효 시간이 지난 후 페이지 새로고침이 발생하면 자동으로 내 위치 찾기 버튼 클릭 이벤트를 발생시켜 나의 위치를 갱신해서 날씨 데이터를 표시 합니다. 5. 위젯 실행시 더이상 날씨 데이터를 만들지 않고 ajax로 처리 합니다. - 페이지 표시할때 날씨 위젯이 캐시 유효기간이 만료되어 이를 갱신하거나 새로운 사용자의 날씨 데이터를 생성하느라 로딩 시간을 꽤나(1~2초) 잡아먹는 경우가 발생 했었습니다. 이를 해결하기위해 페이지 로딩시에 위젯은 유효한 캐시가 있을때만 이 데이터를 html로 뿌려 줍니다. - 유효한 날씨 데이터가 없을때는 기본 화면을 먼저 띄우고 날씨 데이터는 페이지 로딩 이후 ajax로 불러 옵니다. - 날씨 위젯때문에 페이지 로딩이 느려지는일은 이제 없을겁니다. 6. 자료 제공자의 바로가기 링크가 수정되었습니다. - 기상청 : 기존 날씨누리 메인 페이지에서 동네 예보를 검색할 수 있는 서브 페이지로 변경 되었습니다. pc : http://www.weather.go.kr/weather/forecast/timeseries.jsp 모바일 : http://m.kma.go.kr/m/forecast/forecast_01.jsp - World Air Quality : 기존 세계 상황을 볼수있는 페이지에서 자신의 위치 근처의 상활을 볼 수 있는 페이지로 변경. 날씨 위젯 0.1 pr_weather_v2_0.1.zip 주의 1. 데이터를 받아올때 curl이나 snoopy같은 클래스 이용없이 간단하게 file_get_contents을 이용했습니다. 2. 지오로케이션 api는 https가 아니면 작동하지 않을 수 있습니다. 이경우에는 자동 위치확인 아이콘을 클릭하더라도 주소록 선택화면이 뜨로록 했습니다. 그리고 브라우저나 환경(pc, 모바일)에 따라서 정확하지 않은 좌표를 반환 할 수 있습니다. 3.위젯이 작동하기 위해서는 http://aqicn.org/data-platform/token/ 이곳에서 키를 발급받아야 합니다. 이메일과 닉네임만 넣으면 이메일 인증 후 키를 발급 해 줍니다. api.func.php 파일을 열어서 7번째 라인 'API Token'자리에 해당키를 입력후 저장하고 위젯을 작동시켜 주세요. 4. 위의 이미지에서 보듯이 5번째 라인에 타임아웃을 5초로 설정하고 있습니다. 5초동안 응답이 없다면 기존 캐시 데이터를 이용하도록 설계되어 있습니다. 설정 1. 스킨의 컬러셋은 '흰색 바탕용'만 작업했습니다. 2. 캐시는 기본제공되는 위쪽의 캐시는 사용하지 마시고 아래쪽에 따로 마련된 '캐시 유지시간'을 사용 하세요. 캐시는 30분 이상 충분히 넉넉하게 사용하시는것을 추천 합니다. 3. 지역을 설정하지않은 사용자에게 보여줄 기본지역은 서울의 중앙 부분쯤인 필동으로 기본값을 정했습니다. 4. 마지막 애드온과 연동 부분은 제가 개인적으로 사용하는 애드온과 연동하기 위한 부분이니 신경쓰지 않으셔도 됩니다. - 여담 입니다만 눈송이 애드온을 보고 제가 개인적으로 사용하던 애드온과 너무 흡사해서 놀란적이 있습니다. 같은 플러그인을 사용해서 눈송이 옵션이 비슷한것을 떠나 실제 날씨와 연동한 아이디어도 비슷해서요 ㅎㅎㅎ 혹시 이 옵션을 이용하시려면 애드온등에서 아래 코드로 체크 하시면 됩니다. if(Context::get('pr_is_snowing') == 'Y' || $_SESSION['pr_is_snowing'] == 'Y') { //눈이나 눈/비가 내리는 날씨 입니다. } 참고 사항 1. 캐시는 캐시 유지시간을 초과했더라도 무조건 삭제하지 않고 새 날씨 데이터를 가져올때 응답이 느려 타임아웃이 발생하면 기존 캐시를 또한번 이용하도록 설계하였습니다. (주의 4번 참조) 2. 주소록 관련 기존 포털 사이트에서는 최종 읍/면/동의 개수가 6,491개 였습니다. 하지만 기상청에서 제공하는 주소록에는 전국 3,504개의 읍/면/동만 제공하더군요. 이 위젯은 기상청 데이터를 이용하므로 기상청의 지역 분류에따랐습니다. 예로 서울 중구의 경우 아래처럼 차이가 납니다. 좌측이 포털사이트, 우측이 기상청 입니다. 3. 기상청에서는 자신들만의 x,y좌표에 따라 구역을 나눠서 최종 데이터를 제공하는것으로 보입니다. 따라서 10자리 지역코드가 다르더라도 x,y좌표가 겹치는 지역이 상당히 많습니다. 그래서 캐시또한 x,y좌표에 따라 관리합니다. 2번에서 밝힌대로 전국 3,504개의 지역이 있지만 x,y좌표 겹치는곳을 제거하면 1,620개 지역으로 압축됩니다. 서울의 경우는 겹치는 지역이나 경기권과 겹치는 경우를 제외하면 18개의 좌표만 남습니다. 4. 지오로케이션 얻어온 좌표기반으로 지역명을 구하는 api를 구글이 제공하기는 합니다만 무료는 하루 2,500쿼리 제한도 있고 또한번 통신을 하므로 속도저하가 있을것으로 판단하여 따로 api를 이용하지않고 주소록에서 지역명을 찾아오도록 했습니다. 다만 속도를 위해 간단하게 기상청의 x,y좌표 기반으로 지역명을 판단하게 만들다보니 지역명이 정확하지 않을 수 있습니다. 예로 아래 지역의경우 모두 같은 x,y좌표를 사용합니다. 따라서 현재 지역이 아래와 같다면 순서에의해 모두 '서대문구 천연동'이라고 표시가 됩니다. 서대문구 천연동 성북구 돈암제2동, 삼선동, 성북동, 정릉제1동, 정릉제2동 종로구 가회동, 교남동, 무악동, 부암동, 사직동, 삼청동, 숭인제1동, 이화동, 종로1.2.3.4가동, 종로5.6가동, 창신제2동, 창신제3동, 청운효자동, 평창동, 혜화동 중구 광희동, 명동, 소공동, 신당동, 을지로동, 장충동, 필동 5. 날씨 아이콘은 아래 링크의 무료 공개된 아이콘을 받아서 제가 간단하게 색을 입혔습니다. https://dribbble.com/shots/1247177-Weather-icons 6. 통합대기 품질은 데이터 제공자의 등급 표시에 따라 표기합니다. 위젯 작동 1. 통합대기 상태를 클릭하면 자세한 수치가 표시됩니다. 2. 위치 기반 3. 지역 수동 선택 4. 위치 기반이던 지역 수동 선택이던 지역 정보를 쿠키에 저장해서 사용합니다. 적다보니 상당히 길어졌네요... 문제가 있다면 댓글 달아주시면 시간 나는대로 수정하겠습니다. 마지막으로... 충분히 테스트 해보시고 사용하시기 바랍니다. ㅎㅎㅎ
기존에 레이아웃에서 로드해서 사용하던 툴팁 생성용 css와 jquery를 따로 떼어내서 애드온을 만들어 봤습니다. 만들고보니 쓸모가 있을까... 하는 생각이 들기도 합니다. ㅎㅎㅎ jquery나 애드온의 정규식이 허접해서 모든 환경에 잘 적용될 수 있을지도 의문이네요 @.@ 말풍선 애드온 0.1 pr_tooltip_v0.1.zip 애드온을 적용 한다음 말풍선이 필요한곳에 pr_tooltip 클래스를 추가해 주시면 해당 태그에 마우스를 가져가면 말풍선을 띄워주는 애드온 입니다. 추가로 지정 가능한 속성은 아래와 같습니다. pr_uid : 애드온에서 관리하기위해 부여하는 번호입니다. 영문, 숫자, 하이픈, 언더바로만 구성할 수 있습니다. pr_color : 말풍선의 색을 지정합니다. pr_position : 말풍선의 위치를 지정합니다. title : 말풍선에 띄울 글을 지정합니다. 사용 가능한 색상 코드는 아래와 같습니다. 색상은 bootstrap에서 따왔습니다. 태그에 pr_color="primary" 이런식으로 사용하시면 됩니다. 사용가능한 말풍선 위치 지정 코드는 아래와 같습니다. 말풍선을 우상단에 띄우고 싶다면 pr_position="t_right" 로 적어 주시면 됩니다. 이 애드온의 사용법은 크게 두가지로 나눌 수 있습니다. 1. 직접 코딩 아래처럼 말풍선이 필요한곳의 class에 pr_tooltip을 추가하고 title, pr_color, pr_position을 지정 합니다. 마우스를 가져가면 Point History라고 적힌 노란 말풍선이 상단 중앙에 뜨게 됩니다. 2. 애드온에서 관리 아래처럼 말풍선이 필요한곳의 class에 pr_tooltip을 추가하고 pr_uid만 지정을 합니다. 이상태에서는 마우스를 가져가도 말풍선은이 뜨지안습니다. 애드온 설정화면에서 위에 지정한 pr_uid번호인 info-001의 옵션값들을 지정 후 저장합니다. 이후부터는 해당 태그에 마우스를 가져가면 말풍선이 뜨게 됩니다. 우선순위 태그에 모든 속성을 지정하고 pr_uid까지 지정했어도 해당 uid에대한 설정값이 애드온에 있다면 애드온에 설정한값이 우선합니다. 아래처럼 pr_uid가 001로 지정하고 모든 속성을 코딩했어도 애드온 설정에 001의 설정값이 있다면 기존 코딩은 무시되고 애드온 설정값으로 변경되어 출력됩니다. 위의 애드온 설정창의 uid: 002의 경우처럼 title만 지정된 경우는 다른 값은 코딩값대로 유지되며 title만 변경되어 출력합니다. [문하우스의 적용팁] https://moonhouse.co.kr/423318 p.s 색상을 알아보기 쉽게 blue, orange, red 같이 쉽게 적용한 파일 올립니다. 문하우스 프로그램들은 수정한 파일로 적용됩니다. pr_tooltip.zip
업데이트 1.2.6 - php 5.3.x 이하 버전과 호환성 해결 1.2.5 - default 스킨에서 애드온 출력 요소들의 margin과 padding 값을 기본 0으로 할당 (웹지기님 제안) 1.2.4 - ajax 적용 후 스크롤탑 이동시 특정 요소로 위치 지정 가능 (Artistudy님 제안) 1.2.4에선 ajax 호출 후 (무조건 페이지 최상단으로 가게 하지 않고) 어떤 요소로 가게 할지 애드온 사용자가 직접 입력하게 했습니다(.rd, #cmtPosition 등). 최상단으로 가게 하려면 'AJAX 쪽 이동 후 위치'에 body를 입력하면 됩니다. 1.2.3 - ajax 적용시 스크롤탑 이동 여부 옵션 처리 (스트렌져님 제안) 1.2.2 - ajax 처리 후 페이지 최상단으로 이동하게끔 수정 (Artistudy님 제안) 1.2.1 - 본문 내비 버튼이 본문에 고정되지 않던 문제(를 아예 내비 버튼용 파일을 따로 만들고 별도로 불러오도록 함으로써) 수정 - 이제 안정화 버전이라 생각하고 당분간 자중하겠습니다ㅠ 1.2 - 에디터 컴포넌트 요소가 구현되지 않던 문제 해결 : (예시) 멀티미디어 컨텐츠 - http://bit.ly/2wawyvD : (예시) 설문조사 - http://bit.ly/2vaLpsN - 본문 내비 버튼을 js가 아니라 css로 불러옴으로써, 본문보다 늦게 로딩되던 문제 수정 1.1 - AJAX 옵션 사용시, 실행되지 않던 다른 애드온의 js파일을 재실행하도록 함 개요 - 게시판 본문에 임의의 문자열을 넣어 본문 내용을 쪽 단위로 나눠볼 수 있게 해주는 애드온입니다. - 매뉴얼, 보고서, 논문 같이 분량이 긴 문서는 물론, 카드뉴스나 컷툰 같은 콘텐츠 구현에도 적합합니다. - AJAX 옵션을 사용하면, 전체 페이지 새로고침 없이 쪽 이동을 하기도 합니다. 미리보기 - http://bit.ly/2v1HmyR 기본 기능 - 페이지 브레이커 : 임의의 문자열을 지정하면, 해당 문자열을 기준으로 쪽 나누기가 실행됩니다. 본문에 해당 문자열이 포함되어 있지 않으면 애드온 실행이 중지됩니다. - 페이지 링크 개수 : 페이지네이션에서 보여줄 링크의 개수를 설정할 수 있습니다. 게시판 모듈에서 사용하는 page_count와 비슷한 기능을 수행합니다. - 페이지네이션 스킨 : 기본 제공되는 default 스킨 외에, 사용자가 스킨을 만들면 사이트 특성에 맞는 효과적인 콘텐츠 관리가 가능합니다. (예. 콘텐츠 슬라이더, 페이지네이션 스타일링 등) Default 스킨 설정 - AJAX 옵션 : ajax 처리를 지원합니다. 단, ajax 옵션을 사용하면, 본문만 새로 읽어들이기 때문에, 다른 애드온과 충돌의 여지가 있으며 사이트 광고 수익에도 영향을 줄 수 있습니다. - 본문 내비 버튼 : 이 기능을 사용하면 본문 중앙 양 끝으로 쪽 이동(prev, next) 버튼이 삽입됩니다. 이 기능을 사용하지 않으면 쪽 이동 버튼은 본문과 페이지네이션 사이에 위치하게 됩니다. [실현화면] [편집화면]

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

게시판 제목 종료일 위치 글쓴이 날짜 조회수 지도
충청 충주 중앙탑 file 충주 중앙탑 팔공산 2024.03.20 113
서울 서울 이순신장군 동상 file 서울 이순신장군 동상 팔공산 2024.03.20 102
전라 쏠비치 진도 file 쏠비치 진도 팔공산 2024.03.20 123
강원 정동진 모래시계공원 file 정동진 모래시계공원 팔공산 2024.03.20 95
대구 종료 앞산공원 전망대 file 2025-04-30 앞산공원 전망대 팔공산 2023.03.29 129

댓글 많은순

No 게시판 제목 글쓴이 날짜 조회수
2,553 14 질문좀 드리겠습니다. file 달카페 2023.01.26 1,767
2,552 14 가입권유 애드온 v2.3 file 팔공산 2018.02.14 988
2,551 14 타임라인모듈 사용시 게시판명 나오게 수정하기 file
팔공산 2016.02.21 4,377
2,550 14 MH 배너위젯 file
팔공산 2008.07.27 42,540
2,549 13 SketchBook5_MH 버전업 V 2.5 - 2023.06.22 팔공산 2023.06.22 861

 

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