[Video] Hướng dẫn từ A->W làm forum VBB 4.X (Giống taichinh2a.com)

VBB được dùng khá phổ phiến để làm forum , tuy nhiên việc thiết kế một forum VBB phải trải qua nhiều bước vì vậy đối với người lần đầu tiên làm quen với lập trình web sẽ gặp nhiều khó khăn

Theo kinh nghiệm của tôi cách đơn giản nhất để bạn lập một forum VBB là xem Video rồi làm theo hướng dẫn

Để hỗ trợ anh chị em nào có ý tưởng làm một forum VBB cho riêng mình tôi đã design 3 video theo chuẩn HD độ nét cao, hướng dẫn chi tiết từng bước làm forum VBB

1>Video hướng dẫn đăng kí và upload VBB 4.X
(Nếu quá trình upload bị lỗi bạn có thể xem thêm cách upload khác bổ sung bên dưới)

2>Video hướng dẫn Install VBB 4.X

3>Video hướng dẫn Việt hóa + Thay Skin VBB 4.X

Do khả năng có hạn nên quá trình hướng dẫn có thể chỉ thực hiện đc từ A->Z, Phần còn lại anh chị em tự ngâm cứu tài liệu

TÀI LIỆU THAM KHẢO (Dùng sau khi hoàn thành việc thiết kế Forum)
+/ Ebook toàn tập về VBB (Tài liệu này hướng dẫn cơ bản rất hay)
Link: http://www.mediafire.com/?ydowckxizknwmzo
+/ Làm chủ StyleVar ( Cái này ko thể thiếu cho NewBie )
Link: http://www.mediafire.com/file/4oowzqactm3mxg4/Lam Chu VBB4.zip
+/ Hướng Dẫn Sử Dụng AdminCP (Tải về máy xem với độ phóng đại 150% )
Link: http://www.mediafire.com/?39sc6boa4bbsgw9

Mọi thông tin chi tiết để liên hệ với tác giả bài viết bạn có thể xem tại #4

Trước khi bắt đầu công việc bạn cần tải về

1> Cute FTP (Công cụ hỗ trợ upload file lên host)
bạn tải về rồi cài đặt bình thường: http://www.mediafire.com/?wumdnnzefby

2> VBB 4.0.4 Nulled
Tải về rùi copy ra màn hình deskop: http://www.mediafire.com/?nynjjttmmm4

Video hướng dẫn đăng kí và upload VBB 4.0.4
Đầu tiên bạn vào trang web http://www.oni.cc/ rồi xem Video và làm theo hướng dẫn



Link Downoad Video: http://www.mediafire.com/?3ynmvtdmjtm

Chú ý: Nếu quá trình upload bị lỗi bạn có thể tham khảo thêm hướng dẫn sau
Đã có vbb 4.0.5 Nullel: http://www.mediafire.com/?gh8u1m6j4joluc5

Video hướng dẫn Upload VBB 4.0.5
Sau khi thực hiện đăng kí tài khoản trên host ở bước 1 bạn cũng có thể thực hiện theo cách sau để upload VBB lên host
Xem Video

Video hướng dẫn Install VBB 4.0.5
Chú ý: Sau khi đổi tên file config.php.new --> config.php rồi vào Gmail chạy Link http://________.oni.cc/nếu bị lỗi Database Error bạn có thể thay bằng link
http://________.oni.cc/install/install.php ( Gõ trực tiếp trên Address của trang web)



Video hướng dẫn Việt hóa + Thay Skin cho VBB 4.0.5
Trước khi thực hiện bạn cần downoad

+/ Bản Việt hóa (Chuẩn): http://www.mediafire.com/?idowarr7ttnabui
+/Skin HiO_Freeminium:
http://www.mediafire.com/?uk1q7nxpk5qlckw

(Các Skin Cool dành cho VBB 4.X liên tục cập nhật tại đây)
.....
.....
.....

Xem video hướng dẫn



Tổng hợp mod VBB 4.X

Downoad 188 mod vbb 4.x (có hướng dẫn bằng hình ảnh): http://www.mediafire.com/?srfj4yekkmdj82d

Hướng dẫn chi tiết hack mod VBB 4.X

Hack mod loại I:
Chỉ cần import product
Hướng dẫn chung
+/Vào admincp--->Product and plugin-->product manager-->import product(file XML)-> ok !


1> Mod Chat Box
http://www.mediafire.com/?q8b01p9x4j3cssy

2>Mod ẩn link với khách
http://www.mediafire.com/?8l9d6ii9p4qhb8l

3> Mod những ai đăng ký hôm nay
http://www.mediafire.com/?km2excniyx41rbb

4> Mod hiện các bài viết liên quan
http://www.mediafire.com/?55o0xpafi1fglrx

5> Mod thông báo
http://www.mediafire.com/?ul44zq8n6s9j434
Sau khi import bạn vào acp để chèn code HTML vào phần nội dung thông báo

6> Mod chia cột forum
Bạn có thể chia cột trong các chuyên mục và diễn đãn con thành một cột.hai cột và 3 cột
(Tùy chỉnh Admincp)
http://www.mediafire.com/?i5fd21hdgzr595y

5>Bài viết đầu tiên hiển thị các trang
Một số forum chưa dùng mod này nên mình nói qua
Khi dùng mod này tất cả các bài viết sẽ hiện ra ở đầu mỗi trang ,rất tiện lợi cho người xem đặc biệt là Newbie
http://www.mediafire.com/?1dg744kyvjvwdv4

6>Mod tạo album nhạc nền cho forum
Mod này sẽ tạo cho forum bạn 1 album nhạc có admincp quản lý riêng
http://www.mediafire.com/?g76jyypdzauiq43

7>Mod ngưng truy cập khi server quá tải
Mod có công dụng không cho thành viên truy cập diễn đàn khi đã quá tải
http://www.mediafire.com/?dqammynrfgq
Sau khi Import bạn vào Admincp chỉnh lại thông số cho phù hợp

8>Mod thêm lượng truy cập ảo cho forum
Mod này sẽ giúp bạn tùy chỉnh số lượng khách truy cập ảo trong forum của bạn tăng lên tùy ý
http://www.mediafire.com/?puh2r157n4w4y8j

9>Mod Thống kê thành viên đã download file đính kèm
http://www.mediafire.com/?atl5xwyk42m

10>Mod Nhắc nhở thành viên post bài
Mod này có công dụng khi 1 thành viên vào đăng ký diễn đàn nhưng qua bao nhiêu ngày không tham gia viết bài thì sẽ bị nhắc nhở tự động
http://www.mediafire.com/?dhnn0moentd

11>Mod Avatar mặc định cho thành viên
Mặc định avatar cho thành viên nào chưa chọn avatar
http://www.mediafire.com/?nyz4njnzmyj

12>Mod quản lý thành viên xem, trả lời bài viết
Mod này có công dụng là bạn có thể đặt giới hạng cho 1 bài viết đó, thành viên muốn xem hay trả lời thì phải đủ bao nhiêu bài viết mới có thể xem hoặc trả lời.
Và còn nhiều chức năng như tạo chủ đề mới, trả lời, sử dụng chức năng Pm ...
http://www.mediafire.com/?ib9919lqbymb1j3

13>Mod Ẩn Ip của Admin
Mod này dùng để dấu Ip của admin để tránh kẻ xấu lợi dụng
http://www.mediafire.com/?uakm1hwm52m

14>Mod thống kê thành viên tham gia viết bài trong ngày
Mod này sẽ thống kê số thành viên tham gia viết bài trong ngày là bao nhiêu và liệt kê ra là ai
http://www.mediafire.com/?exzejx3j2id

15>Mod thống kê thành viên đăng ký trong ngày
http://www.mediafire.com/?mdwm5mztmnm

16>Mod hiển thị thành viên truy cập vào diễn đàn trong ngày
http://www.mediafire.com/?c828zb4vj62z4z6

17>Mod hiển thị màu các nhóm thành viên
http://www.mediafire.com/?6x3c0a6hgzm9tuc

18>Mod hiển thị thành viên xem chủ đề
http://www.mediafire.com/?uhjbzv4ciebv9a4

19>Mod thêm thẻ tag cho forum
Khi dùng mod này bạn có thể thêm 2, 3, 4 ,5 thẻ tag trên thanh Navbar_Tag
Trong file tải về đã có sẵn hình ảnh minh họa
http://www.mediafire.com/?xyz2ycezjzm

20>Mod tự động điều chỉnh kích thước ảnh khi post bài
http://www.mediafire.com/?5d5iiu518tlm8h5

21>Mod làm ẩn hiện What's New (Có gì mới)
http://www.mediafire.com/?zls49qha2syxm1q

22> Mod thêm chức năng cho khung trả lời nhanh
http://www.mediafire.com/?gdd7ct7k5d2daqr
Đang cập nhật
......
......
.....
Hack mod loại II:
Upload thư mục lên Host & Import product
Hướng dẫn chung:
+/Upload hết các thư mục lên Host trừ file Xml
(Tùy từng mod sẽ có hướng dẫn cụ thể)

+/Vào admincp--->Product and plugin-->product manager-->import product(file XML)


1> Mod thông điệp yêu thương(Có hướng dẫn chi tiết tại #47 Page 4)
Download về,upload hết các thư mục lên Host ,ngang hàng với modcp, index.php trừ file Xml
Vào admincp--->Product and plugin-->product manager-->import product(file XML)
http://www.mediafire.com/?d14gglup77b993v


2> Mod thống kê Top X (Nếu gặp lỗi sau khi hack mod này. xem tại #290 Page 20)
- Upload tất thư mục vietvbb vào bên trong thư mục htdocs
-Import Product
- Vào Setting ->option ->[AJAX]VietVBB - Advanced Forum Statistics ->Sửa lại các option
http://www.mediafire.com/?ip1md0meapw71td

3> Mod post_thanks
Cách cài đặt download về,up tất tật lên host ngang hàng với index.php(thư mục root)
trừ file Xml,
sau đó vào admincp-->import product-->ok!! (file XML dungf cho bước này)

http://www.mediafire.com/?1z16128xu8757dl

4>Mod thay đổi kích thước ảnh (Rất tiện lợi)
Đã giới thiệu ở Mod loại I, tuy nhiên mod này bạn phải upload thư mục lên host rồi inport product
http://www.mediafire.com/?he7t4dvo8kmdx5d

5> Mod Tìm Kiếm
Đây là mod làm cho mục tìm kiếm trong diễn đàn bạn thêm phong phú và nó có dạng Ajax
Đã có hướng dẫn trong file tải về
http://www.mediafire.com/?yhzzxarecmt

6>Bộ gõ AVIM ( Gõ trực tiếp Tiếng Việt trong diễn đàn ko cần sử dụng Vietkey, Unikey )
http://www.mediafire.com/?05cx4af8yeuan29
Hướng dẫn:
+/Upload foder vietvbb vào bên trong Htdocs, ngang hàng với admincp
+/import 2 file xml , nhớ chọn Igon khi import

7> Mod tạo liên kết logo phía dưới
http://www.mediafire.com/?6d4i3lq9blccdjt
+/ Upload 2 thư mục admincp và includes lên host ngang hàng với admincp và includes có sẵn trên host
+/Import file XML
+/ Vào Admincp chỉnh các opptions



Đang cập nhật
.......
......
......

Hack mod loại III (3 in 1)<---Chuối
+/ Upload thư mục lên host
+/Import Product (Nếu có)
+/Chỉnh sửa Template

1>Mod quà tặng âm nhạc
+/Downoad về rồi giải nén upload các thư mục bên trong file Upload.zip vào các thư mục tương ứng trên Host

http://www.mediafire.com/?qn24u7thb8eb4f4

+/Import Product
+/ Vào forumhome chèn dưới Navbar
VBB4x:

HTML Code:

{vb:raw $template_hook.hqth_music}

VBB 3x:

HTML Code:

$template_hook[hqth_music]

2> Mod đóng khung bài viết
+/ Downoad thư mục quote rồi upload vào bên trong thư mục images của host
http://www.mediafire.com/?7bpdq60eeclwvfm
+/[/HTML]Vào templates(skin) đang dùng --> Postbit templates ---> postbit_legacy tìm :

<div id="post_message_{vb:raw post.postid}">
<blockquote class="postcontent restore ">
{vb:raw post.message} </blockquote>
</div>

Thay bằng

<!-- Đóng khung bài viết -->

<div>
<table cellSpacing="0" cellPadding="0" border="0" style="width:auto">
<tr>
<td style="padding: 0px"><img src="images/quote/admin_01.gif"></td>
<td style="padding: 0px" background="images/quote/admin_02.gif"></td>
<td style="padding: 0px"><img src="images/quote/admin_03.gif"></td>
</tr>
<tr>
<td valign="top" style="padding: 0px" background="images/quote/admin_04.gif">
<img src="images/quote/admin_05.gif"></td>
<td style="padding: 0px; background-color: #ffffff" bgColor="#ffffff">
<div id="post_message_{vb:raw post.postid}">
<blockquote class="postcontent restore ">
{vb:raw post.message}
</blockquote>
</div>
</td>
<td style="padding: 0px" background="images/quote/admin_06.gif"></td>
</tr>
<tr>
<td style="padding: 0px"><img src="images/quote/admin_07.gif"></td>
<td style="padding: 0px" background="images/quote/admin_08.gif"></td>
<td style="padding: 0px"><img src="images/quote/admin_09.gif"></td>
</tr>
</table>
<!-- / Kết thúc đóng khung bài viết -->

3> Đóng khung Avatar
+/ Downoad thư mục avatar về rồi upload vào bên trong thư mục images của host
http://www.mediafire.com/?9abn92urev8go9i
+/Vào templates đang dùng --->postbit
templates--->postbit_legacy tìm :

<vb:if condition="$show['avatar']"> <a class="postuseravatar" href="{vb:link member, {vb:raw post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}"> <img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" /> </a> </vb:if>

Thay thế bằng

<!-- Đóng khung avatar -->
<center> <vb:if condition="$show['avatar']"> <table id="Table_01" width="100" height="100" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <img src="images/avatar/ava_01.png" width="34" height="34" alt=""></td> <td background="images/avatar/ava_02.png"> </td> <td> <img src="images/avatar/ava_03.png" width="34" height="34" alt=""></td> </tr> <tr> <td background="images/avatar/ava_04.png"> </td> <td background="images/avatar/ava_05.png"> <a class="postuseravatar" href="{vb:link member, {vb:raw post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}"> <img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" /> </a> </td> <td background="images/avatar/ava_06.png"> </td> </tr> <tr> <td> <img src="images/avatar/ava_07.png" width="34" height="34" alt=""></td> <td background="images/avatar/ava_08.png"> </td> <td> <img src="images/avatar/ava_09.png" width="34" height="34" alt=""></td> </tr> </table> </vb:if> </center>
<!-- / Kết thúc đóng khung avatar -->