Đánh giá chủ đề:
  • 1 Votes - 5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Share bộ nút CSS3 TTAC
#1
Share bộ nút CSS3 trang Thủ Thuật Access đang dùng.
Bộ nút tương thích với cả FF, Chrome và cả IE.
Demo: http://thuthuataccess.com/forum/thread-4762.html
[Hình: postbitbutton.png]
Upload 2 thư mục images và jscript vào thư mục gốc diễn đàn
Lưu ý mục images chép đè vào các file diễn đàn đang dùng.

Vào Edit Template: Ungrouped Templates\headerinclude, thêm dòng sau vào cuối cùng để load css button
Mã:
<link href="{$mybb->settings['bburl']}/jscripts/mybutton.css" rel="stylesheet" type="text/css">

Để sửa các nút, ta sửa tuần tự như sau:
1/Vào Template\Post Bit Templates\postbit_edit
Mã:
<a href="editpost.php?pid={$post['pid']}" id="edit_post_{$post['pid']}"  alt="{$lang->postbit_edit}" title="{$lang->postbit_edit}" class="mButton">Sửa</a>
<div id="edit_post_{$post['pid']}_popup" class="popup_menu" style="display: none;"><div class="popup_item_container"><a href="javascript:;" onclick="Thread.quickEdit({$post['pid']});" class="popup_item">{$lang->postbit_quick_edit}</a></div><div class="popup_item_container"><a href="editpost.php?pid={$post['pid']}" class="popup_item">{$lang->postbit_full_edit}</a></div></div>
<script type="text/javascript">
// <!--
    if(use_xmlhttprequest == "1")
    {
        new PopupMenu("edit_post_{$post['pid']}");
    }
// -->
</script>
2/Template\Post Bit Templates\postbit_email
Mã:
<a href="member.php?action=emailuser&amp;uid={$post['uid']}"  alt="{$lang->postbit_email}" title="{$lang->postbit_email}" class="mButton">Email</a>
3/Template\Post Bit Templates\postbit_find
Mã:
<a href="search.php?action=finduser&amp;uid={$post['uid']}"  alt="{$lang->postbit_find}" title="{$lang->postbit_find}" class="mButton">Tìm</a>
4/Template\Post Bit Templates\postbit_pm
Mã:
<a href="private.php?action=send&amp;uid={$post['uid']}" alt="{$lang->postbit_pm}" title="{$lang->postbit_pm}" class="mButton">PM</a>
5/Template\Post Bit Templates\postbit_quickdelete
Mã:
<a href="editpost.php?pid={$post['pid']}" onclick="Thread.deletePost({$post['pid']}); return false;" style="display: none;" id="quick_delete_{$post['pid']}"  alt="{$lang->postbit_qdelete}" title="{$lang->postbit_qdelete}" class="mButton">Xóa</a>
<script type="text/javascript">
// <!--
    $('quick_delete_{$post['pid']}').style.display = '';
// -->
</script>
6/Template\Post Bit Templates\postbit_quote
Mã:
<a href="newreply.php?tid={$tid}&amp;pid={$post['pid']}"  alt="{$lang->postbit_quote}" title="{$lang->postbit_quote}" class="mButton">Trả lời</a>

7/Template\Post Bit Templates\postbit_rep_button
Mã:
<a href="javascript:MyBB.reputation({$post['uid']},{$post['pid']});"  alt="{$lang->postbit_reputation}" title="{$lang->postbit_reputation}" class="mButton">Cho điểm</a>
8/Template\Post Bit Templates\postbit_report
Mã:
<a href="javascript:Thread.reportPost({$post['pid']});"  alt="{$lang->postbit_report}" title="{$lang->postbit_report}" class="mButton">Báo cáo</a>
9/Template\Post Bit Templates\postbit_warn
Mã:
<a href="warnings.php?action=warn&amp;uid={$post['uid']}&amp;pid={$post['pid']}"  alt="{$lang->postbit_warn}" title="{$lang->postbit_warn}" class="mButton">Nhắc nhở</a>
10/Template\Post Bit Templates\postbit_www


Mã:
<a href="{$post['website']}" target="_blank" alt="{$lang->postbit_website}" title="{$lang->postbit_website}" class="mButton">۩</a>

11/ Template\Post Bit Templates\postbit_multiquote
Lưu ý cái này thay image bằng các nút +/- đính kèm.

Mã:
<a href="javascript:Thread.multiQuote({$post['pid']});" style="display: none;" id="multiquote_link_{$post['pid']}" class="mButton"  alt="{$lang->postbit_multiquote}" title="{$lang->postbit_multiquote}"><img src="{$theme['imglangdir']}/postbit_multiquote.gif" alt="{$lang->postbit_multiquote}" title="{$lang->postbit_multiquote}" id="multiquote_{$post['pid']}" />Trích dẫn</a>
<script type="text/javascript">
//<!--
    $('multiquote_link_{$post['pid']}').style.display = '';
// -->
</script>
12/Sửa Nút Đăng Trả Lời
Vào Template=>Show Thread Templates=>showthread_newreply
Mã:
<a href="newreply.php?tid={$tid}"  alt="{$lang->post_reply_img}" title="{$lang->post_reply_img}" class="mButton">{$lang->post_reply_img}</a>
Các bạn cũng có thể mở file mybutton.css để thay đổi màu nền các nút.



File đính kèm
.zip   mybutton.zip (Kích cỡ: 7.42 KB / Tải về: 47)
Chữ ký của Noname 020
ღღღღღTài sản của Noname (View All Items) ღღღღღ
Reply
Những người đã cảm ơn MyBB.vn
#2
Thay đổi Nút Thanks cho Plugin Thanks 3.91

Plugin này bị hardcode nên bạn không thể sửa trong template mà phải edit file thx.php trong mục plugin..
1/Tìm dòng sau (khoảng dòng 631)
Mã:
            $post['thanks'] = "<a id=\"a{$post['pid']}\" onclick=\"javascript:return thx({$post['pid']});\" href=\"showthread.php?action=thank&tid={$post['tid']}&pid={$post['pid']}\" >

            <img src=\"{$mybb->settings['bburl']}/{$theme['imgdir']}/postbit_thx.gif\" border=\"0\" alt=\"$lang->thx_main\" title=\"$lang->thx_main\" id=\"i{$post['pid']}\" /></a>";


Sửa lại thành
Mã:
            $post['thanks'] = "<a id=\"a{$post['pid']}\" onclick=\"javascript:return thx({$post['pid']});\" href=\"showthread.php?action=thank&tid={$post['tid']}&pid={$post['pid']}\" class=\"threadbt2\">

            <img src=\"{$mybb->settings['bburl']}/{$theme['imgdir']}/postbit_thx.gif\" border=\"0\" alt=\"$lang->thx_main\" title=\"$lang->thx_main\" id=\"i{$post['pid']}\" />Thanks</a>";

2/Tìm dòng sau ở khoảng dòng 641
Mã:
$post['thanks'] = "<a id=\"a{$post['pid']}\" onclick=\"javascript:return rthx({$post['pid']});\" href=\"showthread.php?action=remove_thank&tid={$post['tid']}&pid={$post['pid']}\" class=\"mButton\">

            <img src=\"{$mybb->settings['bburl']}/{$theme['imgdir']}/postbit_rthx.gif\" border=\"0\" alt=\"$lang->thx_remove\" title=\"$lang->thx_remove\" id=\"i{$post['pid']}\" />Thanks</a>";

Sửa lại thành
Mã:
$post['thanks'] = "<a id=\"a{$post['pid']}\" onclick=\"javascript:return rthx({$post['pid']});\" href=\"showthread.php?action=remove_thank&tid={$post['tid']}&pid={$post['pid']}\" class=\"threadbt2\">

            <img src=\"{$mybb->settings['bburl']}/{$theme['imgdir']}/postbit_rthx.gif\" border=\"0\" alt=\"$lang->thx_remove\" title=\"$lang->thx_remove\" id=\"i{$post['pid']}\" />Thanks</a>";
3/
thay hai hình
image/postbit_thx.gif thành hình dấu +
image/postbit_rthx.gif thành hình dấu -
Chữ ký của Noname 020
ღღღღღTài sản của Noname (View All Items) ღღღღღ
Reply
Những người đã cảm ơn MyBB.vn
#3
Đổi màu sắc ở chỗ nào bạn nhỉ. Màu nền đó. Mình k biết về css
Chữ ký của anhbuncha Xin chào, mình là anhbuncha, Tham gia http://thuthuataccess.com/forum từ ngày 14-02 -12.
Reply
Những người đã cảm ơn
#4
mở file css lên, chỉnh các chỗ color ý!
Chữ ký của Noname 020
ღღღღღTài sản của Noname (View All Items) ღღღღღ
Reply
Những người đã cảm ơn
#5
Bác ui em không thể nào chèn được dòng code vào file headerinclude trong ACP template. Cứ chèn xong save lại là nó lại về như cũ, bác chỉ em cách giải quyết với. Thanks
Chữ ký của btgvnws Xin chào, mình là btgvnws, Tham gia http://thuthuataccess.com/forum từ ngày 03-06 -13.
Reply
Những người đã cảm ơn
#6
bạn thử lại với trình duyệt khác nhé! Hoặc có script nào đó bị chặn.
Chữ ký của Noname 020
ღღღღღTài sản của Noname (View All Items) ღღღღღ
Reply
Những người đã cảm ơn btgvnws
#7
Cảm ơn bác, em thử bằng IE được rồi, thằng FF có vấn đề gì đó. Thanks bác lần nữa !
Chữ ký của btgvnws Xin chào, mình là btgvnws, Tham gia http://thuthuataccess.com/forum từ ngày 03-06 -13.
Reply
Những người đã cảm ơn
#8
Bác Noname ơi. Bác chỉ cho em cách sửa màu nền của các nút với, cụ thể là em muốn màu xanh như của diễn đàn này thì sửa ở chỗ nào và thông số ra sao ạ. Thanks bác nhiều !
Chữ ký của btgvnws Xin chào, mình là btgvnws, Tham gia http://thuthuataccess.com/forum từ ngày 03-06 -13.
Reply
Những người đã cảm ơn
#9
Bạn mở file mybutton.css và thử thay đổi thông số các màu và thử từng chút thôi!
bảng màu chuẩn bạn tham khảo ở đây:
http://www.w3schools.com/tags/ref_colorpicker.asp
Chữ ký của Noname 020
ღღღღღTài sản của Noname (View All Items) ღღღღღ
Reply
Những người đã cảm ơn btgvnws
#10
Vâng cảm ơn bác. Thay đổi tất các thông số trong đó hả bác ? Bác share em file my button.css của bác được không ạ, em hơi ngu về cái này.
Chữ ký của btgvnws Xin chào, mình là btgvnws, Tham gia http://thuthuataccess.com/forum từ ngày 03-06 -13.
Reply
Những người đã cảm ơn


Có thể liên quan đến chủ đề
Chủ đề: Tác giả Trả lời: Xem: Bài mới nhất
  [Share] Theme mybb.vn full css (đc sửa từ theme default mybb 1.6.7) MyBB.vn 0 1,121 16-04-12, 08:01 AM
Bài mới nhất: MyBB.vn
  Css3 button with icon Mybb MyBB.vn 0 1,089 29-03-12, 04:49 PM
Bài mới nhất: MyBB.vn
  Chuyển vị trí khung Smilies xuống dưới khung soạn thảo giống TTAC Noname 0 668 29-11-11, 01:47 AM
Bài mới nhất: Noname

Chuyển nhanh:


User(s) browsing this thread: 1 Guest(s)
Diễn Đàn Thơ Văn Thi Ẩm Lâu|Nhà Hàng Sông Thơ