HƯỚNG DẪN TỰ THIẾT KẾ FORUM VBB 4.0.X phần 5 pptx

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:if condition="$post['userid']"> <div class="eti_postbit"><font color=red><b><dt>{vb:rawphrase post_thanks_thanks}</dt></b></font> <dd>{vb:raw post.post_thanks_user_amount_formatted}</dd></div> <div class="eti_postbit"><vb:if condition="$post['post_thanks_thanked_times'] == 1"> <dd float: {vb:stylevar left};">{vb:rawphrase post_thanks_time_post}</dd> <vb:elseif condition="$post['post_thanks_thanked_posts'] == 1" /> <dd float: {vb:stylevar left};">{vb:rawphrase post_thanks_times_post, {vb:raw post.post_thanks_thanked_times_formatted}}</dd> <vb:else /> <dd float: {vb:stylevar left};">{vb:rawphrase post_thanks_times_posts, {vb:raw post.post_thanks_thanked_times_formatted}, {vb:raw post.post_thanks_thanked_posts_formatted}}</dd> </vb:if></div> </vb:if> 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ẻ <font color=red><b> </font></b> ở 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 : <div class="eti_postbit"><font color=red><b><dt> Và chèn sau cùng đoạn code : </dt></b></font> 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} <vb:if condition="$post['signature']"> <blockquote class="signature restore"><div class="signatureconta iner">{vb:raw post.signature}</div></blockquote> </vb:if> {vb:raw template_hook.postbit_signature_end} Thay thế bằng đoạn code sau : <vb:if condition="$post['signature']"> <vb:if condition="$post['signature']"> <! htt > <div class="htt_002"><div class="htt_001"><div class="htt_003"> </div></div></div> <div class="htt"><div style="width:100%;"> <div class="signaturecontainer">{vb:raw post.signature}</div> </div> </div> <div class="htt_005"><div class="htt_004"><div class="htt_006"> </div></div></div> <! / htt > </vb:if></vb:ì> 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 : <div class="eti_postbit"><vb:if condition="$show['ucash']"> <font color=red><b><dt>{vb:rawphrase 'ucash_points'}</dt> </b></font> <dd>{vb:raw post.ucashdisplay}</dd> </vb:if></div> 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 : [...]... 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 &... 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... kí tự tối đa trong mỗi lần gửi Message listing area height (ChatBox) 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... : 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 – – – Moderate New LM 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... 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...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... 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 ... 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... 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... 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 . Background:url(images/HTT/HTT.itvn/HTT _00 3.gif) right no-repeat; Height :43 px;} .htt _0 04{ Background:url(images/HTT/HTT.itvn/HTT _0 04. gif) left no-repeat; Height:23px;} .htt _00 5{ Background:url(images/HTT/HTT.itvn/HTT _00 5. gif). Margin :0; } .htt _00 1{ Background:url(images/HTT/HTT.itvn/HTT _00 1.gif) left no-repeat; Height :43 px;} .htt _00 2{ Background:url(images/HTT/HTT.itvn/HTT _00 2.gif) repeat -x; Height :43 px;} .htt _00 3{ Background:url(images/HTT/HTT.itvn/HTT _00 3.gif). [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