Button gửi bài mới, gửi trả lời bằng css và jquery

Demo:

Forum demo: [You must be registered and logged in to see this link.]
Ư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>');});