Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Change login bar to an overlay - Thay đổi thanh đăng nhập thành overlay

Chủ đề thuộc danh mục 'Hướng dẫn - Thủ thuật Xenforo' được đăng bởi PCO, 2/4/16.

Lượt xem: 1,432

  1. PCO Thành viên cấp 2

    Thay vì menu này di chuyển từ trên xuống:

    4MORvwx.png
    Thì bây giừ bạn sẽ nhận được một cửa sổ overlay ở giữa trang:

    b6i0PLn.png
    Vào Admin CP -> Appearance -> Templates -> login_bar

    Thêm vào đoạn code màu đỏ (hai đoạn, bạn có thể phải di chuyển sang phải):

    u2LJtPb.png
    Code:
    <xen:require css="login_bar.css" />
    
    <script>
    XenForo.LoginBar = function(a){};
    </script>
    
    <div id="loginBar">
    <div class="pageWidth">
    <div class="pageContent">
    <h3 id="loginBarHandle">
    <label for="LoginControl"><a href="{xen:link login}" class="OverlayTrigger concealed noOutline">{xen:if $xenOptions.registrationSetup.enabled, {xen:phrase log_in_or_sign_up}, {xen:phrase log_in}}</a></label>
    </h3>
    
    <span class="helper"></span>
    
    <xen:edithint template="login_bar_form" />
    </div>
    </div>
    </div>
    
    Ngoài ra, trong XenForo 1.2 overlay này không còn opaque. Bạn có thể sửa lỗi này với một số CSS styling bằng cách chỉnh sửa template:

    Vào Admin CP -> Appearance -> Templates -> EXTRA.css

    Thêm đoạn code sau:
    Code:
    .xenOverlay #pageLogin
    {
    background: rgba(0, 0, 0, 0.75);
    color: #ffffff;
    padding: 20px;
    border: 20px solid rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
    }
    Bạn cũng có thể muốn thay đổi nút này thành overlay:

    XCvhK1f.png
    Vào Admin CP -> Appearance -> Templates -> sidebar_visitor_panel

    Thêm vào đoạn code màu đỏ:

    YDkSft0.png
    Code:
    </div>
    </div>
    
    <xen:else />
    
    <div class="section loginButton">
    <div class="secondaryContent">
    <label for="LoginControl" id="SignupButton"><a href="{xen:link login}" class="OverlayTrigger inner">{xen:if $xenOptions.registrationSetup.enabled, {xen:phrase sign_up_now}, {xen:phrase log_in}}</a></label>
    </div>
    </div>
    
    </xen:if>
    
    <xen:include template="ad_sidebar_below_visitor_panel" />
    Chúc các bạn thành công.

    Nguồn: VNXF.VN

    Phạm Hữu Dư thích bài viết này

Ủng hộ diễn đàn