Demo cả forum không ai giúp được cái mình post ah

Thảo luận trong 'Troubleshoot & Other Questions' bắt đầu bởi minhoz, 30/9/14.

1votes
5/5, 1 vote

  1. minhoz

    minhoz New Member

    Bài viết:
    25
    Likes :
    0
    Mình muốn vào forum nó hiện ra cái popup như hình mình đăng.để đăng nhập vào.

    [​IMG]
     
    Đang tải...
  2. JokerBlack

    JokerBlack Verified User

    Bài viết:
    169
    Likes :
    71
    Hình như đây là bài viết thứ 3 rồi thì phải
    Giúp được or muốn giúp thì họ đã giúp rồi.
    Còn bạn muốn có ngay và luôn thì liên hệ với các nhà thiết kế web.
    Trả chút tiền là có theo ý muốn. Còn muốn có mà tiếc tiền thì chịu :)
     
  3. minhoz

    minhoz New Member

    Bài viết:
    25
    Likes :
    0
    tks bạn.ko phải là muốn ngay, nhưng hỏi nhiều quá cũng ngại.chắc trên đây có nhiều người biết cách làm nhưng ko giúp hjj.vì để show cái đó ra ko khó nếu biết code.vấn đề là mình ko biết chút gì về code nên mới lên nhờ anh em trên này.đa phần vào ngó rồi đi ra chứ có ai viết còm như bạn.tks bạn.
     
  4. luong_101

    luong_101 New Member

    Bài viết:
    56
    Likes :
    18
    Mới lòad page nó hiện ra hé
     
  5. minhoz

    minhoz New Member

    Bài viết:
    25
    Likes :
    0
    đúng rồi bạn.khi load page nó show dạng popup đăng nhập như hình mình đăng (kiểu trang icloud.com đó).sau đó gõ email hoặc tên đăng nhập và pass để vào. (tên đăng nhập và pass mình đã tạo sẵn trong admin)
     
  6. luong_101

    luong_101 New Member

    Bài viết:
    56
    Likes :
    18
    ok đợi chút
     
    minhoz thích bài này.
  7. Bcat9505

    Bcat9505 Moderator Staff Member

    Bài viết:
    1,335
    Likes :
    494
    Hi , nếu như ý bạn là trang website yêu cầu đăng nhập như mạng xã hội, thì nên tạo 1 rang mới > trang index.
    Sau đó tùy biến trên này (giốg như hình or đẹp hơn) có cần vì popup chi đâu, và khách hàng phải đăng nhập cao hơn
     
    minhoz thích bài này.
  8. luong_101

    luong_101 New Member

    Bài viết:
    56
    Likes :
    18
    demo: http://sv.proqn.net/ mà nó mở popup all page nha
    mở template nào cũng đc, mà mở login_bar_form luôn đi, sau đó thêm đoạn code này vào cuối cùng:

    HTML:
    <xen:if is="!{$visitor.user_id}">
    <script type="text/javascript">
    $(document).ready(function() {  
    var id = '#dialog';
    var maskHeight = $(document).height();
    var maskWidth = $(window).width();
    $('#mask').css({'width':maskWidth,'height':maskHeight});
    $('#mask').fadeIn(1000);  
    $('#mask').fadeTo("slow",0.8);  
    var winH = $(window).height();
    var winW = $(window).width();
    $(id).css('top',  winH/2-$(id).height()/2);
    $(id).css('left', winW/2-$(id).width()/2);
    $(id).fadeIn(2000);   
    $('.window .close').click(function (e) {
    e.preventDefault();
    $('#mask').hide();
    $('.window').hide();
    });      
    $('#mask').click(function () {
    $(this).hide();
    $('.window').hide();
    });
    });
    </script>
    <style type="text/css">
    #mask {
      position:absolute;
      left:0;
      top:0;
      width: 100% !important;
      height: 100% !important;
      z-index:9000;
      background-color:#000;
      display:none;
    }
    #boxes .window {
      position:absolute;
      left:0;
      top:0;
      width:440px;
      height:200px;
      display:none;
      z-index:9999;
      padding:20px;
    }
    #boxes #dialog {
      width:60%;
      height:40%;
      padding:10px;
      background-color:rgba(255,255,255,.75);
    }
    .close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
    }
    .close:hover { background: #00d9ff; }
    </style>
    <div id="boxes">
    <div style="top: 199.5px; left: 551.5px; display: none;" id="dialog" class="window">
    <form action="{xen:link 'login/login'}" method="post" class="xenForm {xen:if $eAuth, 'eAuth'}" id="login">
    
        <xen:if hascontent="true">
            <ul id="eAuthUnit">
                <xen:contentcheck>
                    <xen:hook name="login_bar_eauth_items">
                    <xen:if is="{$xenOptions.facebookAppId}">
                        <xen:require css="facebook.css" />
                        <li><a href="{xen:link register/facebook, '', 'reg=1'}" class="fbLogin" tabindex="110"><span>{xen:phrase login_with_facebook}</span></a></li>
                    </xen:if>
                  
                    <xen:if is="{$xenOptions.twitterAppKey}">
                        <xen:require css="twitter.css" />
                        <li><a href="{xen:link register/twitter, '', 'reg=1'}" class="twitterLogin" tabindex="110"><span>{xen:phrase login_with_twitter}</span></a></li>
                    </xen:if>
                  
                    <xen:if is="{$xenOptions.googleClientId}">
                        <xen:require css="google.css" />
                        <li><span class="googleLogin GoogleLogin JsOnly" tabindex="110" data-client-id="{$xenOptions.googleClientId}" data-redirect-url="{xen:link register/google, '', 'code=__CODE__', 'csrf={$session.sessionCsrf}'}"><span>{xen:phrase login_with_google}</span></span></li>
                    </xen:if>
                    </xen:hook>
                </xen:contentcheck>
            </ul>
        </xen:if>
    
        <div class="ctrlWrapper">
            <dl class="ctrlUnit">
                <dt><label for="LoginControl">{xen:phrase your_name_or_email_address}:</label></dt>
                <dd><input type="text" name="login" id="LoginControl" class="textCtrl" tabindex="101" /></dd>
            </dl>
      
        <xen:if is="{$xenOptions.registrationSetup.enabled}">
            <dl class="ctrlUnit">
                <dt>
                    <label for="ctrl_password">{xen:phrase do_you_already_have_account}</label>
                </dt>
                <dd>
                    <ul>
                        <li><label for="ctrl_not_registered"><input type="radio" name="register" value="1" id="ctrl_not_registered" tabindex="105" />
                            {xen:phrase no_create_account_now}</label></li>
                        <li><label for="ctrl_registered"><input type="radio" name="register" value="0" id="ctrl_registered" tabindex="105" checked="checked" class="Disabler" />
                            {xen:phrase yes_my_password_is}:</label></li>
                        <li id="ctrl_registered_Disabler">
                            <input type="password" name="password" class="textCtrl" id="ctrl_password" tabindex="102" />
                            <div class="lostPassword"><a href="{xen:link lost-password}" class="OverlayTrigger OverlayCloser" tabindex="106">{xen:phrase forgot_your_password}</a></div>
                        </li>
                    </ul>
                </dd>
            </dl>
        <xen:else />
            <dl class="ctrlUnit">
                <dt>
                    <label for="ctrl_password">{xen:phrase password}:</label>
                </dt>
                <dd>
                    <input type="password" name="password" class="textCtrl" id="ctrl_password" tabindex="102" />
                    <div class="lostPasswordLogin"><a href="{xen:link lost-password}" class="OverlayTrigger OverlayCloser" tabindex="106">{xen:phrase forgot_your_password}</a></div>
                </dd>
            </dl>
        </xen:if>
          
            <dl class="ctrlUnit submitUnit">
                <dt></dt>
                <dd>
                    <input type="submit" class="button primary" value="{xen:phrase log_in}" tabindex="104" data-loginPhrase="{xen:phrase log_in}" data-signupPhrase="{xen:phrase sign_up}" />
                    <label for="ctrl_remember" class="onlyweb"><input type="checkbox" name="remember" checked="checked" value="1" id="ctrl_remember" tabindex="103" /> {xen:phrase stay_logged_in}</label>
                </dd>
            </dl>
        </div>
    
        <input type="hidden" name="cookie_check" value="1" />
        <input type="hidden" name="redirect" value="{$requestPaths.requestUri}" />
        <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" />
    
    </form>
    <a href="{$requestPaths.fullUri}#" class="close">X</a>
    </div>
    <div style="width: 100%; height: 100%; display: none; opacity: 0.7;" id="mask"></div>
    </div>
    </xen:if>
     
    minhoz thích bài này.
  9. minhoz

    minhoz New Member

    Bài viết:
    25
    Likes :
    0
    nhưng vấn đề ở chỗ mình ko bít code hjj.nếu tạo trang mới như bạn nói trên nên xenforo ban huong dẫn minh lam luôn với
     
  10. minhoz

    minhoz New Member

    Bài viết:
    25
    Likes :
    0
    tks bạn đã giúp mình .
    nhưng mình thay vào trong template như bạn nói nhưng ko thấy nó xuất hiện.
     
  11. luong_101

    luong_101 New Member

    Bài viết:
    56
    Likes :
    18
    Đã đăng nhập chưa, nếu rồi thì nó k hiện, xem demo nào
     
  12. zoom360

    zoom360 Member

    Bài viết:
    392
    Likes :
    113
    Cái này không khó. Bạn chỉ cần cấm khách xem forum ( Khi khách vào nó tự chuyển sang trang login ) và edit form đăng nhập giống thế là ok thôi.
     
    minhoz thích bài này.
  13. minhoz

    minhoz New Member

    Bài viết:
    25
    Likes :
    0

    chưa có đăng nhập gì cả
     
    Last edited: 30/9/14
  14. minhoz

    minhoz New Member

    Bài viết:
    25
    Likes :
    0
    mình đã dùng tính năng cấm xem trong admin để hiện form đăng nhập.
    nhưng mình ko biết edit để nó sang dạng như hình mình gửi.ban biết sửa kiểu như thế thì giúp mình
     
  15. zoom360

    zoom360 Member

    Bài viết:
    392
    Likes :
    113
    Chỉnh form đăng nhập dạng pop up.
     
    minhoz thích bài này.
  16. luong_101

    luong_101 New Member

    Bài viết:
    56
    Likes :
    18
    Trang đã tự chuyển sang trang login nên nó k hiển thị popup dc, tắt tự chuyển sang trang login nó sẽ hiện thôi.
    Như vào tất cả trang http://proqn.net/ sẽ hiển thị popup, trừ trang login cũng như register http://proqn.net/login thì nó k hiện popup
     
    minhoz thích bài này.
  17. minhoz

    minhoz New Member

    Bài viết:
    25
    Likes :
    0
    Vấn đề là mình ko biết chỉnh nó ở đâu.vì mình ko có biết code.bạn chỉnh được thì thử 1 cái giúp mình với để mình làm theo.
     
  18. minhoz

    minhoz New Member

    Bài viết:
    25
    Likes :
    0
    để mình thử tắt bỏ coi sao.vì mình muốn bất kỳ ai khi vào 4F nó đều show cái khung như hình mình đăng để đăng nhập.nếu ko đăng nhập thì ko thao tác gì dc.
     
  19. minhoz

    minhoz New Member

    Bài viết:
    25
    Likes :
    0
    mình đã làm nó hiện ra được như bạn hướng dẫn tks bạn nhiều.

    nhưng mình muốn giữ nguyên trạng trái đó nếu ko đăng nhập thì ko tắt cái khung đó đi dc.và muốn thêm cái logo vào trên chỗ đăng nhập.trong khung chỉ hiện logo cty + id + pass+ nút đăng nhâp còn lại ko hiện gì khác
    bạn hướng dẫn mình nốt phần còn lại nhé.
    tks bạn nhiều
     
  20. luong_101

    luong_101 New Member

    Bài viết:
    56
    Likes :
    18
    thay lại code lúc nãy thành code sau, thay link logo https://www.google.com.vn/images/srpr/logo11w.png thành link logo bạn.

    Mã:
    <xen:if is="!{$visitor.user_id}">
    <style type="text/css">
    #mask {
      position:fixed;
      left:0;
      top:0;
      width: 100% !important;
      height: 100% !important;
      z-index:9000;
      background-color:#000;
      display:none;
    }
    #boxes .window {
      position:fixed;
      left:0;
      top:0;
      width:440px;
      height:200px;
      display:none;
      z-index:9999;
      padding:20px;
    }
    #boxes #dialog {
      width:60%;
      height:40%;
      padding:10px;
      background-color:rgba(255,255,255,.75);
    }
    .close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
    }
    .close:hover { background: #00d9ff; }
    @media (max-width:@maxResponsiveMediumWidth)
    {
    #boxes #dialog {width:100% !important; height: 45% !important; left: 5px !important;}
    }
    </style>
    <script type="text/javascript">
    $(document).ready(function() { 
    var id = '#dialog';
    var maskHeight = $(document).height();
    var maskWidth = $(window).width();
    $('#mask').css({'width':maskWidth,'height':maskHeight});
    $('#mask').fadeIn(1000); 
    $('#mask').fadeTo("slow",0.8); 
    var winH = $(window).height();
    var winW = $(window).width();
    $(id).css('top',  winH/2-$(id).height()/2);
    $(id).css('left', winW/2-$(id).width()/2);
    $(id).fadeIn(2000);  
    $('.window .close').click(function (e) {
    /*Xóa các dấu // ở đầu dòng bên dưới nếu muốn sử dụng nút close*/
    //e.preventDefault();
    //$('#mask').hide();
    //$('.window').hide();
    //});
    /*Xóa các dấu // bên dưới nếu muốn click ra ngoài khung đăng nhập sẽ close*/
    //$('#mask').click(function () {
    //$(this).hide();
    //$('.window').hide();
    //});
    });
    </script>
    
    <div id="boxes">
    <div style="top: 199.5px; left: 551.5px; display: none;" id="dialog" class="window">
    <form action="{xen:link 'login/login'}" method="post" class="xenForm {xen:if $eAuth, 'eAuth'}" id="login">
    
        <xen:if hascontent="true">
            <ul id="eAuthUnit">
                <xen:contentcheck>
                    <xen:hook name="login_bar_eauth_items">
                    <xen:if is="{$xenOptions.facebookAppId}">
                        <xen:require css="facebook.css" />
                        <li><a href="{xen:link register/facebook, '', 'reg=1'}" class="fbLogin" tabindex="110"><span>{xen:phrase login_with_facebook}</span></a></li>
                    </xen:if>
                 
                    <xen:if is="{$xenOptions.twitterAppKey}">
                        <xen:require css="twitter.css" />
                        <li><a href="{xen:link register/twitter, '', 'reg=1'}" class="twitterLogin" tabindex="110"><span>{xen:phrase login_with_twitter}</span></a></li>
                    </xen:if>
                 
                    <xen:if is="{$xenOptions.googleClientId}">
                        <xen:require css="google.css" />
                        <li><span class="googleLogin GoogleLogin JsOnly" tabindex="110" data-client-id="{$xenOptions.googleClientId}" data-redirect-url="{xen:link register/google, '', 'code=__CODE__', 'csrf={$session.sessionCsrf}'}"><span>{xen:phrase login_with_google}</span></span></li>
                    </xen:if>
                    </xen:hook>
                </xen:contentcheck>
            </ul>
        </xen:if>
    
        <div class="ctrlWrapper">
            <dl class="ctrlUnit">
                <dt><label for="LoginControl">{xen:phrase your_name_or_email_address}:</label></dt>
                <dd><input type="text" name="login" id="LoginControl" class="textCtrl" tabindex="101" /></dd>
            </dl>
     
        <xen:if is="{$xenOptions.registrationSetup.enabled}">
            <dl class="ctrlUnit">
                <dt>
                    <label for="ctrl_password">{xen:phrase do_you_already_have_account}</label>
                </dt>
                <dd>
                    <ul>
                        <li><label for="ctrl_not_registered"><input type="radio" name="register" value="1" id="ctrl_not_registered" tabindex="105" />
                            {xen:phrase no_create_account_now}</label></li>
                        <li><label for="ctrl_registered"><input type="radio" name="register" value="0" id="ctrl_registered" tabindex="105" checked="checked" class="Disabler" />
                            {xen:phrase yes_my_password_is}:</label></li>
                        <li id="ctrl_registered_Disabler">
                            <input type="password" name="password" class="textCtrl" id="ctrl_password" tabindex="102" />
                            <div class="lostPassword"><a href="{xen:link lost-password}" class="OverlayTrigger OverlayCloser" tabindex="106">{xen:phrase forgot_your_password}</a></div>
                        </li>
                    </ul>
                </dd>
            </dl>
        <xen:else />
            <dl class="ctrlUnit">
                <dt>
                    <label for="ctrl_password">{xen:phrase password}:</label>
                </dt>
                <dd>
                    <input type="password" name="password" class="textCtrl" id="ctrl_password" tabindex="102" />
                    <div class="lostPasswordLogin"><a href="{xen:link lost-password}" class="OverlayTrigger OverlayCloser" tabindex="106">{xen:phrase forgot_your_password}</a></div>
                </dd>
            </dl>
        </xen:if>
         
            <dl class="ctrlUnit submitUnit">
                <dt></dt>
                <dd>
                    <input type="submit" class="button primary" value="{xen:phrase log_in}" tabindex="104" data-loginPhrase="{xen:phrase log_in}" data-signupPhrase="{xen:phrase sign_up}" />
                    <label for="ctrl_remember" class="onlyweb"><input type="checkbox" name="remember" checked="checked" value="1" id="ctrl_remember" tabindex="103" /> {xen:phrase stay_logged_in}</label>
                </dd>
            </dl>
        </div>
    
        <input type="hidden" name="cookie_check" value="1" />
        <input type="hidden" name="redirect" value="{$requestPaths.requestUri}" />
        <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" />
    <img src="https://www.google.com.vn/images/srpr/logo11w.png" style="width: 150px; right: 10%; position: absolute;" />
    
    </form>
    <a href="{$requestPaths.fullUri}#" class="close">X</a>
    </div>
    <div style="width: 100%; height: 100%; display: none; opacity: 0.7;" id="mask"></div>
    </div>
    </xen:if>
     
    minhoz thích bài này.
comments powered by Disqus

Chia sẻ trang này

Đang tải...