Tùy chọn
Share bộ nút CSS3 TTAC
- Share bộ nút CSS3 TTAC
-
Share bộ nút CSS3 TTAC
Noname > 24-03-12, 02:02 PM
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]](http://i39.photobucket.com/albums/e193/duytuan2002/upload/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
2/Template\Post Bit Templates\postbit_emailMã:<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>
3/Template\Post Bit Templates\postbit_findMã:<a href="member.php?action=emailuser&uid={$post['uid']}" alt="{$lang->postbit_email}" title="{$lang->postbit_email}" class="mButton">Email</a>
4/Template\Post Bit Templates\postbit_pmMã:<a href="search.php?action=finduser&uid={$post['uid']}" alt="{$lang->postbit_find}" title="{$lang->postbit_find}" class="mButton">Tìm</a>
5/Template\Post Bit Templates\postbit_quickdeleteMã:<a href="private.php?action=send&uid={$post['uid']}" alt="{$lang->postbit_pm}" title="{$lang->postbit_pm}" class="mButton">PM</a>
6/Template\Post Bit Templates\postbit_quoteMã:<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>
Mã:<a href="newreply.php?tid={$tid}&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
8/Template\Post Bit Templates\postbit_reportMã:<a href="javascript:MyBB.reputation({$post['uid']},{$post['pid']});" alt="{$lang->postbit_reputation}" title="{$lang->postbit_reputation}" class="mButton">Cho điểm</a>
9/Template\Post Bit Templates\postbit_warnMã:<a href="javascript:Thread.reportPost({$post['pid']});" alt="{$lang->postbit_report}" title="{$lang->postbit_report}" class="mButton">Báo cáo</a>
10/Template\Post Bit Templates\postbit_wwwMã:<a href="warnings.php?action=warn&uid={$post['uid']}&pid={$post['pid']}" alt="{$lang->postbit_warn}" title="{$lang->postbit_warn}" class="mButton">Nhắc nhở</a>
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.
12/Sửa Nút Đăng Trả LờiMã:<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>
Vào Template=>Show Thread Templates=>showthread_newreply
Các bạn cũng có thể mở file mybutton.css để thay đổi màu nền các nút.Mã:<a href="newreply.php?tid={$tid}" alt="{$lang->post_reply_img}" title="{$lang->post_reply_img}" class="mButton">{$lang->post_reply_img}</a>
-
RE: Share bộ nút CSS3 TTAC
Noname > 24-03-12, 02:03 PM
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
3/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>";
thay hai hình
image/postbit_thx.gif thành hình dấu +
image/postbit_rthx.gif thành hình dấu -
-
RE: Share bộ nút CSS3 TTAC
anhbuncha > 22-06-12, 12:26 PM
Đổi màu sắc ở chỗ nào bạn nhỉ. Màu nền đó. Mình k biết về css -
RE: Share bộ nút CSS3 TTAC
Noname > 23-06-12, 08:16 AM
mở file css lên, chỉnh các chỗ color ý! -
RE: Share bộ nút CSS3 TTAC
btgvnws > 03-06-13, 11:33 AM
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 -
RE: Share bộ nút CSS3 TTAC
Noname > 03-06-13, 11:42 AM
bạn thử lại với trình duyệt khác nhé! Hoặc có script nào đó bị chặn. -
RE: Share bộ nút CSS3 TTAC
btgvnws > 03-06-13, 11:49 AM
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 ! -
RE: Share bộ nút CSS3 TTAC
btgvnws > 04-06-13, 11:50 AM
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 ! -
RE: Share bộ nút CSS3 TTAC
Noname > 04-06-13, 11:54 AM
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 -
RE: Share bộ nút CSS3 TTAC
btgvnws > 04-06-13, 11:57 AM
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.