KCP 창업 지원, 수수료 국내최저 2.9% 제공 이벤트!

[펄스나인] 쉽게쓰는 레이어(팝업) 로그인 > 그누보드5 스킨

그누보드5
영카트5
스터디
Q & A
제작의뢰
컨텐츠몰
부가서비스
소모임
커뮤니티
부가서비스
KCP 이벤트!

그누보드5 스킨

스킨 다운로드시 좋아요 클릭과 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y

[펄스나인] 쉽게쓰는 레이어(팝업) 로그인 정보

외부로그인 [펄스나인] 쉽게쓰는 레이어(팝업) 로그인

첨부파일

첨부파일 outlogin.modal.lib.php (7.8K) 116회 다운로드 2020-03-10 12:38:14 포인트 차감10
테스트한 버전5.4.1.4
호환 가능 버전5.3~5.4 등

본문

https://sir.kr/g5_skin/23950

@bonobono 님의 자료를 리터칭 했습니다.

문제되면 자삭하겠습니다~

 

원본에서 수정한 부분

로그인 Url 변수 추가, 백그라운드 레이어 추가(클릭방지), 레이아웃 변경

최근게시물, 게시판 (for문) 등에서 사용할 수 있도록 id로 처리하던 부분을

class로 처리하도록 변경.

 

테스트 : 그누 5.4.1.4 / 크롬, 익스11, 엣지

 

 

사용방법

첨부된 outlogin.modal.lib.php 파일을 루트/lib/ 폴더로 넣어줍니다.

 

 

하단부에 추가한 파일을 호출해 줍니다.

tail.php 등

 


<?php include_once(G5_LIB_PATH.'/outlogin.modal.lib.php'); ?>

 

 

로그인을 띄울 링크에 class를 추가 합니다.

class="SignIn"

 

로그인상태, 비로그인 상태를 자동으로 체크하지 않으므로

로그인이 필요한 부분에 비회원일 경우 체크를 해주셔야 합니다.

 


<?php if($is_member) { ?>
<a href="기존링크">
<?php } else { ?>
<a href="javascript:void(0);" class="SignIn">
<?php } ?>

 

 

주요 style 설명

 


.layer_login {margin: -250px 0px 0px -250px;} // 위치변경
.login_bg {background: rgba(255, 255, 255, 0.6);} // 백그라운드 색상, 투명도 조절
 
// 브라우저 가로 767px 이하일때 사이즈 및 위치 조정
@media(max-width: 767px) {
    .layer_login {width: 400px;  margin: -250px 0px 0px -200px;} 
}
 
// 등등 파일 보시고 변경해서 쓰시면 됩니다!

 

감사합니다.

코로나 조심하세요~

추천18

댓글 전체

로그인이 떠야되는 페이지의 하단부에 호출해주시면 되겠습니다.
모든 페이지에서 사용되는 거라면 tail.sub.php 파일 입니다.
댓글 감사합니다~
기존링크는 로그인 된 경우 로그아웃 버튼이 될것 같네요~

<?php if($is_member) { ?>
<a href="<?php echo G5_BBS_URL ?>/logout.php">
<?php } else { ?>
<a href="javascript:void(0);" class="SignIn">
<?php } ?>
전체 1,863 |RSS
그누보드5 스킨 내용 검색

회원로그인

진행중 포인트경매

  1. 참여39 회 시작20.10.16 07:30 종료20.10.22 19:41
  2. 참여18 회 시작20.10.15 12:15 종료20.10.22 12:15
  3. 참여1 회 시작20.10.14 12:40 종료20.10.21 12:40
  4. 참여2 회 시작20.10.14 12:33 종료20.10.21 12:33

(주)에스아이알소프트 (06212) 서울시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT