Other Registration Form Overlay - Mẫu đăng ký Overlay

[PVS]

Registration Form Overlay - Mẫu đăng ký Overlay

Tới template mà style bạn đang sử dụng và tìm "sidebar_visitor_panel". Sau đó thay thế:

<div class="section loginButton">
<div class="secondaryContent">
<label for="LoginControl" id="SignupButton"><a href="{xen:link login}" class="inner">{xen:if $xenOptions.registrationSetup.enabled, {xen:phrase sign_up_now}, {xen:phrase log_in}}</a></label>
</div>
</div>

Bằng:

<div class="section loginButton">
<div class="secondaryContent">
<label id="SignupButton"><a href="{xen:link register}" class="OverlayTrigger inner">{xen:if $xenOptions.registrationSetup.enabled, {xen:phrase sign_up_now}, {xen:phrase log_in}}</a></label>
</div>
</div>

Bây giờ tìm "register_form" và thay thế:

<form action="{xen:link 'register/register'}" method="post" class="xenForm AutoValidator"

Bằng:

<form action="{xen:link 'register/register'}" method="post" class="xenForm AutoValidator" id="pageSignUp"

Sau đó đến "EXTRA.css" và thêm:

.xenOverlay #pageSignUp
{
@property "formOverlay";
color: #eee;
background: rgba(0,0,0, 0.75);
padding: 15px 25px;
border: 20px solid rgba(0,0,0, 0.25);
border-radius: 20px;
box-shadow: 0px 25px 50px rgba(0,0,0, 0.5);
_zoom: 1;
@property "/formOverlay";
margin: 0;
}

.xenOverlay #pageSignUp .heading
{
@property "formOverlayHeading";
font-weight: bold;
font-size: 12pt;
color: @primaryLightest;
background-color: @primaryMedium;
padding: 5px 10px;
margin-bottom: 10px;
border: 1px solid @primaryDark;
border-radius: 5px;
@property "/formOverlayHeading";
}

​

Chúc các bạn thành công.

Nguồn: xenforo.com​

 

[f0rest]

Bài viết khá bổ ích

 

[THB]

bài này hay né. có thế rất nhiều người cần.