Đăng Nhập

Vui lòng khai báo chính xác tên truy cập và mật khẩu!

Quên mật khẩu?

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

      Admin
      Admin

      Giới tính : Nam

      Đến từ : TPHCM

      Ngày Tham gia : 03/04/2011

      Tổng số bài gửi : 2292

      #1

       Fri Sep 23, 2011 8:16 am

      Tiêu đề: Button gửi bài mới, gửi trả lời bằng css và jquery--------------------------------------------------Demo:
      [You must be registered and logged in to see this link.]


      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:Button gửi bài mới, gửi trả lời bằng css và jquery  Collap10[You must be registered and logged in to see this link.]

      1. href="{U_POST_NEW_TOPIC}" rel="nofollow">
      2. id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0"
      3. />

      Và thay bằng:
      Code:Button gửi bài mới, gửi trả lời bằng css và jquery  Collap10[You must be registered and logged in to see this link.]

      1. href="{U_POST_NEW_TOPIC}" rel="nofollow">
      2. class="newpost"> + Viết
      3. chủ đề mới

      Tìm tiếp:
      Code:Button gửi bài mới, gửi trả lời bằng css và jquery  Collap10[You must be registered and logged in to see this link.]

      1. href="{U_POST_REPLY_TOPIC}">
      2. alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" />

      Thay bằng:
      Code:Button gửi bài mới, gửi trả lời bằng css và jquery  Collap10[You must be registered and logged in to see this link.]

      1. href="{U_POST_REPLY_TOPIC}">
      2. color=#FFFFFF> + Trả lời Chủ đề


      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:Button gửi bài mới, gửi trả lời bằng css và jquery  Collap10[You must be registered and logged in to see this link.]

      1. span.newpost {
      2. filter:alpha(opacity=50);
      3. -moz-opacity: 1.0;
      4. opacity: 1.0;
      5. -khtml-opacity: 1.0;
      6. padding:6px;
      7. background-color: #488AC7;
      8. -moz-border-radius: 10px;
      9. -webkit-border-radius: 10px;
      10. }
      11. span.newpost:hover{
      12. filter:alpha(opacity=50);
      13. -moz-opacity: 0.7;
      14. opacity: 0.7;
      15. -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:Button gửi bài mới, gửi trả lời bằng css và jquery  Collap10[You must be registered and logged in to see this link.]

      1. $(function(){$("a[href*='/post?f='][href$='&mode=newtopic']").html('
      2. class="newpost"> +
      3. Viết chủ đề mới
      4. ');$("a[href*='/post?t='][href$='&mode=reply']").html('
      5. class="newpost"> + Trả
      6. lời Chủ đề ');});





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

      [list=1]
      [*]<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>
      [/list]
      [color=#000000]
      Và thay bằng:
      Code:
      <table style="width: 545px; background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 5px; border-radius: 5px 5px 5px 5px; border-color: rgb(0, 0, 0) rgb(171, 171, 171) rgb(171, 171, 171) rgb(0, 0, 0);" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr style="background: none repeat scroll 0% 0% rgb(255, 255, 255); font: bold 11px tahoma; color: rgb(255, 255, 255); text-align: left; text-shadow: 0.1em 0.1em 0.2em green; padding: 0px; vertical-align: middle; height: 16px; width: 100%;"><td>
      </td></tr></table>
      [list=1]
      [*]<a
      [*] href="{U_POST_NEW_TOPIC}" rel="nofollow"><span
      [*]class="newpost"><font color=#FFFFFF>  <b>+</b> Viết
      [*] chủ đề mới  </font></span></a>
      [/list]
      [color=#000000]


      [/color]
      [/color]