1.  자료실
  2.  팁
  3.  나의 XE
  4.  Html
  5.  배경이미지

XE 인기게시물

MH 슬라이딩 배너 0....
MH 위젯스타일
prettyphoto - 본문내...
SCM 플레이어 사용법
XE 1.4.4.2버전 이후에...
네비게이션 위젯
IE 버젼별로 css 따로...
문서보기 유저 지정
문하우스 게시판스킨 V...
내용글 출력시 주소창에...
Data Of MoonHouse
글 수 105
자료적용 Yes
[MH 트렌스포머 PopUp위젯 설치전에 우선으로 해야 되는 사항] 
이 위젯은 지정한 이미지를 팝업으로 띄우는 방식이 아닙니다.
이 위젯은 지정한 모듈 그러니까 지정한 게시판에 올려져 있는 내용을 팝업으로 띄우는 방식입니다.

예를 들면 먼저 팝업을 올리는 게시판을 새로 하나 만듭니다.(아님 기존의 게시판도 상관 없습니다)
일단 popup이란 이름의 게시판을 만들었다고 하면
게시판에 팝업에 보여줄 이미지나 글, 아님 설문조사, 지도, 동영상 어떤 것이라도 좋으니 글 작성을 합니다.

그 후 트렌스포머팝업위젯을 페이지에 설치시 대상모듈을 popup으로 지정하시면
해당 게시물의 내용이 팝업으로 보이는 방식입니다.
  
 
[V1.2의 특징]
그룹지정을 해서 팝업의 표시유무를 선택할 수 있는 기능을 추가하였습니다.
mh_popup_01.jpg 
공모전에 올려저 있는 V1.0과 설치 및 특징은 동일합니다.

 

설치
1. 파일의 압축을 풀어서 mh_Transformer_popup폴더를 xe/widgets/ 폴더안에 올립니다.

    (기존 사용자는 전버전을 지우고 설치하시는 것이 좋습니다)
2. 페이지수정에서 위젯선택을 "MH_Transformer_PopUp 출력 V1.2"를 선택합니다.
4. 3개의 스킨중 자신이 원하는 형태를 선택 후 설정들과 모듈을 지정하시면 됩니다.
5. 기본설정으로 하시면 색상이 투명으로 지정되어 있으므로 테두리가 나타나지를 않고 글꼴색상도 기본색상입니다.

    설치자의 입맛에 맞게끔 글수 및 테두리,폰트색상 등등을 선택해 보세요.

스킨특징

1. 배너스킨(banner) - 게시판의 내용글과 같은 형태로 팝업창에 표시됩니다.

    a. 게시판 본문삽입 이미지를 png, gif, 플래시같은 투명이미지파일로 만들어 올리면 팝업창에서도 투명하게 적용됩니다.

 pop_banner_00.jpg

    b. 이미지 본문삽입 후 이미지설정 적용시 팝업창에서도 적용됩니다. (url, 설명, 타켓설정등)

 pop_banner_01.jpg

참고로 팝업창의 크기도 이미지 가로크기로 지정하시면 보기 좋습니다. 

 

1. 웹진스킨(webzin) - 게시판의 내용글들이 웹진형태로 팝업창에 표시됩니다.

pop_webzin_00.jpg   

   a. 웹진형태를 선택시 카멜레온스킨이 적용이 됩니다. (썸네일, 제목, 내용, 이름등 모든 것이 설정가능)

   b. 썸네일이나 제목,내용 클릭시 해당 게시판 내용으로 이동합니다. 

 

1. 혼합스킨(mix) - 배너형태와 웹진형태가 동시에 팝업창에 표시됩니다.

   a. 먼저 이 혼합스킨을 사용하기 위해서는 게시판생성1번째 확장변수를 아래 이미지와 같이 입력해주셔야 합니다.

pop_mix_01.jpg

   b. 게시판 글 등록시 기본 값 부분이 Y 이면 배너형태로, N 이면 웹진형태로 팝업창에 출력됩니다.

pop_mix_02.jpg 

위의 이미지에서 확장변수가 상단은 N, 하단은 Y가 적용된 상태입니다.

 

MH팝업위젯이 위젯코드생성해서 레이아웃에 붙여넣기를 해서 팝업창을 띄우는 것으로 알고 계신분들이 많은데,
(심지어 수정 위젯을 만드시는 분들도 그렇게 오해를 하고 있더군요)

MH팝업창 생성방법은 팝업창을 띄우고 싶은 페이지에서 페이지수정을 눌러서 위젯추가를 해 주시면 수정페이지에서는
위젯특성상 보이지를 않지만 저장후에 페이지에서는 정상적으로 보입니다.
이 위젯을 설치하면 페이지수정창에서는 처음에는 설치가 안 된것 처럼 보입니다.
그러나 한번 저장후에 페이지수정을 들어가면 빈 위젯창이 보입니다.  
이 창을 마우스로 아래로 늘리면 이미지와 같이 팝업 모습이 보입니다.
pop02.jpg 
참고로 아래로 늘린상태 그대로 두면 페이지에 빈 공간으로 나타납니다.
그러므로 확인후에는 원상태로 돌리셔야 합니다.  
첨부
[레벨:2]하늘향기
2010.03.05 22:58:12 댓글

궁금합니다. 이미지 출력은 어디에 있나요? 베너를 선택하고 그 어디를 찾아봐도 이미지 경로라는 화면이 없는데요.

[레벨:1]매냐
2010.08.03 13:28:55 댓글

이미지는 별도로 꾸미신듯 한데요?

근데 혹시 게시판 확장변수는 함께 출력이 안되나요?

이것도 되면 좋겠다는 건의입니다. ^^

관리자
2010.08.03 13:28:55 삭제 수정 댓글
포인트 팡팡!에 당첨되셨습니다.
매냐님은 25포인트를 보너스로 받으셨습니다.
[레벨:1]매냐
2010.08.03 13:29:45 댓글

와~전 이런 당첨하곤 거리가 뭔 편인뎅


기분 좋네요..^^ 감사합니다.~

[레벨:2]초코슈크
2011.06.17 03:10:40 댓글

좋은 기능인것 같은데...

역시나 제가 이해도가 조금 부족한지 활용이 잘 안되네요.ㅠㅠ

번호 제목 날짜 조회 수

98. 레이아웃스킨 문하우스 레이아웃스킨 V3.3 입니다 8

[V3.3의 특징] 1. 컬러색상에 투명추가 2. 그린Top이미지 교체 3. 3.2에서 배경이미지삽입 오류수정 2. 기타 잡다한 문제점들 수정 투명스킨 적용한 화면 투명스킨 적용하고 배경색상을 블랙으로 설정한 화면 투명스킨 적...

  • 2010-01-13
  • 조회 수 6601

» 위젯 MH 트렌스포머 PopUp위젯 V1.2 5

[MH 트렌스포머 PopUp위젯 설치전에 우선으로 해야 되는 사항] 이 위젯은 지정한 이미지를 팝업으로 띄우는 방식이 아닙니다. 이 위젯은 지정한 모듈 그러니까 지정한 게시판에 올려져 있는 내용을 팝업으로 띄우는 방식입니다...

  • 2010-01-13
  • 조회 수 4508

96. 위젯 MH 트렌스포머 PopUp위젯 V1.1 2

설치 1. 파일의 압축을 풀어서 mh_Transformer_popup폴더를 xe/widgets/ 폴더안에 올립니다. 2. 페이지수정에서 위젯선택을 "MH_Transformer_PopUp 출력 V1.0"를 선택합니다. 4. 3개의 스킨중 자신이 원하는 형태를 선택 후 설정들...

  • 2009-11-18
  • 조회 수 7076

95. 위젯 MH통합게시판위젯 V1.3 4

설치 1. 파일의 압축을 풀어서 mh_multi_com폴더를 xe/widgets/ 폴더안에 올립니다.(기존 사용자는 덮어 씌우면 됩니다.) 2. 관리자설정에서 페이지를 하나 만듭니다. 3. 페이지수정에서 위젯선택을 "MH통합게시판 V1.3"를 선택합니다. ...

  • 2009-11-08
  • 조회 수 6890

94. 레이아웃스킨 문하우스 레이아웃스킨 V3 입니다 18

설치 1.압축파일을 풀면 아래 이미지와 같이 두개의 폴더가 존재합니다. ( layouts, widgets ) 폴더채로 XE가 설치된 호스팅에 업로드합니다. 2. moonhouse_V3가 레이아웃스킨이며, paper_login_mh는 서브영역에 기본으로 나...

  • 2009-10-29
  • 조회 수 9078

93. 게시판스킨 문하우스 게시판스킨 V2.0

문하우스 게시판스킨을 XE최신버전에 맞게끔 수정해서 배포합니다. XE테스트버전은 xe 1.2.6입니다. [이전 버전 V1.5.1 ( http://moonhouse.co.kr/zbxe/236796 ) 에서 변경된 사항] 1. 확장변수문제 해결 2. 최대한 xe기본 게시...

  • 2009-10-18
  • 조회 수 6568

92. 위젯 MH Ext JS popup 팝업창 v1.0 2

Diver님의 Ext JS popup 팝업창을 기본 소스로 해서, 문하우스의 MH카멜레온팝업을 갖다 붙여서 마우스로 드래그가 가능한 팝업창을 만들었습니다. 사실 팝업창을 여러개 만들었지만 마우스드래그가 지원되지를 않아서 찜찜 했었는데...

  • 2009-09-23
  • 조회 수 7481
  • 문하우스는 IE7, 1280*1024 이상의 모니터 해상도에서 최적화 되어 있습니다.무단 E-mail 추출이나, 성인광고를 허용치 않습니다
  • 단축키 : l-목록, w-글쓰기, z-이전글, x-다음글, s-최근글, a-이전목록, d-다음목록, 1-home, 2-data, 3-zbxe, 4-blog, 5-total, 6-QnA