Đư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

Hướng dẫn thay button bằng CSS cho punBB

  • Please log in to post a topic
  • Phê

    Phê
    Phê

    Phê

    Group: Member

    Hiện đang:
    Bài viết : 675
    Points : 272
    Birthday : 02/04/1991
    Thanks : 703

    Member
    http://www.cntt-k3.biz/register?agreed=true&step=2

    Member
    Bài viết thứ :1

    Đăng vào:21/4/2012, 15:53

    Member
    demo :
    Hướng dẫn thay button bằng CSS cho punBB 110
    Hướng dẫn thay button bằng CSS cho punBB 210

    Cách làm :
    Bước 1: Thêm vào CSS
    Code:
    /* Text button */
    .large_textbutton{background:url(http://i48.servimg.com/u/f48/16/58/89/73/newbtn10.png) repeat-x scroll left top #006BB7;border:0 none;border-radius:10px 10px 10px 10px;box-shadow:0 3px 8px #DDD;clear:left;color:#FFF!important;display:block;float:right;font:14px Arial,sans-serif;margin-left:10px;margin-top:-2px;position:relative;padding:4px 15px}
    .small_textbutton{background-color:#006BB7;border:0 none;border-radius:3px 3px 3px 3px;box-shadow:1px 1px 1px #DDD;clear:left;color:#FFF!important;display:block;float:right;font:11px Arial,sans-serif;position:relative;margin:2px!important;padding:2px 4px}
    .large_textbutton span{display:inline;font-size:15px;font-weight:700}
    .small_textbutton:hover,.large_textbutton:hover{background-color:#037730;text-shadow:1px 1px 1px #000}
    .small_textbutton:active,.large_textbutton:active{background-color:#000}
    Bước 2: Sửa Templates
    viewcomments_body:
    Tìm:
    [You must be registered and logged in to see this link.]
    Thay bằng:
    Code:
    <a class="large_textbutton" href="{U_POST_NEW_TOPIC}" rel="nofollow"><span>+</span> Viết chủ đề mới</a>
    Tìm:
    Code:
    <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
    Thay bằng:
    Code:
    <a class="large_textbutton" href="{U_POST_REPLY_TOPIC}"><span>+</span> Trả lời chủ đề</a>
    Tìm:
    Code:
    {comment.displayed.THANK_IMG}{comment.displayed.MULTIQUOTE_IMG}{comment.displayed.QUOTE_IMG}{comment.displayed.EDIT_IMG}{comment.displayed.DELETE_IMG}{comment.displayed.IP_IMG}{comment.displayed.REPORT_IMG}
    Thay bằng:
    Code:
    <span class="options-button">{comment.displayed.THANK_IMG}{comment.displayed.MULTIQUOTE_IMG}{comment.displayed.QUOTE_IMG}{comment.displayed.EDIT_IMG}{comment.displayed.DELETE_IMG}{comment.displayed.IP_IMG}{comment.displayed.REPORT_IMG}</span>
    Thêm vào cuối:
    Code:
    <script type="text/javascript">
      $(".options-button a").addClass("small_textbutton");
      $(".options-button a[href*='?thank=']").text("Cảm ơn");
      $(".options-button a[href^='/post?p='][href*='&mode=quote']").text("Trích dẫn");
      $(".options-button a[href^='/post?p='][href*='&mode=editpost']").text("Sửa");
      $(".options-button a[href^='/post?p='][href*='&mode=delete']").text("Xóa");
      $(".options-button a[href^='/modcp?mode=ip']").text("Xem Ip");
      $(".options-button a[href^='/report?mode=report']").text("Báo cáo");
      $(".options-button a[href^='/report?mode=unlock']").text("Mở báo cáo");
      $(".options-button a[href^='/report?mode=lock']").text("Chặn báo cáo");
    </script>
    viewforum_body:
    Tìm:
    Code:
    <a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a>
    Thay bằng:
    Code:
    <a class="large_textbutton" href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><span>+</span> Viết chủ đề mới</a>
    viewtopic_body: tương tự viewcomments_body

    Tìm:

    Code:
    {postrow.displayed.THANK_IMG}{postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG}{postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG}{postrow.displayed.REPORT_IMG}
    Thay bằng:
    Code:
    <span class="options-button">{postrow.displayed.THANK_IMG}{postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG}{postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG}{postrow.displayed.REPORT_IMG}</span>
    privmsgs_body:
    Tìm:
    Code:
    {POST_PM_IMG}
    Thay bằng:
    Code:
    <a class="large_textbutton" href="/privmsg?mode=post"><span>+</span> Soạn thư</a>
    privmsgs_read_body:
    Tìm:
    Code:
    <div class="post-options">
    Thay bằng:
    Code:
    <div class="post-options options-button">
    Thêm vào cuối:
    Code:
    <script type="text/javascript">
      $(".repPM a[href^='/privmsg?mode=reply']").addClass("large_textbutton").html("<span>+</span> Trả lời thư");
      $(".options-button a").addClass("small_textbutton");
      $(".options-button a[href^='/privmsg?mode=quote']").text("Trích dẫn");
      $(".options-button a[href^='/privmsg?mode=editpost']").text("Sửa");
    </script>
    overall_footer_end:
    Thêm vào cuối:
    Code:
    <script type="text/javascript">
          $("#new-message-link a[href^='/privmsg?mode=post_profile']").addClass("large_textbutton").html("<span>+</span> Viết lên tường");
    </script>
    Bước 3: Xóa các ảnh button liên quan trong Pics management >> Buttons
    Post new topic
    Reply to topic
    New posts [ Locked ]
    Reply with quote
    Multi-quote unselected
    Multi-quote selected
    "Thanks" button
    Topic already thanked
    Edit post
    Delete this post
    View IP address of poster
    Send a post report
    Post report sent
    Post report locked
    Lock the post report
    Unlock the post report

    #1 - Posted 21/4/2012, 15:53
    http://www.cntt-k3.biz/register?agreed=true&step=2
    braziken

    braziken
    braziken

    braziken

    Group: Member

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

    Member

    Member
    Bài viết thứ :2

    Đăng vào:21/6/2013, 06:20

    Member
    xem

    #2 - Posted 21/6/2013, 06:20
    kenvin

    kenvin
    kenvin

    kenvin

    Group: Member

    Hiện đang:
    Bài viết : 61
    Points : 110
    Birthday : 18/12/1991
    Thanks : 37
    Đến từ : jajajaja

    Member

    Member
    Bài viết thứ :3

    Đăng vào:28/2/2014, 17:52

    Member
    hay ............................

    #3 - Posted 28/2/2014, 17:52
    tmtt2012

    tmtt2012
    tmtt2012

    tmtt2012

    Group: Member

    Hiện đang:
    Bài viết : 149
    Points : 150
    Thanks : 3

    Member

    Member
    Bài viết thứ :4

    Đăng vào:1/11/2014, 13:16

    Member
    fffffffffffffffffffffffffffff

    #4 - Posted 1/11/2014, 13:16
    mxhvn

    mxhvn
    mxhvn

    mxhvn

    Group: Member

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

    Member

    Member
    Bài viết thứ :5

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

    Member
    xem nheeeée

    #5 - Posted 26/11/2014, 19:39
    hoang02hp

    hoang02hp
    hoang02hp

    hoang02hp

    Group: Member

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

    Member

    Member
    Bài viết thứ :6

    Đăng vào:20/9/2015, 11:33

    Member
    viewcomment_body ở đâu vậy nhỉ, hổng có thấy

    #6 - Posted 20/9/2015, 11:33

    Sponsored content

    Sponsored content

    Group:
    Hiện đang:

    Bài viết thứ :7

    Đăng vào:

    #7 - Posted

    Đ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 | ©phpBB | Free forum support | Báo cáo lạm dụng | Thảo luận mới nhất
    YOUR BANNER HERE
    728x90