Tạo BBCode button download chỉ thành viên mới thấy được. Thành công 100%

Thủ thuật Xenforo thì có nhiều bài hướng dẫn rồi, tuy nhiên mình thấy đa số là bắt cài thêm addon (phức tạp) và dính lỗi lung tung. Nên hôm nay dậy sớm tranh thủ viết bài hướng dẫn ace cách làm phát được luôn:

Thành viên sẽ thấy:

Khách sẽ thấy:

Demo:
DOWNLOAD

Bắt đầu thôi:

•Đầu tiên vào AdminCP mở Template tìm header
Thêm vào header (trên thẻ </xen:hook>)
Mã:

    $(document).ready(function(){
    $("a#cyandl_alert").click(function(){
  alert("Vui lòng đăng nhập để thực hiện thao tác!");
      });
    });

<xen:if is="{$visitor.user_id}">
<style>
.cyan_dlbox:hover {background: #0072b9 !important;}
#cyan_dlbox_off {display: none;}
</style>
<xen:else />
<style>
.cyan_dlbox2:hover {background: #D12353 !important;}
#cyan_dlbox_on {display: none;}
</style>
</xen:if>

Xong save lại.

• Tiếp theo vào Custom BB Code tạo mới như sau:

Các bạn điền như sau:

BB Code Tag: down
Title: Download Button
Description: Tạo nút download chỉ thành viên mới có thể download
HTML Replacement:
Mã:

<xen:if is="{$visitor.user_id}">
<p id="cyan_dlbox_on" style="margin: 10px auto 10px;width: 290px;">
<a href="{text}" class="cyan_dlbox" style="line-height: 70px;text-transform:uppercase; text-align: center; font-weight:700; font-size:26px; color: #FFF;border-radius:0;    display:block;width:290px;box-shadow: 0 1px 3px rgba(0,0,0,.25);border: none;border-bottom: 1px solid rgba(0,0,0,.25);background: #006caf;" target="_blank">
<span style="display:block;text-shadow:1px 1px #666;padding: 0px 10px 0 0; margin:0px 30px 0 0;background: url(http://farm6.staticflickr.com/5633/23060346510_b32e3b9da9_o.png) no-repeat right 18px;">Download</span>
</a>
</p>
<xen:else/>
<p id="cyan_dlbox_off" style="margin: 10px auto 10px;width: 290px;">
<a href="login" id="cyandl_alert" class="cyan_dlbox2" style="cursor: pointer; line-height: 70px;text-transform:uppercase; text-align: center; font-weight:700; font-size:26px; color: #FFF;border-radius:0;display:block;width:290px;box-shadow: 0 1px 3px rgba(0,0,0,.25);border: none;border-bottom: 1px solid rgba(0,0,0,.25);background: #EE0606;">
<span style="display:block;text-shadow:1px 1px #666;padding: 0px 10px 0 0; margin:0px 30px 0 0;background: url(http://farm6.staticflickr.com/5816/23356071825_031170268c_o.png) no-repeat right 18px;">Download</span>
</a>
</p>
</xen:if>

Sang tab Advanced Option tick hết vào 4 ô ở chỗ Within This BB Code.

Quan trọng: tại thẻ Editor icon url các bạn điền ( không điền sẽ không hiện nút trong khung soạn thảo):

Save lại và hưởng thụ thôi.

Hình ảnh cài đặt đây:

Hướng dẫn bằng điện thoại nên lâu quá..hic..bài copy nhớ ghi nguồn nhé mọi người.
VTPlus.XYZ