레이아웃
모바일 전용 3뎁스 메뉴 입니다. 클릭시 활성화 되며, 하단에 스크립트에 메뉴의 번호를 지정해서 활성화 할 수 있습니다. width:100% 로 되어있습니다. 감사합니다. 사용...
[펄스나인] 쉽게쓰는 UI/UX - 멀티 플로팅 팝업
링크
https://false9.iwinv.net/bbs/content.php?co_id=f_popup (337) https://sir.kr/g5_builder/4371 (159)
버튼클릭시 화면 중앙에 플로팅 팝업을 띄울 수 있습니다.
새창, 윈도우 팝업이 아닌 사이트내 div 팝업 입니다.
페이지 이동없이 팝업으로 간단한 내용을 띄워줄 때 용이할것 같습니다.
여러개의 버튼을 넣고 각각 다른 내용의 팝업을 띄울 수도 있습니다.
각각의 버튼을 클릭할때마다 다른 팝업을 띄워야 되는 경우
폴더내 ui.popup.php 파일의 주석을 참고하세요.
감사합니다.
사용방법
첨부파일의 압축을 푸신 후 ui.popup 폴더를 그누보드가 설치된 경로에 업로드 해주시고,
하단부 등 공통되는 부분에 아래 코드를 추가해 주세요.
공통되는 부분이 아니더라도 팝업이 떠야되는 페이지에 넣어주시면 됩니다.
<?php include_once(G5_PATH.'/ui.popup/ui.popup.php'); ?>
클릭시 팝업이 떠야 하므로 클릭할 수 있는 버튼이나 링크를
적절한 위치에 추가 하신 후 class="popup_open" data-win="pp1" 을 넣어주시면 됩니다.
data-win 속성값을 다르게해서
각각의 버튼마다 다른 플로팅 팝업을 띄울수도 있습니다.
파일내 주석을 참고하셔서 응용해보세요 :D
그누보드 빌더 출시 예정! 많은 관심 부탁드립니다.
https://sir.kr/g5_builder/4371
버전 정보
테스트한 버전
5.5
호환 가능 버전
무관
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
그누보드5 스킨
2,751건좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
게시판
버그 수정판 배포 되었습니다. 아래 링크로 이동 해주세요 https://sir.kr/g5_skin/61186
레이아웃
/adm/board_list.php 변경사항 57line css 추가 [code] <style> .tbl_head0_hover {} .tbl_head0_hover table {cl...
레이아웃
버튼클릭시 화면 중앙에 플로팅 팝업을 띄울 수 있습니다. 새창, 윈도우 팝업이 아닌 사이트내 div 팝업 입니다. 페이지 이동없이 팝업으로 간단한 내용을 띄워줄 때 용이할것 같...
게시판
게시판 글쓰기에서 하나의 스킨으로 특정항목 선택에 따라 다양한 종류의 입력을 받을 수 있느 스킨입니다. 예를 들어 직업의 구분에 따라 다르게 입력 받을 수 있습니다. 뷰페이지에 보...
외부로그인
홈페이지 맨상단 정도에 위치시켜 편리하게 로그인할 수 있게 의도한 가로형 외부로그인입니다. 간편하고 집중력있는 홈페이지를 제작하려 할 때에 유용할 듯 합니다.
게시판
첨부파일에 파일을 업로드하고 [작성완료] 버튼을 클릭하는 경우 프로그래스바 (업로드 진행율) 를 출력 합니다. 첨부되는 파일이 4개인 경우 4개 파일이 모두 업로드 될때까지 진...
게시판
첫 그누5 스킨이네요..^^ 소개 : 댓글 작성 시 일정 확률로, 보너스 포인트를 지급하는 스킨 - 보너스 포인트 지급 시 답글로 작성되지 않은 깔끔한 UI를 제공합니다...
회원가입
업체 회원의 경우 추가 입력 사항 받기 예시 8가지 종류의 유저에 따라 8가지 종류의 파일이 있습니다. j1.php, j2.php, j3.php, j4.php, j5.php, j6...
댓글 28개
감사합니다 ^^
항상 댓글 주셔서 고맙습니다~^^
감사합니다. 잘쓸게요.! 근데 팝업이 혹시 반응형은 안되는지요?
반응형 되면 너무 좋을듯 싶은데요.
안녕하세요,
반응형 처리할것도없어서
그냥
@media all and (max-width:1024px) {
.d_popup .wins {width:90%;}
}
하면 될것같습니다~
주석용으로 이용하면 유용하겠네요
ㅎㅎ 네 감사합니다 ^^
감사합니다~ 쓸 데가 많겠네요~
유용하게 써주십시요 ^^
감사 합니다.
항상 감사합니다~
감사합니다.
감사합니다 ^^
감사합니다.
잘 사용하겠습니다.
댓글 감사합니다 ^^
감사합니다.
감사합니다!!
추천 꾹 눌렀습니다. 항상 감사합니다.
항상 좋은말씀 고맙습니다 ㅡ
좋은 정보 감사합니다.
감사합니다 ^^
항상 좋은자료에 감사드립니다!
항상 좋은말씀 고맙습니다 ^^
디자인이 상당히 퀄리티가 높네요. 화이팅입니다.^^
좋은말씀 감사합니다 ^^
감사합니다.
감사합니다~
감사합니다
감사합니다 :)