Hướng dẫn tạo thông báo đẹp cho diễn đàn xenforo

  • Thread starter Thread starter PVS
  • Ngày gửi Ngày gửi
[VNXF] Theme Digital – Sự lựa chọn hoàn hảo cho diễn đàn công nghệ hiện đại

PVS

Super Moderator
Thành viên BQT
Hôm nay mình sẽ hướng dẫn các bạn tạo thông báo đẹp cho diễn đàn xenforo.

TIYLXzW.png

- Bạn vào Template: PAGE_CONTAINER tìm đến đoạn code sau:
Mã:
<xen:hook name="page_container_breadcrumb_top">
<div class="breadBoxTop {xen:if $topctrl, withTopCtrl}">
<xen:if is="{$topctrl}"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if>
<xen:include template="breadcrumb"><xen:set var="$microdata">1</xen:set></xen:include>
</div>

Và thêm đoạn code này vào sau:
Mã:
<xen:if is="!{$visitor.user_id} && !{$hideLoginBar}">
<div class="container">
<div class="BreakingNewsController easing iforum" id="breakingnews2">
<div class="bn-title">Bài Viết Hay</div>
<ul>
<li style="display: block;"><a href="http://vnxf.vn/threads/vnxf-stats-thong-ke-bai-viet-theo-phong-cach-vnxf.596/">1. [VNXF] Stats - Thống kê bài viết theo phong cách VNXF</a></li>
<li style="display: block;"><a href="http://vnxf.vn/threads/vnxf-message-prefix-them-text-va-link-truoc-noi-dung-bai-viet.366.html">2. [VNXF] Message Prefix - Thêm text và link trước nội dung bài viết</a></li>
<li style="display: block;"><a href="http://vnxf.vn/threads/vnxf-more-thread-adds-on-bai-viet-quan-tam-bai-viet-moi-cung-chuyen-muc.183/unread">3. [VNXF] More Thread - Adds on bài viết quan tâm, bài viết mới cùng chuyên mục</a></li>

</ul>
<div class="bn-arrows"><span class="bn-arrows-left"></span><span class="bn-arrows-right"></span></div>
</div>

</div>

</xen:if>

Thêm code sau trên thẻ </head>
Mã:
https://googledrive.com/host/0B-VM-L5YY8L-WWJpNzNLaE1QR0k"></script>

Thêm code sau thẻ <xen:hook name="page_container_head">
Mã:
https://googledrive.com/host/0B-VM-L5YY8L-TlQ5NVZCTnhRYU0"></script>

Thêm đoạn code sau trên thẻ </body>
Mã:
https://googledrive.com/host/0B-VM-L5YY8L-aXg3clQ2cDNVbXc) left center no-repeat;}
.BreakingNewsController .bn-arrows-right{right:10px; background:url(https://googledrive.com/host/0B-VM-L5YY8L-aXg3clQ2cDNVbXc) right center no-repeat;}
.easing a, .easing span{transition:.25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}

</style>

Ở đây mình chỉ hiện thị cho những người chưa đăng ký nếu bạn không muốn thì bỏ thẻ
Mã:
<xen:if is="!{$visitor.user_id} && !{$hideLoginBar}">
</xen:if>

Chú ý: Chèn link của bạn cho phù hợp
Chúc các bạn thành công!


Nguồn: ngoinhaonline.com​
 
Back
Top