MH 트렌스포머 PopUp위젯 |
Registered Date | Mar 31, 2023 |
|---|
이전에 올렸던 윈도우창기능 팝업위젯이 약간의 문제가 있어서 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, 설명, 타켓설정등)
*참고로 팝업창의 크기도 이미지 가로크기로 지정하시면 보기 좋습니다.
*본문의 내용이 너무 긴 경우는 세로크기를 지정하세요.
[PC화면]
[ 스마트폰 화면 ]
B. 웹진스킨(webzin) - 게시판의 내용글들이 웹진형태로 팝업창에 표시됩니다.
*웹진형태를 선택시 카멜레온스킨이 적용이 됩니다. (썸네일, 제목, 내용, 이름, 게시물수 등 모든 것이 설정가능)
*썸네일이나 제목,내용 클릭시 해당 게시판 내용으로 이동합니다.
[샘플보기]
