Đư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 4 trong tổng số 5 trang Chuyển đến trang : Previous  1, 2, 3, 4, 5  Next

  • 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

    KevinSkyler

    KevinSkyler

    Group: Member

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

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

    Member
    Bài viết thứ :76

    Đăng vào:on 9/12/2012, 17:08

    Member
    xem

    #76 - Posted on 9/12/2012, 17:08
    Xem lý lịch thành viên

    vuthaihung82

    vuthaihung82

    Group: Member

    Hiện đang:
    Bài viết : 45
    Points : 46
    Thanks : 1

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

    Member
    Bài viết thứ :77

    Đăng vào:on 13/12/2012, 13:24

    Member
    thử

    #77 - Posted on 13/12/2012, 13:24
    Xem lý lịch thành viên

    ichkiviai

    ichkiviai

    Group: Member

    Hiện đang:
    Bài viết : 307
    Points : 417
    Thanks : 32

    Member
    Xem lý lịch thành viên http://vncnhot.forumvi.com/

    Member
    Bài viết thứ :78

    Đăng vào:on 7/2/2013, 13:18

    Member
    222222222222222222

    #78 - Posted on 7/2/2013, 13:18
    Xem lý lịch thành viên http://vncnhot.forumvi.com/

    thienan

    thienan

    Group: Member

    Hiện đang:
    Bài viết : 24
    Points : 24
    Birthday : 16/02/1980
    Thanks : 0

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

    Member
    Bài viết thứ :79

    Đăng vào:on 9/2/2013, 21:58

    Member
    ok cảm ơn nhé admin...

    #79 - Posted on 9/2/2013, 21:58
    Xem lý lịch thành viên

    kunhok12

    kunhok12

    Group: Member

    Hiện đang:
    Bài viết : 178
    Points : 178
    Birthday : 26/02/1990
    Thanks : 0

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

    Member
    Bài viết thứ :80

    Đăng vào:on 24/2/2013, 12:40

    Member
    tks

    #80 - Posted on 24/2/2013, 12:40
    Xem lý lịch thành viên

    baotranno123

    baotranno123

    Group: Member

    Hiện đang:
    Bài viết : 368
    Points : 428
    Thanks : 28

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

    Member
    Bài viết thứ :81

    Đăng vào:on 1/3/2013, 18:37

    Member
    thank

    #81 - Posted on 1/3/2013, 18:37
    Xem lý lịch thành viên

    manhcuongpc

    manhcuongpc

    Group: Member

    Hiện đang:
    Bài viết : 176
    Points : 185
    Birthday : 02/02/1991
    Thanks : 3

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

    Member
    Bài viết thứ :82

    Đăng vào:on 28/3/2013, 07:01

    Member
    xem

    #82 - Posted on 28/3/2013, 07:01
    Xem lý lịch thành viên

    Nhục Bồ Đoàn

    Nhục Bồ Đoàn

    Group: Member

    Hiện đang:
    Bài viết : 328
    Points : 359
    Thanks : 35

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

    Member
    Bài viết thứ :83

    Đăng vào:on 28/3/2013, 09:06

    Member
    tt

    #83 - Posted on 28/3/2013, 09:06
    Xem lý lịch thành viên

    kavira

    kavira

    Group: Member

    Hiện đang:
    Bài viết : 64
    Points : 62
    Birthday : 05/05/1995
    Thanks : 0

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

    Member
    Bài viết thứ :84

    Đăng vào:on 13/4/2013, 17:56

    Member
    xem

    #84 - Posted on 13/4/2013, 17:56
    Xem lý lịch thành viên

    vũ thanh lai

    vũ thanh lai

    Group: Member

    Hiện đang:
    Bài viết : 178
    Points : 223
    Thanks : 19

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

    Member
    Bài viết thứ :85

    Đăng vào:on 17/4/2013, 20:57

    Member
    xem

    #85 - Posted on 17/4/2013, 20:57
    Xem lý lịch thành viên

    Kensius

    Kensius

    Group: Member

    Hiện đang:
    Bài viết : 90
    Points : 91
    Birthday : 15/10/1992
    Thanks : 1

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

    Member
    Bài viết thứ :86

    Đăng vào:on 18/4/2013, 15:07

    Member
    xem

    #86 - Posted on 18/4/2013, 15:07
    Xem lý lịch thành viên

    thmodz

    thmodz

    Group: Member

    Hiện đang:
    Bài viết : 89
    Points : 89
    Birthday : 12/12/1996
    Thanks : 0

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

    Member
    Bài viết thứ :87

    Đăng vào:on 19/4/2013, 20:05

    Member
    hay đó xem tý nào

    #87 - Posted on 19/4/2013, 20:05
    Xem lý lịch thành viên

    Diệm Ma Hoàng

    Diệm Ma Hoàng

    Group: Member

    Hiện đang:
    Bài viết : 120
    Points : 129
    Birthday : 25/09/1999
    Thanks : 7

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

    Member
    Bài viết thứ :88

    Đăng vào:on 21/4/2013, 19:49

    Member

    #88 - Posted on 21/4/2013, 19:49
    Xem lý lịch thành viên

    Tobi931998

    Tobi931998

    Group: Member

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

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

    Member
    Bài viết thứ :89

    Đăng vào:on 1/5/2013, 19:04

    Member
    tks!

    #89 - Posted on 1/5/2013, 19:04
    Xem lý lịch thành viên

    gadaubac9x

    gadaubac9x

    Group: Member

    Hiện đang:
    Bài viết : 160
    Points : 165
    Birthday : 18/12/1994
    Thanks : 3

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

    Member
    Bài viết thứ :90

    Đăng vào:on 30/5/2013, 13:52

    Member
    cntt-k3

    #90 - Posted on 30/5/2013, 13:52
    Xem lý lịch thành viên

    mrtienduc1999

    mrtienduc1999

    Group: Member

    Hiện đang:
    Bài viết : 55
    Points : 59
    Thanks : 0

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

    Member
    Bài viết thứ :91

    Đăng vào:on 31/5/2013, 14:19

    Member
    coi nào

    #91 - Posted on 31/5/2013, 14:19
    Xem lý lịch thành viên

    dangminh1

    dangminh1

    Group: Member

    Hiện đang:
    Bài viết : 115
    Points : 116
    Birthday : 02/01/1991
    Thanks : 3

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

    Member
    Bài viết thứ :92

    Đăng vào:on 1/6/2013, 13:14

    Member
    ff

    #92 - Posted on 1/6/2013, 13:14
    Xem lý lịch thành viên

    kenz0ne

    kenz0ne

    Group: Member

    Hiện đang:
    Bài viết : 83
    Points : 99
    Birthday : 16/02/1998
    Thanks : 20

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

    Member
    Bài viết thứ :93

    Đăng vào:on 12/6/2013, 17:38

    Member
    cnvbv

    #93 - Posted on 12/6/2013, 17:38
    Xem lý lịch thành viên

    braziken

    braziken

    Group: Member

    Hiện đang:
    Bài viết : 172
    Points : 177
    Birthday : 11/10/1997
    Thanks : 3

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

    Member
    Bài viết thứ :94

    Đăng vào:on 20/6/2013, 10:56

    Member
    xem

    #94 - Posted on 20/6/2013, 10:56
    Xem lý lịch thành viên

    tiniko

    tiniko

    Group: Member

    Hiện đang:
    Bài viết : 44
    Points : 42
    Birthday : 15/04/1993
    Thanks : 0

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

    Member
    Bài viết thứ :95

    Đăng vào:on 19/7/2013, 02:22

    Member
    xem thử coi sao

    #95 - Posted on 19/7/2013, 02:22
    Xem lý lịch thành viên

    kunchiro

    kunchiro

    Group: Member

    Hiện đang:
    Bài viết : 36
    Points : 36
    Birthday : 02/09/1992
    Thanks : 0

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

    Member
    Bài viết thứ :96

    Đăng vào:on 20/7/2013, 19:50

    Member
    ..............

    #96 - Posted on 20/7/2013, 19:50
    Xem lý lịch thành viên

    Anh Bin Pro

    Anh Bin Pro

    Group: Member

    Hiện đang:
    Bài viết : 61
    Points : 69
    Birthday : 17/02/1992
    Thanks : 0

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

    Member
    Bài viết thứ :97

    Đăng vào:on 22/7/2013, 21:18

    Member
    ddddddddddddddddddddddddddddddddddd đ

    #97 - Posted on 22/7/2013, 21:18
    Xem lý lịch thành viên

    bangnamhd

    bangnamhd

    Group: Member

    Hiện đang:
    Bài viết : 102
    Points : 102
    Birthday : 14/10/1992
    Thanks : 0

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

    Member
    Bài viết thứ :98

    Đăng vào:on 27/7/2013, 02:58

    Member
    hay

    #98 - Posted on 27/7/2013, 02:58
    Xem lý lịch thành viên

    yugidoho12345

    yugidoho12345

    Group: Member

    Hiện đang:
    Bài viết : 54
    Points : 56
    Thanks : 2

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

    Member
    Bài viết thứ :99

    Đăng vào:on 28/10/2013, 17:36

    Member
    asdasd

    #99 - Posted on 28/10/2013, 17:36
    Xem lý lịch thành viên

    skin5fm

    skin5fm

    Group: Member

    Hiện đang:
    Bài viết : 222
    Points : 254
    Thanks : 30

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

    Member
    Bài viết thứ :100

    Đăng vào:on 31/10/2013, 14:51

    Member
    aaaaaaaaaaaaaaaaaaaaaaa

    #100 - Posted on 31/10/2013, 14:51
    Xem lý lịch thành viên

    Sponsored content

    Sponsored content

    Group:
    Hiện đang:

    Bài viết thứ :101

    Đăng vào:Today at 13:01

    #101 - Posted Today at 13:01

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

    Đ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 | Internet | Lập trình | © PunBB | Free forum support | Liên hệ | Report an abuse | Create a blog
    YOUR BANNER HERE
    728x90