[Hướng dẫn] Thêm nút LƯỢT XEM đẹp cho TOPIC

Minh Đức

Gefreiter
Tham gia
15/03/2015
Bài viết
82
Được Like
43
Tình hình là em hỏi lắm quá nên nay em chia sẻ 1 chút ạ.
Đâ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


1, Vào Template: thread_view
Tìm đoạn:

Mã:
<xen:container var="$searchBar.forum"><xen:include template="search_bar_forum_only" /></xen:container>
Thêm vào bên dưới đoạn COD sau:
Mã:
<xen:if is="{$post.position} == 0">
<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>
</xen:if>

2, Tiếp theo các bạn vào Template: thread_view.css thêm vào cuối đoạn sau:

Mã:
p.viewcount {
    text-align: right;
    font-size: 12px;
    margin-top: 2px;
    margin-bottom: 0px;
    margin-right: 20px;
 
}

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.
 

THB

Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,649
Được Like
3,938
Xin cảm ơn.
Chia sẻ để thành công mà.hii
 

THB

Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,649
Được Like
3,938
cái bác hỏi là của @shynn a có độ lại 1 tý là chó nó nằm phía phải và hướng dẫn rất chia tiết.
nó mất 1 buổi sáng của mình. làm sửa và hướng dẫn thay số cho nó phù hợp với styles của mình.
@Minh Đức làm xong nhớ share nhiều nhiều cho ai cần.
 

Minh Đức

Gefreiter
Tham gia
15/03/2015
Bài viết
82
Được Like
43
cái bác hỏi là của @shynn a có độ lại 1 tý là chó nó nằm phía phải và hướng dẫn rất chia tiết.
nó mất 1 buổi sáng của mình. làm sửa và hướng dẫn thay số cho nó phù hợp với styles của mình.
@Minh Đức làm xong nhớ share nhiều nhiều cho ai cần.
Em đang mắc kẹt chỗ cài cái này http://vnxf.vn/threads/su-dung-font-awesome-trong-xenforo.1392.html
Giải nén ra nó ra 4 cái thư mục trong bài thì nói up 2 thư mục kia.
 
  • Like
Reactions: THB

shynn

MasterCorporal
Tham gia
18/03/2015
Bài viết
207
Được Like
176
Bác up mục fontscss lên xong chèn
Mã:
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
trước thẻ </header> trong template
PAGE_CONTAINER là được mà
 

Minh Đức

Gefreiter
Tham gia
15/03/2015
Bài viết
82
Được Like
43
Bác tải về xem nó có 4 mục vậy 2 mục còn lại thì làm sao ạ
upload_2015-8-2_18-21-23.png
 

Top Bottom