XETOWN

XE 포인트 마켓

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

내정보

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

MH 트렌스포머 PopUp위젯

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

50P

5.0점 / 총 12명 참여
  • 구매자 30
  • 설치경로 /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

댓글 '18'

프로필 사진 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 댓글 별점
고맙습니다. 좋은 자료에 비해 포인트는 저렴하게 배포해주시니 더욱 감사합니다^^
프로필 사진 profile
식이 2017.01.23 01:25 댓글 별점
너무 이뻐요!
프로필 사진 profile
g2rrard 2017.01.26 07:10 댓글 별점
너무 좋은 프로그램 감사합니다. 거의 XE에서 완벽한 팝업 프로그램 같아요.
근데 혹시 https://www.xpressengine.com/index.php?mid=download&package_id=22753867 레이아웃하고 충돌이 나는데여 (팝업이 들어가면 레이아웃 배너가 작동을 하지 않는..) 이러한 부분은
어디로 문의를 드려야 하나요 ?ㅠㅠ 감사합니다.
프로필 사진 profile
팔공산 2017.01.26 13:14 댓글 별점
너무나 좋게 평가해 주셔서 감사합니다.
DoorWeb 레이아웃이 어떤 배너를 사용하는지 제가 사용해 보지를 않아서 확신을 할 수는 없지만
아마 jquery의 충돌로 인해서 그런 증상이 나오는 것 같습니다.
혹시 24시간 닫기를 누르면 배너가 정상적으로 작동을 하는지요..
제가 만든 레이아웃에서도 배너가 작동을 하긴하는데 썸네일 부분에서 약간의 문제를 야기합니다.
근데 24시간 닫기를 하면 정상작동하더군요.
저도 해결 방법은 못 찾았습니다. 죄송^.^
프로필 사진 profile
g2rrard 2017.01.27 03:41 댓글 별점
댓글 감사합니다~ :)
프로필 사진 profile
DoubleCheck 2017.01.27 10:29 댓글 별점
좋은자료감사드려요~
프로필 사진 profile
희스깅 2017.01.27 22:18 댓글 별점
감사합니다.
프로필 사진 profile
KiMoHwang 2017.03.18 14:08 댓글 별점
감사합니다.
프로필 사진 profile
김하은 2017.03.20 19:19 댓글 별점
감사합니다.
프로필 사진 profile
하라주꾸 2017.04.07 13:15 댓글 별점
보기에도 좋습니다.
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...