로그인 버튼 누르면 모달로 나오는 스킨입니다. > 그누보드5 스킨

그누보드5 스킨

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

로그인 버튼 누르면 모달로 나오는 스킨입니다. 정보

게시판 로그인 버튼 누르면 모달로 나오는 스킨입니다.

첨부파일

첨부파일 johntheme.zip (469.2K) 13회 다운로드 2018-12-05 11:38:20

본문

헤더쪽에  로그인 버튼 누르면   모달로 로그인이 나옵니다. 

그런데 우선 부트스트랩이 적용된 사이트에만 작동합니다. 

모달을 부트스트랩을 이용한거라...

 

파일에 보시면 tail.php 안에   

 

  


        <!-- Modal -->
        <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-body"></div>

            </div>
          </div>
        </div>

        <script>
        jQuery(function($) {
          $(document).on("click", "a", function(e){

            var link_href = $(this).attr("href"),
                pattern = /bbs\/login.php$/;

                console.log(link_href);


                if( link_href && pattern.test(link_href) ){    // true 이면 로그인링크를 클릭한것임
                    e.preventDefault();

                    $.ajax({
                      url:link_href
                    }).done(function(data){

                      $(".modal-body").html(data);
                    });

                }

          });
        });
        </script>

 

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
 

이게 첨부 된 것이며 

 

head.php 

 

66번째 줄에  

 

          <div class="d-inline p-2  float-right text-right"  data-toggle="modal" data-target="#exampleModal"><a href="<?php echo G5_BBS_URL ?>/login.php"><b><i class="fa fa-sign-in" aria-hidden="true"></i> 로그인</b></a></div>
이 게  변형된 것입니다.    

 

감사합니다. ^^ 

 

추천6

댓글 전체

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

회원로그인

진행중 포인트경매

  1. 그누보드/영카트 채팅솔루션

    참여36 회 시작18.12.11 09:03 종료18.12.16 09:03

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

© SIRSOFT