[VNXF] - Thêm nút LƯỢT XEM đẹp cho TOPIC

Đây là cách thêm nút Lượt xem bài viết thêm phần sinh động cho chủ đề ạ.
Demo:
upload_2015-8-2_12-44-32-png.5093.html


1, Vào Template: thread_view
Tìm đoạn:
Mã:
[/B][I]<xen:container var="$searchBar.forum"><xen:include template="search_bar_forum_only" /></xen:container>[/I][/I][I][B]
Thêm vào bên dưới đoạn COD sau:
Mã:
[/B][I]<xen:if is="{$post.position} == 0">[/I]<p class="viewcount">
<span style="
color: #ffffff;
background-color: #646464;
border: #646464 solid 1px;
border-radius: 4px;
padding: 3px;
">
<b>Lượt xem: {xen:number $thread.view_count}</b>
</span>
</p> [I]</xen:if>[/I][B]
2, Tiếp theo các bạn vào Template: thread_view.css thêm vào cuối đoạn sau:
Mã:
[/B][I]p.viewcount {[/I]
    text-align: right;
    font-size: 12px;
    margin-top: 2px;
    margin-bottom: 0px;
    margin-right: 20px;
  [I]}[/I][B]
P/S: Ở đây mình đặt bên phải nếu các bạn thích bên trái thì đổi sang trái nhé. Màu mè sao thì tùy các bác làm sao cho đẹp.
Chúc các bạn thành công.

Nguồn: VNXF.VN
 
  • Chủ đề
    vnxf vnxf.vn
  • Thống kê

    Chủ đề
    100,752
    Bài viết
    467,583
    Thành viên
    339,851
    Thành viên mới nhất
    Đông Âu
    Top