이전에 올렸던 윈도우창기능 팝업위젯이 약간의 문제가 있어서 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 

Atachment
첨부
  • ?
    오~~~~ 그동안 본것중 최고네요 ...
  • ? ?
    감사합니다. 제가 심혈을 기울였죠^.^
  • profile
    감사합니다.
  • ?
    감사합니다^^
  • ?
    대암지기님 Chronos님 tori님 잘 사용하세요^.^
  • profile
    멋집니다!!
  • profile
    감사합니다^^
  • profile
    고맙습니다. 좋은 자료에 비해 포인트는 저렴하게 배포해주시니 더욱 감사합니다^^
  • ?
    너무 이뻐요!
  • ?
    너무 좋은 프로그램 감사합니다. 거의 XE에서 완벽한 팝업 프로그램 같아요.
    근데 혹시 https://xe1.xpressengine.com/index.php?mid=download&package_id=22753867 레이아웃하고 충돌이 나는데여 (팝업이 들어가면 레이아웃 배너가 작동을 하지 않는..) 이러한 부분은
    어디로 문의를 드려야 하나요 ?ㅠㅠ 감사합니다.
  • ? ?
    너무나 좋게 평가해 주셔서 감사합니다.
    DoorWeb 레이아웃이 어떤 배너를 사용하는지 제가 사용해 보지를 않아서 확신을 할 수는 없지만
    아마 jquery의 충돌로 인해서 그런 증상이 나오는 것 같습니다.
    혹시 24시간 닫기를 누르면 배너가 정상적으로 작동을 하는지요..
    제가 만든 레이아웃에서도 배너가 작동을 하긴하는데 썸네일 부분에서 약간의 문제를 야기합니다.
    근데 24시간 닫기를 하면 정상작동하더군요.
    저도 해결 방법은 못 찾았습니다. 죄송^.^
  • ? ?
    댓글 감사합니다~ :)
  • ?
    좋은자료감사드려요~
  • ?
    감사합니다.
  • profile
    감사합니다.
  • profile
    감사합니다.
  • ?
    보기에도 좋습니다.
  • profile
    감사합니다!!!!!!!!
  • profile
    와 진짜 예뻐요 ㅠㅠㅠㅠ 지금 설치해서 테스트해보고 있는데 진짜 감사합니다 ㅠㅠㅠㅠ
  • profile
    근데요 이게 모바일에서는 잘 나오는데 피씨에서는 안나오거든요. 왜그럴까요? ㅠㅠ 히잉
    메인 페이지가 게시판이 아니고 위젯 페이지거든요 ㅠㅠ 이때문일까요?
  • profile
    여기저기 집어넣다 보니까 피씨에서도 되네요! 헤헤
    근데 창닫기 버튼이 안먹혀요... 흑흑
  • ?
    깔끔한 디자인으로 사용은 안해봤지만 테스트해봤는데 잘 되었어요 ㅎㅎ
  • ?
    잘쓰겠습니다~~감사합니다!!
  • profile
    너무 좋습니다 감사합니다
  • profile
    잘 작동되네요. ^^
    감사합니다.
  • profile
    감사합니다 잘쓰겠습니다.
  • profile
    정말 좋은 위젯인 것 같습니다. 기능이나 디자인 모두요 ㅎㅎ
    하나 질문 있는데요

    제가 나름 테스트 공지를 띄운다고 띄었다가 1일간 안보이기 버튼을 통해 닫았는데
    그 이후부터 팝업이 안뜨긴 안뜨는데 이게 아이피 기준으로 적용되는 것인가요?
    저희집 데스크탑에서 작업하고 모바일 와이파이로 접속했는데 팝업이 띄지 않더라구요
  • profile ?
    ip를 체크하지는 않습니다.
    cookie를 체크해서 시간을 체크하므로 해당 기기에서만 적용될 것 입니다.
    모바일로 팝업이 뜨지 않는 것은 다른 문제 일 것 같습니다.
  • ?
    잘 쓸께요
  • ?
    받아갑니다
  • ?
    감사합니다! ㅠㅠ
    정말 유용한 툴입니다.
  • ?
    꼭 필요해서 구매다운 할려고 하니 보유포인트가 부족하다고 합니다. 열심히 활동하는 방법뿐인지요?
  • ?
    꼭 필요했던 건데 감사합니다 !!
  • ?
    감사합니다 꼭 필요했는데
  • ?
    좋습니다.
  • profile
    편하고 옵션많아 좋습니다.
  • ?
    감사합니다.
  • profile
    잘사용하겟습ㄴ다
  • profile
    고맙습니다~!~! 팔공산님 사이트도 자주가는데 너무 이뻐요~
  • profile
    와 이런 것도 만드셨었군요 ^^b
  • profile
    잘사용하겠습니다 감사합니다
  • ?
    감사합니다.
  • profile
    감사합니다
  • profile
    좋습니다