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

[PVS]

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.

​

- Bạn vào Template: PAGE_CONTAINER tìm đến đoạn code sau:

<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:

<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>

https://googledrive.com/host/0B-VM-L5YY8L-WWJpNzNLaE1QR0k"></script>

Thêm code sau thẻ <xen:hook name="page_container_head">

https://googledrive.com/host/0B-VM-L5YY8L-TlQ5NVZCTnhRYU0"></script>

Thêm đoạn code sau trên thẻ </body>

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ẻ

<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​

 

[dongho]

làm thế nào để tạo khung như hình demo ở trên nhỉ

 

[daklak1985]

Không đc,mặc dù làm đúng chuẩn hướng dẫn,làm xong nó hiện dòng này trên đỉnh trang=> https://googledrive.com/host/0B-VM-L5YY8L-TlQ5NVZCTnhRYU0"> https://googledrive.com/host/0B-VM-L5YY8L-WWJpNzNLaE1QR0k">