Tạo nút xem thêm đẹp và tiện dụng cho Portal Xenforo

[nttruong]

Bài viết hướng dẫn các bạn cách tạo nút xem thêm đẹp và tiện dụng cho Portal Xenforo, thay thế thanh phân trang mặc định của Xenforo.

Cách làm:

- Cài đặt và sử dụng add-ons portal;

1. Vào EWRblock_RecentNews, tìm đoạn:

<xen:if hascontent="true">
<div class="section sectionMain">
<xen:contentcheck>
<xen:if is="{$option.pagenav} && {$option.count} > {$option.limit}">
<xen:pagenav link="articles" linkdata="{$category}" page="{$page}" perpage="{$option.limit}" total="{$option.count}" />
</xen:if>
</xen:contentcheck>
</div>
</xen:if>

2. Thay đoạn đó bằng đoạn code sau:

<xen:if hascontent="true">
<div style="margin: 10px auto; height: 32px;">
<xen:contentcheck>
<xen:set var="$limit_click">{xen:calc '{$option.count} / {$option.limit}'}</xen:set>
<xen:if is="{$page} == 0">
<a class="buttons nextListPage" href="/?page=2" style="display: inline;">Click để xem thêm, còn nhiều lắm !</a>
<xen:elseif is="{$limit_click} > {$page}"/>
<a class="buttons nextListPage" href="/?page={xen:calc '{$page} + 1'}" style="display: inline;">Click để xem thêm, còn nhiều lắm !</a>
<xen:else />
<a class="buttons nextListPage" href="/" style="display: inline;">Hết rồi còn đâu !</a>
</xen:if>
</xen:contentcheck>
</div>
</xen:if>

Save lại.

3. Thêm đoạn sau vào EWRblock_RecentNews.css:

-moz-transition: background-color .2s linear;
border: 1px solid rgba(0, 0, 0, .2);
box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px white;
-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff;
-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px white;
text-shadow: 0 -1px rgba(0, 0, 0, .2);
text-align: center;
cursor: pointer}
.buttons:hover {
background-color: #24BBFF;}
.buttons:active {
background-color: #0082bd;
box-shadow: 0 1px 2px rgba(0, 0, 0, .2) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2) inset;
}

 

[Chodongxoai]

Cái này làm ko hiển thị nha bác

 

[hoangmanhtran]

Ảnh demo cx die luôn rồi