Demo: http://blogger.chinhphuc.info/t305-topic#707

Ưu điểm: Đẹp, bắt mắt, tiện lợi cho những forum nhiều style, phù hợp cho những forum FM mang phong cách vbb 4.x

Cho phpbb 2:

Vào viewtopic_body tìm:

Code:

<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>

...và thay bằng:

Code:

<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><span class="newpost"><font color=#FFFFFF>  <b>+</b> Viết chủ đề mới  </font></span></a>

Tìm tiếp:

Code:

<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>

...thay bằng:

Code:

<a href="{U_POST_REPLY_TOPIC}"><span class="newpost"><font color=#FFFFFF>  <b>+</b> Trả lời Chủ đề  </font></span></a>

Các bạn có thể làm tương tự ở viewforum_body

Tiếp theo vào Css và dán code này vào dưới cùng:

Code:

span.newpost {
filter:alpha(opacity=50);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
padding:6px;
background-color: #488AC7;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
span.newpost:hover{
filter:alpha(opacity=50);
-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;}

-------------------------

Dành cho mọi phiên bản Foumotion. Dùng Script sau để thay button mà không cần sửa Templates, CSS như trên.

Hướng dẫn: Modules > HTML & JAVASCRIPT > Javascript codes management > Creat a new...:

Title * : Button CSS
Placement : In the sub-forums và In the topics
Javascript Code * :

Code:

$(function(){$("a[href*='/post?f='][href$='&mode=newtopic']").html('<span class="newpost"><font color=#FFFFFF>  <b>+</b> Viết chủ đề mới  </font></span>');$("a[href*='/post?t='][href$='&mode=reply']").html('<span class="newpost"><font color=#FFFFFF>  <b>+</b> Trả lời Chủ đề  </font></span>');});