Đưa Skin mới vào diễn đàn sử dụng ! Nếu quá trình sử dụng diễn đàn xảy ra lỗi, xin vui lòng liên hệ Admin để báo lỗi ! Cảm ơn !

You are not connected. Please login or register

Chỉnh sửa lại button gửi bài mới, gửi trả lời bằng css giống vbb 4.x

Trang 5 trong tổng số 5 trang Chuyển đến trang : Previous  1, 2, 3, 4, 5

  • Please log in to post a topic

  • Quý Ròm

    Quý Ròm

    Group: Administrator

    Hiện đang:
    Bài viết : 3744
    Points : 11230
    Birthday : 21/02/1991
    Thanks : 4729
    Đến từ : Hà Nội

    Administrator
    Xem lý lịch thành viên

    Administrator
    Bài viết thứ :1

    Đăng vào:on 17/2/2012, 22:23

    Administrator
    First topic message reminder :

    demo:



    - Lời mở đầu của tác giả:
    Trước đây khi vào một forum vbb và nhìn vào button gửi bài mới, gửi trả lời mình cứ tưởng đó là hình ảnh. Định copy về cho về forum FM cho đẹp nhưng không lấy địa chỉ ảnh được. Sau này trình độ lên tay một chút mới đoán ra là nó xài css . Và bây giờ mình lại có ý tưởng làm button này cho FM.
    - Mục lục: bao gồm 2 code rất đơn giản, đặt class ở viewtopic_body và thêm thuộc tính ở css
    - Chương I: Viewtopic_body
    Vào viewtopic_body tìm:

    [Bài viết không bị Ẩn]



    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>
    - Chương II: Css
    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;}


    ----------------------------
    - Chú thích:
    Code:
    background-color: #488AC7;
    là nền của button. Thay màu cho phù hợp với 4rum bạn.
    Code:
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    Là đoạn code làm bo tròn góc.

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


    Update:
    Cái này bạn có thể dùng Script xóa cái ảnh button, như thế đỡ mất công sửa Templates, và có thể áp dụng cho mọi phiên bản forumotion.

    Vào 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>');});
    [/Bài viết không bị Ẩn]
    nguồn fmvi.org

    :Bài viết không bị Ẩn:



    Được sửa bởi Chupy ngày 18/2/2012, 21:57; sửa lần 1.

    #1 - Posted on 17/2/2012, 22:23

    __________________________________________________________________________________________
    [You must be registered and logged in to see this link.]
    [You must be registered and logged in to see this link.]
    Xem lý lịch thành viên

    anhoang_qn

    anhoang_qn

    Group: Member

    Hiện đang:
    Bài viết : 394
    Points : 483
    Thanks : 60

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :101

    Đăng vào:on 31/10/2013, 16:37

    Member
    ?

    #101 - Posted on 31/10/2013, 16:37
    Xem lý lịch thành viên

    sonlapro123456

    sonlapro123456

    Group: Member

    Hiện đang:
    Bài viết : 222
    Points : 249
    Thanks : 3

    Member
    Xem lý lịch thành viên http://itviet.5forum.net

    Member
    Bài viết thứ :102

    Đăng vào:on 3/11/2013, 10:42

    Member
    view nha

    #102 - Posted on 3/11/2013, 10:42
    Xem lý lịch thành viên http://itviet.5forum.net

    Duyko

    Duyko

    Group: Member

    Hiện đang:
    Bài viết : 146
    Points : 182
    Thanks : 22
    Đến từ : Việt Nam

    Member
    Xem lý lịch thành viên http://caothugame.forum7.net/

    Member
    Bài viết thứ :103

    Đăng vào:on 3/11/2013, 12:55

    Member
    sao lại ẩn nhỉ @@

    #103 - Posted on 3/11/2013, 12:55
    Xem lý lịch thành viên http://caothugame.forum7.net/

    BF.Zone

    BF.Zone

    Group: Member

    Hiện đang:
    Bài viết : 94
    Points : 96
    Thanks : 0

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :104

    Đăng vào:on 14/11/2013, 02:51

    Member
    ssssss

    #104 - Posted on 14/11/2013, 02:51
    Xem lý lịch thành viên

    duy357

    duy357

    Group: Member

    Hiện đang:
    Bài viết : 72
    Points : 79
    Birthday : 26/12/1997
    Thanks : 5

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :105

    Đăng vào:on 26/11/2013, 12:03

    Member
    hayyy

    #105 - Posted on 26/11/2013, 12:03
    Xem lý lịch thành viên

    banhuy52

    banhuy52

    Group: Member

    Hiện đang:
    Bài viết : 209
    Points : 370
    Thanks : 41

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :106

    Đăng vào:on 28/11/2013, 08:07

    Member
    xem

    #106 - Posted on 28/11/2013, 08:07
    Xem lý lịch thành viên

    Mr.Lee

    Mr.Lee

    Group: Member

    Hiện đang:
    Bài viết : 742
    Points : 1241
    Birthday : 04/05/1990
    Thanks : 381

    Member
    Xem lý lịch thành viên http://www.haivl.com/uploader/11917

    Member
    Bài viết thứ :107

    Đăng vào:on 29/11/2013, 17:47

    Member
    xem

    #107 - Posted on 29/11/2013, 17:47
    Xem lý lịch thành viên http://www.haivl.com/uploader/11917

    Kênh Game 8

    Kênh Game 8

    Group: Member

    Hiện đang:
    Bài viết : 263
    Points : 360
    Thanks : 47

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :108

    Đăng vào:on 3/2/2014, 10:15

    Member
    xemmmmmmmmmmmmmmmmm

    #108 - Posted on 3/2/2014, 10:15
    Xem lý lịch thành viên

    tranquocthong

    tranquocthong

    Group: Member

    Hiện đang:
    Bài viết : 203
    Points : 263
    Birthday : 08/07/1996
    Thanks : 30

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :109

    Đăng vào:on 3/2/2014, 10:48

    Member
    xemmmmmmmmmmmmm

    #109 - Posted on 3/2/2014, 10:48
    Xem lý lịch thành viên

    nkoc_dt0

    nkoc_dt0

    Group: Member

    Hiện đang:
    Bài viết : 132
    Points : 136
    Birthday : 01/03/1995
    Thanks : 4
    Đến từ : Việt Nam

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :110

    Đăng vào:on 27/2/2014, 20:46

    Member
    xeeeeeeeeeeeeeee

    #110 - Posted on 27/2/2014, 20:46
    Xem lý lịch thành viên

    khainqps01237

    khainqps01237

    Group: Member

    Hiện đang:
    Bài viết : 68
    Points : 92
    Birthday : 17/01/1994
    Thanks : 14
    Đến từ : Nha Trang

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :111

    Đăng vào:on 27/2/2014, 22:56

    Member
    sao lại Bài viết không bị Ẩn r :3

    #111 - Posted on 27/2/2014, 22:56
    Xem lý lịch thành viên

    Khai•Tâm

    Khai•Tâm

    Group: Member

    Hiện đang:
    Bài viết : 170
    Points : 232
    Thanks : 33

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :112

    Đăng vào:on 28/2/2014, 07:00

    Member
    xemmmmmmmmmmm

    #112 - Posted on 28/2/2014, 07:00
    Xem lý lịch thành viên

    sang123

    sang123

    Group: Member

    Hiện đang:
    Bài viết : 98
    Points : 110
    Birthday : 07/07/2000
    Thanks : 6
    Đến từ : Quan 8

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :113

    Đăng vào:on 1/8/2014, 14:04

    Member
    sam lam xong no tut' o tren cho index

    #113 - Posted on 1/8/2014, 14:04
    Xem lý lịch thành viên

    mxhvn

    mxhvn

    Group: Member

    Hiện đang:
    Bài viết : 110
    Points : 135
    Thanks : 11

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :114

    Đăng vào:on 26/11/2014, 19:31

    Member
    xemmmmmmmmmm

    #114 - Posted on 26/11/2014, 19:31
    Xem lý lịch thành viên

    moncute

    moncute

    Group: Member

    Hiện đang:
    Bài viết : 53
    Points : 51
    Thanks : 0

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :115

    Đăng vào:on 30/10/2015, 20:28

    Member
    aaaaaaaaaaaaaaaaaaa

    #115 - Posted on 30/10/2015, 20:28
    Xem lý lịch thành viên

    Sponsored content

    Sponsored content

    Group:
    Hiện đang:

    Bài viết thứ :116

    Đăng vào:Today at 09:26

    #116 - Posted Today at 09:26

    Trang 5 trong tổng số 5 trang Chuyển đến trang : Previous  1, 2, 3, 4, 5

    Đang kiểm tra dữ liệu...

    Bạn phải điền đầy đủ thông tin đăng ký.

    Số ký tự phải từ 3 trở lên
    Hãy chọn tài khoản khác
    Có thể dùng tài khoản này
    Không sử dụng địa chỉ này
    E-mail sẽ được kiểm sau
    Số ký tự phải từ 3 trở lên
    Trùng tên đăng nhập
    Chưa đúng
    Chính xác

    Free forum | © PunBB | Free forum support | Liên hệ | Report an abuse | Create a blog
    YOUR BANNER HERE
    728x90