크롬80버전 결제 이슈, 영카트5 주요패치 확인!

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

그누보드5
영카트5
매뉴얼
Q & A
제작의뢰
컨텐츠몰
부가서비스
소모임
커뮤니티

그누보드5 스킨

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

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

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

첨부파일

첨부파일 outlogin.modal.lib.php (7.8K) 75회 다운로드 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;} 
}
 
// 등등 파일 보시고 변경해서 쓰시면 됩니다!

 

감사합니다.

코로나 조심하세요~

추천17

댓글 전체

전체 1,807 |RSS
그누보드5 스킨 내용 검색

회원로그인

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT