XETOWN

XE 포인트 마켓

XE 타운 활동으로 적립한 포인트로 XE 자료를 구매할 수 있습니다.

내정보

Guest 님
보유포인트
0
  • 재구매 할인
    30%
  • 컨텐츠 환불
    100%
  • 평점 포인트
    10%
  • 포인트 자동책정
    0%
콘텐츠 수 136

MH 트렌스포머 PopUp위젯

최초 등록일: 2017.01.08 조회수 : 164

50P

5.0점 / 총 6명 참여
  • 구매자 12
  • 설치경로 /widgets/mh_Transformer_popup 
  • 라이선스 XPM License (재배포 금지) 
  • 분류 위젯
  • 제작자 팔공산
  • 다운로드
    mh_Transformer_popup.zip 27.81KB (잔여일 : -, 잔여횟수 : -)
  • URL 팔공산님의 웹사이트

이전에 올렸던 [ https://www.xetown.com/xepoint/278112 ] 윈도우창기능 팝업위젯이 약간의 문제가 있어서 MH 트렌스포머 PopUp위젯을 올립니다.

 

이 위젯은 지정한 이미지를 팝업으로 띄우는 방식이 아닙니다.

이 위젯은 지정한 mid, 그러니까 지정한 게시판에 올려져 있는 내용을 팝업으로 띄우는 방식입니다.

 

예를 들면 먼저 팝업을 올리는 게시판을 새로 하나 만듭니다.(아님 기존의 게시판도 상관 없습니다)

일단 popup이란 이름의 게시판을 만들었다고 하면 

게시판에 팝업에 보여줄 이미지나 글, 아님 설문조사, 지도, 동영상 어떤 것이라도 좋으니 글 작성을 합니다.

 

그 후 트렌스포머팝업위젯을 페이지에 설치시 대상모듈을 popup으로 지정하시면 

해당 게시물의 내용이 팝업으로 보이는 방식입니다.  

 

[사용방법 및 특징]
1. 파일의 압축을 풀어서 /widgets/mh_Transformer_popup 폴더안에 올립니다.
2. 페이지수정에서 위젯선택을 "MH_Transformer_PopUp 출력을  선택합니다.
4. 2개의 스킨중 자신이 원하는 형태를 선택 후 설정들과 mid를 지정하시면 됩니다.
5. 기본설정으로 하시면 오렌지색의 둥근 테두리 popup창이 만들어집니다.
    설치자의 입맛에 맞게끔 글수 및 테두리,폰트색상 등등을 선택해 보세요.

6. 마우스로 이동도 가능합니다.

7. 나름 반응형으로 스마트폰에서도 알맞은 크기로 보입니다.

8. 팝업창의 버턴 아이콘들은 Font Awesome Icons, Sexy Button 과 이미지 두가지 사용이 가능합니다.
http://moonhouse.co.kr/xe/395931 - Web Fonts 애드온 1.1



A. 배너스킨(banner) - 게시판의 내용글과 같은 형태로 팝업창에 표시됩니다.
*게시판 본문삽입 이미지를 png, gif, 플래시같은 투명이미지파일로 만들어 올리고 배경색상을 투명으로 설정하면 팝업창에서도 투명하게 적용됩니다.
*이미지 본문삽입 후 이미지설정 적용시 팝업창에서도 적용됩니다. (url, 설명, 타켓설정등)
*참고로 팝업창의 크기도 이미지 가로크기로 지정하시면 보기 좋습니다.

*본문의 내용이 너무 긴 경우는 세로크기를 지정하세요.

popup01.png

[PC화면]

 

popup02.png

[ 스마트폰 화면 ]

 

B. 웹진스킨(webzin) - 게시판의 내용글들이 웹진형태로 팝업창에 표시됩니다.
*웹진형태를 선택시 카멜레온스킨이 적용이 됩니다. (썸네일, 제목, 내용, 이름, 게시물수 등 모든 것이 설정가능)
*썸네일이나 제목,내용 클릭시 해당 게시판 내용으로 이동합니다.

popup03.png

[샘플보기]

http://moonhouse.co.kr/xe/special 

profile

댓글 '9'

프로필 사진 profile
구미호 2017.01.08 22:00 댓글 별점
오~~~~ 그동안 본것중 최고네요 ...
프로필 사진 profile
팔공산 2017.01.08 23:24 댓글 별점
감사합니다. 제가 심혈을 기울였죠^.^
프로필 사진 profile
대암지기 2017.01.09 00:54 댓글 별점
감사합니다.
프로필 사진 profile
Chronos 2017.01.09 07:44 댓글 별점
감사합니다. ^^
프로필 사진 profile
tori 2017.01.09 11:49 댓글 별점
감사합니다^^
프로필 사진 profile
팔공산 2017.01.09 14:40 댓글 별점
대암지기님 Chronos님 tori님 잘 사용하세요^.^
프로필 사진 profile
팀워크 2017.01.09 15:45 댓글 별점
멋집니다!!
프로필 사진 profile
수정구슬 2017.01.09 19:29 댓글 별점
감사합니다^^
프로필 사진 profile
dongdong 2017.01.10 00:44 댓글 별점
고맙습니다. 좋은 자료에 비해 포인트는 저렴하게 배포해주시니 더욱 감사합니다^^
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...