Giáo trình Thiết kế web - Phần V: Mod và hack mod

Phần V : MOD VÀ HACK MOD Để làm nên một forum chuyên nghiệp thì phải có nhiều mod để tiện lợi trong thao tác và quản lí forum đơn giản hơn , giúp hạn chế những thao tác lặp đi lặp lại nhiều lần không cần thiết , giảm gánh nặng của một khối công việc . Điều này không có nghĩa là một forum có nhiều mod thì càng tốt , càng nhiều mod thì forum của bạn càng nặng , dẫn đến forum của bạn load chậm hẳn đi . Vì vậy bạn nên tạo những mod phù hợp với forum của mình . Sau đây là những MOD thông dụng mà các forum trên mạng bây giờ hay sử dụng , bạn có thể lựa chọn nó để làm nên một forum cho riêng mình . 1. Post Thank You Hack MOD ( Cảm ơn ) . Bạn tải mod Post thank hack tại đây . Upload các file trong thư mục forum lên host ( ngang hàng với Admincp , index.php , ...) . Vào AdminCP >> Plugins & Products >> Manager Products : Nhấn vào [Add/Import Product] : – EIHER upload the XML file forum your conputer : nhấn Chọn tệp tin , bạn tìm đến file product-post_thanks.xml . – Allow Overwrite : Tích chọn Đồng ý Nhấn Import . Chờ một chút và nếu thành công thì forum của bạn đã có mod Thank . Lúc này mod thank chưa được đóng khung , để đóng khung bạn làm theo hướng dẫn : Vào AdminCP >> Styles & Templates >> Style Manager >> Chọn skin cần chỉnh , Edit Templates : Chọn Post Thank You Hack Templates >> post_thanks_postbit_info : Thay thế toàn bộ code sau : {vb:rawphrase post_thanks_thanks} {vb:raw post.post_thanks_user_amount_formatted} {vb:rawphrase post_thanks_time_post} {vb:rawphrase post_thanks_times_post, {vb:raw post.post_thanks_thanked_times_formatted}} {vb:rawphrase post_thanks_times_posts, {vb:raw post.post_thanks_thanked_times_formatted}, {vb:raw post.post_thanks_thanked_posts_formatted}} Nhấn Save and Reload để lưu lại . Chú ý : Nếu bạn dùng skin giống www.itvnn.net thì bạn thay "eti_postbit" thành "post_field" , xóa thẻ ..... ở trên . Nếu khác thì để nguyên . Bạn nên ghi nhớ điều này , bài viết sau không nhắc lại nữa đâu nhé . 2. User Level MOD ( Level ) Tải mod User Level tại đây . Upload thư mục images lên host ( ngang hàng với admincp , index.php , ...) . Vào AdminCP >> Plugins & Products >> Manager Products >> Nhấn vào [Add/Import Product] : – EIHER upload the XML file forum your conputer : nhấn Chọn tệp tin , bạn tìm đến file product-userlevel (english Master).xml . – Allow Overwrite : Tích chọn Đồng ý Nhấn Import . Chờ một chút và nếu thành công thì forum của bạn đã có mod User Level . Vào AdminCP >> Styles & Templates >> Style Manager >> Chọn skin cần chỉnh , Edit Templates : Chọn Postbit Templates >> postbit_userlevel : Đóng lên đầu tiên đoạn code sau : Và chèn sau cùng đoạn code : Nhấn save and Reload . Vào diễn đàn xem kết quả . 3. Signature MOD ( Chữ kí thành viên ) . Bạn tải mod Signature tại đây . Upload thư mục HTT lên host trong thu mục /images/ . Vào AdminCP >> Plugins & Products >> Download / Upload Plugin , kéo xuống dưới cùng : Nhấp vào chọn tệp tin , tìm file HTT.xml . Nhấn Import . Vào AdminCP >> Styles & Templates >> Style Manager >> Chọn skin cần chỉnh , Edit Templates >> CSS Templates >> postbit.css , kéo xuống dưới và dán đoạn code này vào cuối cùng : /* HTT Signature */ .htt{ Background:#ffffff; Border-left:2px solid #dbd8d8; Border-right:2px solid #dbd8d8; Padding:10px; Margin:0;} .htt_001{ Background:url(images/HTT/HTT.itvn/HTT_001.gif) left no-repeat; Height:43px;} .htt_002{ Background:url(images/HTT/HTT.itvn/HTT_002.gif) repeat-x; Height:43px;} .htt_003{ Background:url(images/HTT/HTT.itvn/HTT_003.gif) right no-repeat; Height:43px;} .htt_004{ Background:url(images/HTT/HTT.itvn/HTT_004.gif) left no-repeat; Height:23px;} .htt_005{ Background:url(images/HTT/HTT.itvn/HTT_005.gif) repeat-x; Height:23px;} .htt_006{ Background:url(images/HTT/HTT.itvn/HTT_006.gif) right no-repeat; Height:23px;} Nhấn Save and Reload . Vào AdminCP >> Styles & Templates >> Style Manager >> Chọn Skin cần chỉnh , Edit Templates >> postbit_legacy , tìm đoạn code sau : {vb:raw template_hook.postbit_signature_start} {vb:raw ad_location.ad_showthread_firstpost_sig} <div class="signatureconta iner">{vb:raw post.signature} {vb:raw template_hook.postbit_signature_end} Thay thế bằng đoạn code sau : {vb:raw post.signature} Nhấn Save and Reload . Vào forum cập nhập chữ kí nhé . Để thay đổi chữ kí mặc định : Vào AdminCP >> Plugins & Products >> Plugin Manager : Tìm Chữ ký của HTT.itvn >> Nhấn [Edit] : Mục Plugin PHP Code , phần tiếng Việt có dấu bạn thay đổi đoạn text tùy ý . Nhấn Save and Reload . 4. Ucash MOD ( Tiền tệ ) . Bạn tải mod Ucash về tại đây . Upload các file admincp , includes trong thư mục forum lên host . Vào Admin CP >> Plugins & Products >> Manager Products >> Nhấn [Add/Import Product] : Nhấn Chọn tệp tin tìm file product-ucash.xml , tích chọn đồng ý ở mục Allow Overwrite >> Nhấn Import >> Xong . Bây giờ đóng khung nó lại , Vào AdminCP >> Styles & Templates >> Style Manager >> Chọn skin cần chỉnh , Edit Templates >> Postbit Templates >> postbit_ucash , đóng khung nó lại như sau : <vb:if condition="$show['ucash']"> {vb:rawphrase 'ucash_points'} {vb:raw post.ucashdisplay} Nhấn Save and Reload . Để điều chỉnh thông số tính điểm , vào AdminCP >> uCash >> uCash Options , Các bạn tự tìm hiểu lấy nhé . 6. vMoods MOD ( Tâm trạng ). Bạn tải vMoods về tại đây . Upload thư mục vmoods lên host ( ngang hàng với admincp , index.php , ...) . Vào AdminCP >> Plugins & Products >> Manager Products >> nhấp vào [Add/Import Product] >> Nhấp vào Chọn tệp tin , tìm file product-vmoods.xml >> Tích chọn Yes ở mục Allow Overwrite >> Nhấn Import . Vào AdminCP >> Settings >> Options >> Kéo xuống dưới chọn vMoods by luqmanamjad.com : – Active : tích Đồng ý – Mood Pack : Lựa chọn thư mục ảnh vừa upload lên host – Cái gì không nhắc đến để nguyên Nhấn Save để lưu lại . Vào forum xem kết quả : 7. Top X MOD ( Thống kê top x ) Bạn tải về tại đây . Upload thư mục vietvbb lên host ngang hàng với admincp , index.php , ... Vào AdminCP >> Plugins & Products >> Manager Products >> nhấp vào [Add/Import Product] >> Nhấp vào Chọn tệp tin , tìm file product-vietvbb_topstats_vb4.xml >> Tích chọn Yes ở mục Allow Overwrite >> Nhấn Import . Vào AdminCP >> Settings >> Options >> Kéo xuống dưới cùng kick vào [AJAX]VietVBB - Advanced Forum Statistics : Tại mục Default Result bạn gõ : 10,15,20,30,40,50 Nhấn Save để lưu lại và vào forum để xem kết quả . 8. Sub-Forum MOD ( Hiển thị forum con ra ngoài ) . Vào AdminCP >> Settings >> Options >> Forum Listings Display Options : Tại mục Depth of Sub-Forums bạn chọn 2 hoặc 3 >> Save để lưu lại . Lúc này forum con đã hiển thị ra ngoài , nhưng không được đẹp mắt cho lắm , bạn phải hack mod cho nó đẹp . Tải file về tại đây . Vào AdminCP >> Plugins & Products >> Manager Products >> nhấp vào [Add/Import Product] >> Nhấp vào Chọn tệp tin , tìm file Product-sub_forum_manager.xml >> Tích chọn Yes ở mục Allow Overwrite >> Nhấn Import . Vào AdminCP >> Settings >> Options >> Hasann - Sub-Forum Manager : Mục Number of columns : Bạn tích chọn hiển thị forum con thành 2 cột hay 3 cột tùy ý >> Save để lưu lại . Vào forum xem kết quả . 9. Quick Reply full MOD ( Trả lời nhanh ) . Bạn tải Mod Quick Reply về tại đây . Upload các thư mục trong forum lên host ngang hàng với admincp , index.php , ... Vào AdminCP >> Plugins & Products >> Manager Products >> nhấp vào [Add/Import Product] >> Nhấp vào Chọn tệp tin , tìm file product-phpkd_vbaqr.xml >> Tích chọn Yes ở mục Allow Overwrite >> Nhấn Import . Vào AdminCP >> Settings >> Options >> PHPKD - Advanced Quick Reply 'Ultimate' : Ở đây có nhiều lựa chọn mà bạn tùy chỉnh tùy ý , tốt nhất để nguyên . 10. Mod Quick auto resize-imager ( Thu nhỏ hình ảnh ) Tải file XML về tại đây . Vào AdminCP >> Plugins & Products >> Manager Products >> nhấp vào [Add/Import Product] >> Nhấp vào Chọn tệp tin , tìm file Quick-autoresize_post.xml >> Tích chọn Yes ở mục Allow Overwrite >> Nhấn Import . Vào AdminCP >> Settings >> Options >> Quick Auto Image-Resize (Posts & Signature) : Mục Maximum Width : Bạn gõ chiều rộng tối đa của file ảnh hiển thị trong bài viết . Nhấn Save để lưu lại . Vào forum xem kết quả . 11. Mod Who has visited ( Thống kê thành viên ghé thăm trong ngày) . Bạn tải về tại đây . Vào AdminCP >> Plugins & Products >> Manager Products >> nhấp vào [Add/Import Product] >> Nhấp vào Chọn tệp tin , tìm file Who-has-visited.xml >> Tích chọn Yes ở mục Allow Overwrite >> Nhấn Import . Vào AdminCP >> Setting >> Options >> Who Has Read a Thread : 12. MOD Fake visitors ( Thống kê ảo – Số người truy cập ) Bạn tải về tại đây . Vào AdminCP >> Plugins & Products >> Manager Products >> nhấp vào [Add/Import Product] >> Nhấp vào Chọn tệp tin , tìm file product_fake_visitors.xml >> Tích chọn Yes ở mục Allow Overwrite >> Nhấn Import . Vào AdminCP >> Settings >> Options >> Fake Visitors : Mục Add visitor number : Bạn gõ số người đang truy cập ảo . Save để lưu lại . 13. Hide All Product MOD ( Ẩn link với khách ) . Bạn tải về tại đây . Upload các thư mục trong forum lên host ngang hàng với admincp , index.php , ... Vào AdminCP >> Plugins & Products >> Manager Products >> nhấp vào [Add/Import Product] >> Nhấp vào Chọn tệp tin , tìm file Product - MARCO1 Hide All Final.xml >> Tích chọn Yes ở mục Allow Overwrite >> Nhấn Import . Vào AdminCP >> MARCO1 Hide All >> Messages Manage >> Edit Hide links from guests and members together message , nhấp vào Click here : Ở ô Tiếng Việt translation : Bạn gõ đoạn text tùy để thông báo cho khách phải đăng kí mới xem được bài viết / link . Save để lưu lại . Tương tự với chức năng khác . 14. Username Html Markup MOD ( hiển thị màu nick ra ngoài ) . Bạn tải về tại đây . Vào AdminCP >> Plugins & Products >> Manager Products >> nhấp vào [Add/Import Product] >> Nhấp vào Chọn tệp tin , tìm file product-username_html_markup.xml >> Tích chọn Yes ở mục Allow Overwrite >> Nhấn Import . 15. Chat Box MOD ( Chát chít ) Bạn tải về tại đây . Vào AdminCP >> Plugins & Products >> Manager Products >> nhấp vào [Add/Import Product] >> Nhấp vào Chọn tệp tin , tìm file VSa_CB.xml >> Tích chọn Yes ở mục Allow Overwrite >> Nhấn Import . Vào AdminCP >> Settings >> Options >> VSa - ChatBox : – Message listing area height (ChatBox) : Chiều cao – Message listing area height (ChatBox Full) : Chiều dài – Message length limit (characters) : số kí tự tối đa trong mỗi lần gửi . Nhấn Save để lưu lại . 16. Resize Images with lytebox MOD ( Xem ảnh bằng AJAX ) Tải về tại đây . Upload các file trong thư mục forum lên host ( Ngang hàng với admincp, index.php , ... ) Vào AdminCP >> Plugins & Products >> Manager Products >> nhấp vào [Add/Import Product] >> Nhấp vào Chọn tệp tin , tìm file product-bbr_imageresize_forumxml >> Tích chọn Yes ở mục Allow Overwrite >> Nhấn Import . Vào AdminCP >> Settings >> Options >> BBR- Resize Images with lytebox v3.22 : – Image Resixe active? : Chọn đồng ý – Maximum Width : Chiều rộng tối đa của ảnh hiển thị . – Maximun Height : Chiều dài tối đa – Maximum Signature Width : Chiều rộng tối đa trong chữ kí – Maximum Signature Height : Chiều dài tối đa trong chữ kí Nhấn Save để lưu lại . 17. VBH newtabs10 ( Tạo thêm menu ) Bạn tải về tại đây . Upload thư mục Includes lên hocst ( ngang hàng với admincp , index.php , .. ) . Vào AdminCP >> Plugins & Products >> Manager Products >> nhấp vào [Add/Import Product] >> Nhấp vào Chọn tệp tin , tìm file product-vbh_newtabs10.xml >> Tích chọn Yes ở mục Allow Overwrite >> Nhấn Import . Vào AdminCP >> Settings >> Options >> vBH New Tabs Options : Mục Add new tabs URL and Text : Bạn xem hình ảnh trên thì sẽ hiểu ngay :) . Save để lưu lại . Chú ý : Nếu forum của bạn có blog thì bạn import thêm file product-bbr_imageresize_withblog.xml 18. Love Message MOD ( Thông điệp yêu thương ) Bạn tải về tại đây . Upload các file trong thư mục forum lên host ( Ngang hàng với admincp , index.php , ... ) Vào AdminCP >> Plugins & Products >> Manager Products >> nhấp vào [Add/Import Product] >> Nhấp vào Chọn tệp tin , tìm file product-dt_love_message_utf-8.xml >> Tích chọn Yes ở mục Allow Overwrite >> Nhấn Import . Vào AdminCP >> Love Message >> LM Settings : – Moderate New LM : chọn No nếu không thông qua kiểm duyệt của mod – Money System : Chọn tiền tệ để có thể gửi thông điệp ( giống như mua tem để gửi thư ) – LM per day : Mỗi ngày thành viên có thể gửi bao nhiêu thông điệp . Nên để 1 để tránh tình trạng spam thông điệp . – Max Length : Số kí tự tối đa cho 1 thông điệp ( để số kí tự vừa phải ) – Max Smilies : Số ảnh cảm xúc tối đa có thể gửi trong một thông điệp Save lại . Vào forum để gửi thông điệp . Nhấp vào Gửi lời yêu thương : 19. Who downloaded MOD ( Ai đã download file này ) Bạn tải về tại đây . Upload thư mục includes lên host ( Ngang hàng với admincp , index.php , ...) . Vào AdminCP >> Plugins & Products >> Manager Products >> nhấp vào [Add/Import Product] >> Nhấp vào Chọn tệp tin , tìm file product-psi_whodownloaded.xml >> Tích chọn Yes ở mục Allow Overwrite >> Nhấn Import . 20. Yahoo Smilies MOD . Tải về tại đây . Upload thư mục yahoo lên host theo đường dẫn /images/smilies/ . Vào AdminCP >> Plugins & Products >> Manager Products >> nhấp vào [Add/Import Product] >> Nhấp vào Chọn tệp tin , tìm file product-yahoo_smilies.xml >> Tích chọn Yes ở mục Allow Overwrite >> Nhấn Import . Nếu bạn có một số ảnh diễn tả cần thay thế thủ công thì làm theo cách sau : Upload thư mục chứa ảnh diễn tả mới lên host theo đường dẫn /images/smilies/ Vào AdminCP >> Smilies >> Smilie Manager : Nhấn vào [Add New Smilie Category] : – Title : Chủ đề diễn tả ( trùng tên với thư mục vừa upload lên host ) – Display Order : thứ tự sắp xếp Nhấn Save để lưu lại . Tiếp tục vào AdminCP >> Smilies >> Add New Smilie : – Smilie Category : Chọn tên chủ để mới vừa tạo ở trên – Smilies File Path : chọn đường dẫn thư mục mới vừa upload lên host ( trùng tên với tên chủ đề và tồn tại trên host) – Smilies to Show Per Page : Chọn số ảnh diễn tả hiển thị trong 1 trang Nhấn Add Smilies : Từ trái qua phải theo thứ tự : – Bên phải hiển thị ảnh diễn tả – Thứ tự của hình diễn tả – Đường dẫn file ảnh trên host – Phím tắt ( Bạn thay đổi cho giống như chat yahoo hoặc tùy chỉnh tùy ý ) – Tích chọn ảnh biểu cảm cần cài đặt ... Nhấn Add Smilies . Cứ tiếp tục như thế . Vào forum xem kết quả . 21. Attention Zero-Posters MOD ( Nhắc nhở thành viên viết bài ) Bạn tải về tại đây . Vào AdminCP >> Plugins & Products >> Manager Products >> nhấp vào [Add/Import Product] >> Nhấp vào Chọn tệp tin , tìm file VSa - Attention Zero-Posters.xml >> Tích chọn Yes ở mục Allow Overwrite >> Nhấn Import . Vào AdminCP >> Settings >> Options >> VSa - Attention Zero-Posters : – Enable Product : Tích đồng ý – Number of days : Số ngày thành viên không viết bài thì nhắc nhở Nhấn Save để lưu lại 22. Google Search MOD ( Tìm kiếm google ) Bước 1 : Vào đây đăng kí ID web/forum của bạn và lấy mã ID của google. Bước 2 : Tạo một file tên là google.php với nội dung sau : <?php // ####################### SET PHP ENVIRONMENT ########################### error_reporting(E_ALL & ~E_NOTICE); // #################### DEFINE IMPORTANT CONSTANTS ####################### define('THIS_SCRIPT', 'test'); define('CSRF_PROTECTION', true); // change this depending on your filename // ################### PRE-CACHE TEMPLATES AND DATA ###################### // get special phrase groups $phrasegroups = array(); // get special data templates from the datastore $specialtemplates = array(); // pre-cache templates used by all actions $globaltemplates = array('GOOGLE', ); // pre-cache templates used by specific actions $actiontemplates = array(); // ######################### REQUIRE BACK-END ############################ // if your page is outside of your normal vb forums directory, you should change directories by uncommenting the next line // chdir ('/path/to/your/forums'); require_once('./global.php'); // ####################################################################### // ######################## START MAIN SCRIPT ############################ // ####################################################################### $navbits = construct_navbits(array('' => 'Google Site Search')); $navbar = render_navbar_template($navbits); // ###### YOUR CUSTOM CODE GOES HERE ##### $pagetitle = 'Google Custom Search'; // ###### NOW YOUR TEMPLATE IS BEING RENDERED ###### $templater = vB_Template::create('GOOGLE'); $templater->register_page_templates(); $templater->register('navbar', $navbar); $templater->register('pagetitle', $pagetitle); print_output($templater->render()); ?> Sau đó upload lên host ngang hàng với admincp , index.php , ... Bước 3 : Vào AdminCP >> Styles & Templates >> Style Manager >> Add New Template : – Style : Chọn Skin cần chèn – Chủ đề : viết tên Google – Template : Chèn đoạn code sau : {vb:stylevar htmldoctype} <html xmlns="" dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html"> {vb:raw vboptions.bbtitle} {vb:raw headinclude} {vb:raw header} {vb:raw navbar} {vb:raw pagetitle} Google Custom Search var googleSearchIframeName = "cse-search-results"; var googleSearchFormName = "cse-search-box"; var googleSearchFrameWidth = 800; var googleSearchDomain = "www.google.com"; var googleSearchPath = "/cse"; {vb:raw footer} Nhấn Save and Reload . Vào AdminCP >> Styles & Templates >> Style Manager >> Chọn skin cần chỉnh , Edit templates >> Navigation / Breadcrumb Templates » Navbar , tìm code sau : <input type="text" value="" name="query" class="textbox" tabindex="99"/> <input type="image" class="searchbutton" src="{vb:stylevar imgdir_button}/search.png" name="submit" onclick="document.getElementById('navbar_search').submit;" tabindex="100"/> Thay thế bằng code sau : <input type="hidden" name="cx" value="Id của bạn đã đăng kí ở bước 1, dạng : Chữ số : Chữ cái " /> <input type="text" value="" name="q" class="textbox" /> <input type="image" class="searchbutton" src="{vb:stylevar imgdir_button}/search.png" name="sa" onclick="document.getElementById('navbar_search').submit;" /> <script type="text/javascript" src=" box&lang=en"> Nhấn Save and Reload . Chú ý : Nếu bạn lỗi phông chữ , bạn có thể thay UTF-8 thành ISO-8859-1 23. Who has read MOD ( Thành viên đã xem bài viết ) Bạn tải về tại đây . Vào AdminCP >> Plugins & Products >> Manager Products >> nhấp vào [Add/Import Product] >> Nhấp vào Chọn tệp tin , tìm file Who-has-read-thread.xml >> Tích chọn Yes ở mục Allow Overwrite >> Nhấn Import . 24. Postbit last online date and time MOD ( Thời gian thành viên truy cập cuối cùng ) Tải file về tại đây . Vào AdminCP >> Plugins & Products >> Manager Products >> nhấp vào [Add/Import Product] >> Nhấp vào Chọn tệp tin , tìm file Postbit last online date and time.xml >> Tích chọn Yes ở mục Allow Overwrite >> Nhấn Import . 25. Quick Reg MOD ( Đăng kí nhanh ) Tải file về tại đây . Vào AdminCP >> Plugins & Products >> Manager Products >> nhấp vào [Add/Import Product] >> Nhấp vào Chọn tệp tin , tìm file quick_reg.xml >> Tích chọn Yes ở mục Allow Overwrite >> Nhấn Import . 26. Other MOD ( Các MOD khác ) Các mod dưới đây tương tự , các bạn chỉ tải về và import . – Hide SuperAdmin Ip : Ẩn IP của admin – View more threads samecategory: Hiển thị bài viết liên quan – Server Overload Permissions : Thông báo Sever quá tải – Music advanced : Tạo album nhạc Đến đây chúng ta đã hack MOD cần thiết cho một Forum , bây giờ chúng ta sang phần VI : Quản lí AdminCP . CHÚC CÁC BẠN THÀNH CÔNG ! Ebook by HTT.itvn Email : zz.mr.nguyen.zz@gmail.com