Truy cập vào cài đặt Screen Saver trên Windows 10Chào các bạn, đi luôn vào chủ đề. Mình mới test thấy mấy button download đẹp cũng hay nên hướng dẫn các bạn làm luôn. Demo 1 cái:

Giờ bắt đầu vào làm nhé!

Yêu Cầu
Add-on Stop Autolinking Patch

Add-on Custom BB Code Manager

Tiến hành
- Cài đặt add-on bên trên
- Vào AdminCP -> Custom BB Codes -> Create New như hình

[IMG]

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://i.imgur.com/9HRLCk6.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://i.imgur.com/xxXkAvk.png) no-repeat right 18px;">Download</span>
</a>
</p>
</xen:if>

Nếu thích có thể sang tab advanced thêm icon cho sinh động =))