Hướng dẫn tạo bảng nội quy ngay trên khung bình luận Xenforo

Nội quy là điều mà bất kỳ diễn đàn nào cũng cần phải có, và quan trọng hơn là phải bố trí nó "dày đặt" hơn vì không phải ai cũng có ý thức xem nội quy đầy đủ trước khi tham gia diễn đàn.

Việc đặt 1 cái bảng nội quy ngay trên khung bình luận là 1 điều rất cần thiết, bởi mỗi khi có ai đó muốn trả lời bài viết họ sẽ phải xem qua bảng nội quy đó và hạn chế được phần nào đó những vi phạm không đáng có!

Hôm nay mình xin hương dẫn các bạn tạo 1 bảng nội quy khá đơn giản

Demo online: http://forum.vietdesigner.net/ (click vào 1 bài viết bất kỳ và kéo xuống cuối ngay trên khung bình luận, tất nhiên để xem được cái bảng nội quy này bạn phải là thành viên của diễn đàn).

Demo ảnh:



Cực kỳ đơn giản thôi, việc đầu tiên là bạn cần tạo 1 template mới, đặt tên cho nó là warning_reply, sau đó add toàn bộ code dưới đây vào template mới tạo này:

Code:

<div style="border:1px dashed #D3D3D3;padding: 5px;line-height: 23px;">
<br>
<fieldset style="text-align:left;margin:-10px 0">
 
<div style="background: #940012;color: #ededed; font-size: 13px;">
<img src="https://forum.vietdesigner.net/data/images/warning.png" border="0" style="padding-left: 5px; vertical-align: text-top;"> <font color="#ededed">Chú ý thật kỹ khi bình luận:</font>
</div>
 
<p style="margin-left: 13px;font-size: 12px;">
✓ Khi muốn trả lời ai đó, bạn gõ @ cộng thêm nick diễn đàn của người đó phía sau @, giống như tag tên trên Facebook.<br>
✓ Yêu cầu khi bình luận, bạn phải type chữ rõ ràng, không viết tắt, gõ tiếng Việt đầy đủ dấu đàng hoàng.<br>
✓ Nên dùng font chữ mặc định của diễn đàn, không tô màu lòe loẹt hay dùng size chữ quá lớn khi bình luận.<br>
✓ Không bình luận chém gió ngoài lề quá nhiều, không spam hay chửi bậy. Tuyệt đối chấp hành 
	
nội quy của diễn đàn!!!</p>
</fieldset>
<br>
</div>

Bạn có thể tách riêng css ra, nhưng để chọn gọn mình gom css vào template này luôn


OK, sau khi đã có được template mới rồi, bạn chỉ cần thêm dòng này vào template quick_reply, nằm trên đoạn <div class="quickReply message">

Code:

<xen:include template="warning_reply" />

Thế là xong rồi đó, bạn chỉ cần thay đổi nội dung của bạn, và tùy chỉnh lại màu sắc, bố cục cho phù hợp với forum của bạn thôi

Chúc thành công!