Xây dựng 4rum với vBulletin toàn tập từ A-Z (Dành cho n~ người chưa biết gì)

- Tui mở topic "Xây dựng 4rum với vBulletin..." trên
VN-Zoom này với tinh thần muốn chia sẻ cho những ai muốn làm diễn đàn
nhưng hiểu biết về "lập trình Web" còn hạn chế (như tui) hoặc chưa
biết, không biết gì về các ngôn ngữ làm Web, nhằm để cho các bạn có 1
cái nhìn toàn diện và nắm được hầu hết các yếu tố cơ bản để làm và đưa
diễn đàn vào hoạt động.
- Có thể các bạn sẽ thấy đã có những topic hướng dẫn "Cài đặt" vBulletin rồi,
nhưng "cài đặt" chỉ là bước đầu tiên thôi chứ chưa đủ để diễn đàn đj
vào hoạt động. Hơn nữa, việc cài đặt thực ra rất.. "đơn giản", và vì
đơn giản nên những bài hướng dẫn đó rất sơ xài, vì họ biết hết rồi. Còn
với những newbie thì sao ? Đọc những bài đó thì có thể sẽ... không làm
được, hoặc thậm chí không hiểu luôn.
--> Chính vì vậy, tui làm bài hướng dẫn này, ngoài hướng dẫn cài đặt
vBB, tui còn tập hợp hướng dẫn thêm một số yếu tố cơ bản, để giúp các
bạn đj từ A-> Z, xây dựng 1 diễn đàn và đưa vào hoạt động.


---------- Bài viết đã được nhập tự động bởi hệ thống ----------

Chào các bạn!
-
Với tiêu đề: "dành cho người chưa biết gì", mục đích của chủ đề này là
hưỡng dẫn cặn kẽ, chi tiết.. để cho các bạn chưa biết, không biết tý gì
về lập trình, không cần phải có những khái niệm về những ngôn ngữ làm
web... vẫn có thể xây dựng cho mình một 4rum bằng ngôn ngữ php - ngôn
ngữ làm web phổ biến hiện nay (cụ thể là bằng vBulletin - còn được gọi
là vBB).

-
vBulletin là một "gói" cài đặt forum, tôi dùng từ "gói" thay cho từ
"phần mềm" vì thực chất là chúng ta không cài đặt lên máy tính của mình
1 chương trình, mà "gói" này cho phép chúng ta "cài đặt" lên
hosting-server 1 forum. vBB được viết bằng PHP và sử dụng cơ sở dữ liệu
chủ yếu là MySQL.
- vBulletin không phải là một sản phẩm free, được cung cấp bởi Hãng:
Jelsoft Enterprises Limited; để sử dụng người ta phải trả tiền để
download "gói" cài đặt... Tuy nhiên, chũng ta đều đã quen... xài lậu,
gói lậu này được gọi là "bản NULL", về bản chất thì bản NULL là gói cài
đặt lậu chứ không phải phần mềm bị +++++, nó vẫn tạo ra 1 forum làm
việc bình thường. Nếu bạn định phát triển diễn dàn lớn mạnh, lâu dài...
bạn nên MUA.
- Vì tình trạng xài "NULL" khá nhiều, nên nhiều nhà cung cấp dịch vụ
hosting-server (nhà cung cấp máy chủ lưu trang web/diễn đàn) từ chối
không chấp nhận vBulletin. Các bạn nên chú ý điều này, nhất là các dịch
vụ host FREE.
- Việc cài đặt vBulletin khá đơn giản, tuy nhiên với những người chưa
nắm được những khái niệm cơ bản về phương thức hoạt động của
website/forum và hosting/web-server thì sẽ gặp vấn đề rất khó hiểu vì
chạm phải những thuật ngữ. Vì vậy trước khi đj vào cài đặt, chúng ta sẽ
đến với "Bài cơ bản: Làm quen hosting-server và làm việc với database"

- Trước hết, nền tảng đầu tiên cho 1 trang web hay 1 diễn đàn hoạt động là bạn cần phải có 1 tên miền (domain), tên miền bạn phải trả tiền đăng ký.
Tên miền ấy chính là "địa chỉ" cho trang web/forum của bạn, để mọi người biết đến, vào xem... tên miền có dạng: "http://www.tennaodo.com" hoặc "forum.cuaban.net"
- Sau khi đăng ký tên miền, bạn cần có 1 máy chủ chứa các file để trang web/forum hoạt động,
đó chính là hosting-server. Thực chất đây chính là "địa chỉ vật lý" cho
trang web của bạn. Bạn phải trả tiền thuê máy chủ cho các nhà cung cấp
dịch vụ hosting theo năm, hoặc... FREE.
- Diễn đàn dựa trên nền vBulletin hoạt động cần có một cơ sở dữ liệu (database) dạng mySQL. Cơ sở dữ liệu thường được các dịch vụ hosting cung cấp sẵn trên hệ thống máy chủ của họ. Sau khi đăng ký thuê dịch vụ host, bạn sẽ được cấp cho 1 tài khoản để quản lý các database trên máy chủ.
-
Bạn có thể dùng 1 chương trình tạo "máy chủ ảo" cài tại máy tính của
mình để cài đặt và chạy thử forum trước khi cài lên host thật, máy chủ
ảo này được gọi là "localhost", bạn dùng trình duyệt gõ vào: localhost
để truy xuất tới máy chủ ảo.. (chi tiết được đề cập tại đây: ).
- Sau đây là ví dụ minh họa về DATABASE trên locahost và dịch vụ
hosting FREE: Zymic (lưu ý host này từ chối vBB nhé, mình chỉ lấy minh
họa về database thôi nhé...)
-------
+ Bước 1: đăng ký dịch vụ host. Sau khi đăng ký bạn đăng nhập vào trang web của nhà cung cấp dịch vụ hosting

Click this bar to view the full image.

ở hình trên là tôi đăng nhập dịch vụ của Zymic - với tên đăng nhập
D_comp (lưu ý host này từ chối vBB nhé, mình chỉ lấy minh họa về
database thôi nhé...)

+ Bước 2: tạo tài khoản hosting.
Mỗi "tài khoản hosting" tương ứng với một "chỗ" lưu các file cũng như
database để cho 1 trang web/forum hoạt động. Nghĩa là một tài khoản đó
tương ứng với 1 tên miền

Click this bar to view the full image.

ở hình trên, ví dụ tôi có 1 tài khoản hosting cho tên miền free-lib.uuuq.com

+ Bước 3: tạo database và database_user
- Với những người mới tập làm quen, đoạn này rất dễ nhầm lẫn giữa các loại account, các loại user đăng nhập...
nên thường gây lỗi trong quá trình cài đặt forum. Đó chính là lý do tôi
lập "Bài cơ bản" này để cho các bạn đj sau hiểu tường tận hơn.
- Ở trên chúng ta đã thấy có user dùng đăng nhập dịch vụ, lại có tài khoản hosting-account
rồi... nhưng chúng ta không dùng đến những cái đó để cài đặt vBB. Mà
với mỗi 1 tài khoản hosting (vd với cái free-lib.uuuq.com) chúng ta sẽ
phải tạo cho nó ít nhất 1 cái DATABASE để cho trang web hoặc forum hoạt động, và với cái database đó, chúng ta phải tạo một DATABASE_user để truy nhập. (hình dưới là tạo data và data_User)

Click this bar to view the full image.

- Nói 1 cách nôm cho dễ hiểu, cái DATABASE là cái hòm, Cái
DATABASE_user chính là cái chìa khóa, để diễn đàn có thể truy nhập, lưu
và thay đổi thông tin lên database. Chúng ta sẽ quản lý những database
và DATABASE_user này thông qua 1 trình gọi là phpMyadmin (hoặc Cpanel) được cung cấp sẵn trên hosting-Account.

Click this bar to view the full image.

Click this bar to view the full image.

- Một số host cho bạn tạo database và DATABASE_user mà không cần vào
phpMyadmin (vì để đăng nhập phpMyadmin, cần có DATABASE_user, lạ thế
chứ...) như Zymic (hình trên).
Một số host sẽ tự động cấp cho bạn DATABASE_user ngay khi bạn đăng ký
dịch vụ, để bạn đăng nhập vào phpMyadmin và tạo database... như vài
host miễn phí của VN
>> Túm lại, với 1 hosting-Acc, bạn tạo bao nhiêu database và
DATABASE_user cũng được, nhưng vBB cần dùng 1 database và 1
DATABASE_user, và nhớ là DATABASE_user này phải được "set" toàn quyền (full permission) đối với cái database sẽ dùng để cài vBB

--> sau đây là hình minh họa về phpMyAdmin:
B3-A: Đăng nhập vào phpMyadmin

Click this bar to view the full image.

hiển nhiên để vào phpMyadmin, ta cần có 1 user, trường hợp này host đã
tạo sẵn user là ROOT (user tạo sẵn tên là ROOT này, mặc định có quyền
cao nhất)

B3-B: tạo database

Click this bar to view the full image.

ở đây ví dụ tôi tạo database tên là: cs_dulieu_4rum
sau khi tạo xong 1 database, bạn có thể xem lại các thông tin về các database, kiểm tra các user... như hình dưới

Click this bar to view the full image.

B3-C: tạo USER, và gán quyền cho user; Ví dụ tạo user tên là: nguoidung_so1 (nhớ đặt password nhé)

Click this bar to view the full image.

ở phần gán quyền (privileges) ta bấm chọn CHECK ALL để set "full quyền" cho user
có thể tạo, bao nhiêu tùy thích, gán cho 1 USER với nhiều database hoặc
ngược lại, có thể cho nhiều USER xài chung 1 database... cái đó không
quan trọng
-------
như vậy là đến đây, tôi đã có thông tin về cơ sở dữ liệu để chuẩn bị cho việc cài đặt vBulletin, thông tin bao gồm:
+ database: cs_dulieu_4rum
+ user: nguoidung_so1 (hoặc ta dùng cái thằng ROOT kia cũng được)
+ pass: password của "nguoidung_so1" (pass của "ROOT")
ta sẽ dùng nhưng thông tin này để bước sang "Bài 2: Bắt đầu cài đặt vBulletin"
có thể bạn sẽ muốn thử cài trên localhosst trước khi chạy trên HOST thật, xem tại đây:

---------- Bài viết đã được nhập tự động bởi hệ thống ----------

+ Bước 1: chuẩn bị cài đặt
- Trước hết ta cần download "gói" cài đặt vBulletin, bạn có thể down bản 3.8 tại đây: Code:

(Chú ý: đã có kèm theo file LANG tiếng Việt: vbulletin-language_vn_utf-8.xml - sẽ dùng để việt hóa giao diện 4rum; và file bộ gõ Viettyping.js - dùng để cài chế độ gõ cho 4rum)

- Giải nén, rồi mở thư mục 'upload/includes/'; trong thư mục này bạn sẽ tìm thấy file ‘config.php.new’. Bạn phải đổi tên file này thành ‘config.php’ và sửa nó bằng một trình biên soạn PHP (notepad chẳng hạn ^_^ ) để khai báo các thông số cần thiết cho vBB.
Các thông số bạn cần lưu tâm là DATABASE và Database_User, chúng ta sẽ sử dụng thông tin ở bài trước để điền vào ví dụ này:
Tên của database dùng để cài đặt và sử dụng vB:
PHP Code:
$config['Database']['dbname'] = 'cd_dulieu_4rum';



User name, password kết nối vào Dabase:
PHP Code:
$config['MasterServer']['username'] = 'nguoidung_so1';

$config['MasterServer']['password'] = 'pasword';



Ở trước chỗ User name và password có đoạn:
PHP Code:
$config['MasterServer']['servername'] = 'localhost';

$config['MasterServer']['port'] = 3306;




tuy nhiên, 99% trường hợp để nguyên "localhost" không cần đổi, trừ
những trường hợp cụ thể một số host cần phải ghi rõ thì bạn sẽ thấy
được yêu cầu trên site của nhà cung cấp host.

+ Bước 2: upload lên host và cài đặt
- Ở bài trước chúng ta đăng ký dịch vụ host và được cung cấp 1
hosting-account, sau khi đăng nhập vào hosting-acc bạn sẽ thấy được
cung cấp thêm 1 tài khoản FTP-account, gồm địa chỉ ftp và user đăng nhập FTP; Chúng ta sẽ dùng tài khoản FTP này để upload các file cần thiết lên host.
- Bạn có thể dùng 1 chương trình ftp-client như fileZilla (free) hoặc SmartFTP để upload. Chúng ta sẽ upload toàn bộ nội dung thư mục "upload" lên thư mục ‘public_html’ hoặc ‘www’
của webserver nếu bạn muốn chính tên miền là diễn đàn; Còn nếu bạn muốn
truy cập vào forum thông qua địa chỉ dạng
"http://www.domain.com/forums/", hãy tạo một thư mục con tên là
"forums" rồi cho up vào đó, ví dụ minh hoạ: trên localhost tôi tạo thư
mục "up4rum"
-------
- Bật trình duyệt và chạy trình cài đặt bằng cách gõ URL trỏ tới file "install.php"
vào thanh địa chỉ của trình duyệt. Vd:
"http://www.domain.com/forums/install/install.php", thay ‘domain.com’
bằng địa chỉa website của bạn; hoặc ví dụ minh họa:
"http://localhost/up4rum/install/install.php"

Click this bar to view the full image.

Bấm "next" sang bước tiếp theo...

- Nếu thông tin trong file "config.php" chưa đúng, bạn sẽ nhận được báo lỗi sau bước 2, nếu không, bấm "next" cho tới bước 9
Ở bước 9, bạn điền tiêu đề cho 4rum, tên trang chủ.. v.v.. như hình dưới

Click this bar to view the full image.

Bấm "next" sang bước tiếp theo...

- Ở màn hình thứ 11, trình cài đặt yêu cầu bạn nhập vào tài khoản của ADMIN, hãy nghĩ ra một cái tên hay và một mật khẩu thật dài dòng khó hack, vì đây là tài khỏan có tòan quyền trên forum của bạn

Click this bar to view the full image.

Tiếp đó, thêm 2 màn hình nữa là bạn hòan tất công việc cài đặt... tới bước 13 như hình dưới:

Click this bar to view the full image.

trước khi bấm vào nút "Here" ở màn hình thứ 13, hãy trở lại với trình ftp-Client và xóa toàn bộ thư mục "install" để không ai có thể cài lại forum của bạn được nữa.
-------
Đến đây, cơ bản việc cài đặt 4rum đã xong, phù...hù.. xả hơi tý đã
Tuy nhiên, bạn sẽ thấy 4rum mới xong của mình trông thật... sơ sài,
tiêu điều... ở bài sau, chúng ta sẽ cài chế độ hiển thị tiếng Việt, cài
bộ gõ, thay áo mới cho 4rum và một vài tùy chỉnh (MOD) đơn giản...

---------- Bài viết đã được nhập tự động bởi hệ thống ----------


- Sau khi hoàn tất tiến trình cài đặt ở bài trước, khi bấm vào nút
"here" ở bước 13, ta sẽ vào bảng điều khiển chính của Admin: Admin
ControlPanel (viết tắt là Admincp) như hình dưới

Click this bar to view the full image.

chú ý dòng địa chỉ bên trên, các lần sau ta sẽ truy nhập vào Admincp theo địa chỉ này.

- Để cài tiếng Việt, trong AdminCP ta vào "Admincp ->Languages & Phrases ->Download/Upload Languages" như hình

Click this bar to view the full image.

trong cửa sổ "Import Language XML File"
+ EITHER upload the XML file from your computer: bạn Browse chọn file vbulletin-language_vn_utf-8.xml mà ta đã down về trong gói cài đặt ở bài trước.
+ Title for Uploaded Language: đặt tên cho ngôn ngữ
+ Ignore Language Version: chọn Yes để bỏ qua tính tương thích Version
...Nhấn Import để cài đặt. Đợi 30 giây cho hệ thống tự cập nhập. Nhấn Done rồi chọn Set Default (chọn mặc định) cho ngôn ngữ mới vừa cài đặt.
Bây giờ ra trang index để xem kểt qủa:

Click this bar to view the full image.

-
Ở đây chúng ta sẽ sử dụng bộ gõ Viettyping (có file viettyping.js chúng
ta đã download ở bài trước), tuy nhên còn có một số bộ gõ khác nữa,
cách làm tương tự
+ Bước 1: Các bạn dùng trình FTP-client để up file viettyping.js lên thư mục chứa 4rum trên host (ngang hàng với thu mục admincp, includes, index.php..)

Sau đó vào Admincp ->Styles & Templates ->Style Manager chọn một Skin cần cài bộ gõ để sửa template (như hình dưới)

Click this bar to view the full image.

tiếp theo

Click this bar to view the full image.

chúng ta sửa template như hình trên, gồm 2 temp chính:
- Template Header:
Chèn lên trên cùng (hoặc dưới cùng):
Code:
<SCRIPT language=Javascript src="viettyping.js"></SCRIPT>

- Template headinclude:
Tìm đoạn:
Code:
<meta http-equiv="Content-Type" content="text/html; charset=$stylevar[charset]" />

Thay bằng:
Code:
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
<script type=\"text/javascript\" src=\"viettyping.js\"></script>

Chọn Lưu lại (bước cài bộ gõ này có thể tiến hành
trước cài giao diện tiếng Việt, tức là làm cái nào trước cũng được,
không ảnh hưởng nhau - tuy nhiên nếu chưa có lang tiếng Việt thì nút sẽ
là "Save")

----------------------------------
Cái đoạn thay code này, Bạn có bao nhiều SKIN cần cài bộ gõ thì làm bấy
nhiêu lần (tức là chúng ta sửa temp của skin nào thì bộ gõ có hiệu lực
ở skin đó)

+ Bước 2: Tiếp tục vào Admincp -> vBulletin Options (panel trên cùng)
Trong mục vBulletin Options bạn chọn phần Censorship Options -> nhấn Edit Setting.

Click this bar to view the full image.

Click this bar to view the full image.

Trong mục Blank Character Stripper bạn xóa 160 173 u8205 u8204 u8237 u8238 và Save lại như hình trên.

Tiếp tục vào Admincp -> vBulletin Options (panel trên cùng)
Chọn Message Posting Interface Options

Click this bar to view the full image.

trong mục: "Enable Clickable Message Formatting Controls"
Full Editor : chọn Enable Standard Controls (cái giữa )
Quick Reply : Chọn Enable Standard Controls (cái giữa )
Quick Edit : Chọn Enable Standard Controls (cái giữa )

Save lại

Click this bar to view the full image.

Ok đã xong cài đặt bộ gõ

--------------------------------------
+ Bước 3: Để gõ tiếng Việt trong ACP, rất đơn giản

Mở file: includes/adminfunctions.php cũng chỉ việc tìm và thay đoạn code như trên là được

Tìm đoạn :
Code:
<meta http-equiv="Content-Type" content="text/html; charset=$stylevar[charset]" />

Thay bằng :
Code:
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
<script type=\"text/javascript\" src=\"viettyping.js\"></script>


---------- Bài viết đã được nhập tự động bởi hệ thống ----------


- Do vBB được viết = ngôn ngữ php, nó quản lý toàn bộ giao diện thông qua các "phrase"
(các cụm từ), từ các menu, nút bấm, các tiêu đề diễn đàn... v.v; ở phần
trước chúng ta đã cài giao diện tiếng Việt, thông qua 1 file LANG đuôi
XML, trong đó các cụm từ (phrase) tiếng Anh được dịch giả chyển sang
tiếng Việt.
- Nảy sinh vấn đề là có một số "phrase" được dịch giả dịch không theo
đúng ý chúng ta, và bây giờ ta muôn chỉnh sửa lại những "phrase" đó.
Nhưng để chỉnh sửa từ file XML gốc, cần phải hiểu biết ngôn ngữ php...
Vậy đối với những người không biết php thì làm sao ?, Chúng ta có thể sửa thông qua các temp, thông qua "Phrase Manager" trong AdminCP.

- Trong trường hợp cụ thể này, sau khi ta cài bản LANG tiếng Việt, bạn
chú ý sẽ thấy phần nội dung Copyright của vBB (hiện thị dưới cùng của
trang 4rum) đã bị dịch giả sửa đổi (như hình dưới)

Click this bar to view the full image.

dòng (C)Copy... bị thay đổi sau khi cài bộ Lang Tiếng Việt, kekek...
bi giờ thay đổi nó thì vào chỗ nào nhể ?

- Tôi loanh quanh cái vụ này hơi bị lâu... nhưng mà đã làm, đã mò
mẫm... và biết thêm được nhiều cái, hí hí... thì thôi cũng tiện thể
thêm tý công sức trình bày về cái vụ chỉnh sửa (C)Copy..right này, để
cho những anh em khác cũng mới bắt đầu tập làm 4rum như mình có thể
bước qua dễ dàng hơn
+ Bước 1: login admincp, ở panel bên trái chọn phần Languge Manager; phần ngôn ngữ tiếng Việt (cửa sổ bên phải) chọn Edit/Translate phrase

Click this bar to view the full image.

+ Bước 2:
cửa sổ liệt kê toàn bộ phrase hiện ra, mặc định là nhóm GLOBAL, ta để
nguyên, bấm tiếp tục để sang trang... những phrase có nội dung màu đỏ
là đã bị sửa, còn chữ màu đen là chưa bị sửa
(cái phần (C)Copy.. nằm ở trang 33, có thể kéo con trượt dọc xuống cuối màn hình bấm vào ô số 33 được luôn, hehe...)

Click this bar to view the full image.

+ Bước 3: đến trang 33, ta thấy phrase "Powered by vBulletin" đã bị sửa
nếu để trở về lại dòng (C)Copyright ban đầu, thì cop đoạn chữ màu đen ở
trên xuống, nếu thích thì có thể gõ vào nội dung tùy ý) (khuyến cáo là
nên giữ cái dòng nguyên bản)

Click this bar to view the full image.

+ Bước 4: kéo con trượt xuống cuối màn hình và nhấn Lưu

Click this bar to view the full image.

--> và kết quả:

Click this bar to view the full image.

- Vậy là đã sửa xong cụm Copyright... như trên, chúng ta thấy đó là tính trực quan rất cao của chức năng "Language Manager", cho phép chúng ta nhìn thấy cả nội dung gốc và phần đã chỉnh sửa.
- Nhưng khi chúng ta cần sửa 1 "phrase" mà ta lại không biết chính xác
nó nằm ở đâu, thì không thể mò với cái "Language Manager" vì như thế
liệu bao giờ mới thấy (họa chăng tôi may mắn lắm, mò mất... 2 ngày mới thấy cái cụm "Powered_by_vBulletin" mà chúng ta vừa sửa, hù hù... ).

Vậy công cụ "search in phrase" sẽ giúp chúng ta việc này (như hình dưới)

Click this bar to view the full image.

tuy nhên, cần phải nói tại sao lúc trước tôi không "sớt" mà lại phải
mất thời gian mò mẫm đến vậy, dù cho tôi cũng đã phải hỏi những người
đj trước, những người đã thành thạo vBB rồi... Họ cũng đã bảo tôi: "hãy
sớt in phrase"

Nguyên do là họ hướng dẫn không tường tận tỷ mỷ (như bài hướng dẫn này)
vì chỉ dựa trên "góc nhìn" của người biết rồi, và cốt lõi vấn đề là:
+ Chức năng "sớt" chỉ hiệu lực với English, bạn đừng gõ cụm từ TV có dấu vào
+ Có thể cụm từ (hoặc câu) cần tìm khá dài, ta chỉ nên gõ vào 1 hoặc 2
từ thôi, chứ nếu copy nguyên cả cụm thì... có khi lại không tìm được gì
cả, vì thực tế trong "phrase" nó không hẳn giống với lúc hiển thị bên
ngoài
ví dụ với câu: Copyright (C)2000 - 2009
thì trong phrase nó lại là: Copyright &copy;2000 - {2}

---------------
Cuối cùng, ngoài "Language Manager" và "search in phrase", chúng ta cùng đến với "Phrase Manager" trong panel quản lý ngôn ngữ.
+ "Phrase Manager" tương tự như "language manager" nhưng không hiển thị
nội dung của các "phrase" mà chỉ hiển thị tên của chúng, do đó hiển thị
được nhiều phrase trên 1 trang hơn, giúp quá trình tìm nhanh hơn...
+ "Phrase Manager" hữu dụng khi ta biết chính xác cái "phrase" cần tìm
nó sẽ nằm trong phạm vi nào, tỷ dụ như ta biết chỗ của cụm Copyright...
kia rồi, giờ ta muốn sửa nó, thì với "Phrase Manager" ta chỉ cần trỏ
đến trang 21 thay vì trang 33 như lúc trước

Click this bar to view the full image.

- Với bản lang tiếng Việt chúng ta đã cài ở "Phần A/bài 3", các bạn sẽ
muốn thay đổi lại phần nội dung của "Nội quy Diễn đàn", bạn có muốn
dịch email "Xác nhận kích hoạt" sang tiếng Việt ?
- Dưới đây tôi sẽ chỉ thêm cho các bạn biết chố để sửa "Nội quy" và email "Xác nhận kích hoạt" (hình bên dưới)

Click this bar to view the full image.

cái nội dung của "Nội quy" sẽ nằm trong nhóm REGISTER (vì 4rum hiển thị nội quy cho người bắt đầu Đăng ký)

Click this bar to view the full image.

còn nội dung email "Xác nhận kích hoạt" nằm trong phần "EMAIL BODY TEXT"

Bạn sẽ thấy là "phrase" chưa được dịch, ô kiểm chỗ Tiếng Việt bị mờ,
khác với "phrase" đã dịch thì ô kiểm có dấu "tích", chúng ta bấm vào
nút "Sửa" để dịch...

---------- Bài viết đã được nhập tự động bởi hệ thống ----------

-
Chúng ta thấy rằng mặc định giao diện của 4rum khá đơn giản, ai cũng
muốn thay đổi giao diện cho sinh động hơn, đẹp hơn và.. không giống với
giao diện các diễn đàn khác. Dựa trên nền ngôn ngữ PHP, bạn hoàn toàn
có thể thay đổi bộ cánh cho 4rum của mình tùy ý, như đổi màu sắc, thêm
ảnh nền, đổi kích cỡ, vị trí các menu, tiêu đề... Tuy nhiên đó là công
việc đòi hỏi mức hiểu biết rành rẽ về PHP và mất nhiều thời gian, công
sức.
- May thay, rất nhiều người (tổ chức) chuyên sửa đổi, tạo ra các bộ giao diện (Style hay còn gọi là skin)
dành cho vBB và họ chia sẻ (hoặc bán) cho chúng ta. Có vài style trong
gói cài đặt bạn đã download ở Bài 2. Với các bộ style này, chúng ta sẽ
dùng trình quản lý "Style manager" trong AdminCP để tạo thêm (import) những bộ cánh mới cho 4rum của mình.

Sau đây tôi hướng dẫn qua về cách thức import style: với ví dụ style Blak-Ice 3.8.1

Click this bar to view the full image.

Bạn vào "Admincp ->Styles & Templates ->Download/Upload Styles" (như hình trên)
Trong mục "Import Style XML File":
+ EITHER upload the XML file from your computer: Chọn file XML nằm trong bộ STYLE (file Blak-Ice 3.8.1.xml) trên máy tính.
+ Ignore Style Version: Bõ qua phiên bản. Chọn Yes
+ Title for Uploaded Style: đặt tiêu đề Skin. Có thể viết hoặc để trống nó tự cập nhập theo Skin
+ Display Order: Chọn thứ tự sắp xếp Skin có thể 2, hoặc thứ 3,..)
Các mục còn lại để nguyên.

Nhấn Import để cài đặt. Đợi 30 giây cho quá trình cập nhập hoàn thành & nhấn Done để trở về bảng Skin.
Bây giờ mở trang web chính chọn Skin vừa cài, ..nhưng ô kìa, ta thấy nó bị lỗi hình ảnh, hình không hiện ra mà lại toàn là ô vuông với gạch chéo ??!

Click this bar to view the full image.

Bạn Click chuột phải vào một hình ảnh lỗi bất kỳ chọn Properties xem Address (URL) đường dẫn của hình đấy -> biết được cần upload thư mục Skin lên đúng chỗ trên HOST (Thường
thì các tác giả có hướng dẫn cụ thể kèm theo bộ style, chỉ rõ cho chúng
ta biết cần upload thư mục chứa skin lên chỗ nào trên HOST), có thể là trong thư mục chứa 4rum, có thể là tạo 1 thư mục ngang hàng với thư mục 4rum...

(đương nhiên, khi biết trước vị trí cần upload, chúng ta upload thư mục
style lên trước rồi thực hiện bước IMPORT sau là OK luôn, đâu còn lỗi
chi nữa... Ở đây tui đưa ví dụ về lối thế này để các bạn hiểu cốt lõi
của vấn đề)

và cuối cùng 4rum có giao diện mới như thế này

Click this bar to view the full image.

- Sau khi import thêm 1 skin, quá trình cập nhập hoàn thành & nhấn Done để trở về bảng "Skin Manager" (như hình dưới)

Click this bar to view the full image.

trong bảng này hiển thị những style mà bạn đã cài cho diễn đàn của
mình, với mỗi style đó bạn có thể tùy chỉnh, thiết lập những phần khác
nhau của style, hoặc... XÓA bỏ style mà bạn không thích.

- Với việc có nhiều ngôn ngữ và style, bạn sẽ thiết lập 1 style và 1
ngôn ngữ mặc định cho diễn đàn, thông qua bảng "vBulletin Option" (như
hình)

Click this bar to view the full image.

Click this bar to view the full image.

(trích nguồn: forum.ict-viet.com)

---------- Bài viết đã được nhập tự động bởi hệ thống ----------

- Các bạn thân mến, vậy là chúng ta đã đi qua 4 bài cơ bản, hoàn tất
việc cài đặt, thêm Skin, cài ngôn ngữ & bộ gõ tiếng Việt cho diễn
đàn của mình. Mặc định sau khi cài xong, diễn đàn chỉ có 1 chuyên mục (category) và 1 diễn đàn (forum hay còn gọi là box)
con trong đó. Bài tiếp theo đây, tôi sẽ nói về cách tạo các chuyên mục
và diễn đàn mới, từ đó bạn sẽ xây dựng bộ khung, bố cục nội dung cho
diễn đàn của mình...

Click this bar to view the full image.

- Ở hình trên chúng ta thấy ban đầu diễn đàn chỉ có 1 chuyên mục (category) và 1 diễn đàn (forum hay còn gọi là box) trong đó, tôi sẽ nói rõ hơn một chút về khái niệm CATEGORY và FORUM:
+ Category: là nơi tạo ra để tập hợp những forum
(forum là những khu vực thảo luận) có nội dung gần giống nhau, có nội
dung cùng thể loại, cùng chủ đề với nhau hoặc liên quan tới nhau. Ta không thể tạo chủ đề thảo luận/tạo bài mới trong category mà chỉ tạo chủ đề/tạo bài mới trong các forum con bên trong nó.
+ Forum:
là nơi để mọi người tạo ra các chủ đề/tạo các bài trao đổi thảo luận ở
đó. Như vậy bản thân 1 forum là "con" của 1 category nào đó, tuy nhiên
trong mỗi forum chúng ta lại có thể tạo thêm các "forum con" nhỏ hơn
bên trong nó...
ví dụ: chúng ta tạo một chuyên mục về "GAME", trong đó có các diễn đàn
con là "game online" và "game offline", trong cái "game offline" ta lại
tạo thêm các forum con nữa là "game thể thao" và "game chiến thật"...
v.v.. đại loại thế.

- Đưa ra phần giải thích khái niệm về category và forum ở trên để cho các bạn mới hiểu rõ về bản chất của chúng, vì cách tạo lập category và forum rất giống nhau, chỉ khác chút xíu ở 1 lựa chọn mà thôi. Sau đây là cách tạo lập:
Bạn vào "Admincp ->Forums & Moderators ->Add New Forum" (như hình dưới)

Click this bar to view the full image.

ở hình trên, chúng ta thiết lập category chính với tên "Phòng sảnh"
+ Title: đặt tiêu đề Category (VD: Phòng Sảnh)
+ Description: giới thiệu thêm cho Category, thường cái này không ghi
+ Display Order: Số Thứ tự Categry (Số thự tự sắp xếp ngoài Forum)
+ Parent forum: chọn "No one"
+ Act as Forum: Chọn "No" (như hình dưới)

Click this bar to view the full image.

Nhấn Save để hoàn thành

- Tương tự, để tạo "forum" ta cũng thực hiện như trên, chỉ khác ở chỗ:
+ Title: tiêu đề Forum (VD: Thông báo chung của diễn đàn)
+ Parent forum: chọn "Chuyên mục" mà bạn muốn forum nằm trong đó
+ Act as Forum: Chọn "YES" (có thể được dịch là "Đồng ý" hoặc "Chấp nhận", tùy theo bản LANG tiếng Việt)

- Ngoài ra, chúng ta sử dụng "Forum Manager" để chỉnh sửa lại các category hoặc các forum đã tạo, có thể thay đổi tiêu đề, di chuyển vị trí của forum... (hình dưới đây)
vào "Admincp ->Forums & Moderators -> Forum Manager", chọn forum muốn chỉnh sửa rồi bấm nút "Tiếp tuc"

Click this bar to view the full image.

Click this bar to view the full image.

sau khi sửa xong, Nhấn Save để hoàn thành.

->> và kết quả cuối cùng:

Click this bar to view the full image.

---------------------------
-
Để viết tuần tự các bài hướng dẫn trên, mình mất khá nhiều thời gian,
và nhiều lúc, nhiều nơi.. không phải lúc nào cũng tiện chụp màn hình để
minh họa. Vì vậy mình sử dụng một số hình ảnh trong "Sổ tay vBulletin v3.6",
-> có thể các bạn thấy một số hình ảnh không ăn nhập với nhau, nhưng
nó không quan trọng, cái chính là để minh họa cho các bạn biết "vị trí"
các thiết lập để các bạn làm

-
Kết thúc Bài 5, chúng ta có thể đưa diễn đàn vào hoạt động được rồi,
tuy nhiên còn có một số vấn đề mà những người mới tập làm diễn đàn (như
tôi) thấy bỡ ngỡ, thậm chí bỡ ngỡ đến mức không "gọi tên" được vấn đề của mình -> đó là lý do tại sao bạn thường thấy những câu hỏi đại loại như: "Làm thế nào để... ?", "Làm sao để... ?"
-
Để diễn đàn hoạt động theo như ý mình, ta cần chỉnh lại một số thiết
lập trong AdminCP sau khi cài đặt, hoặc có cái lại cần phải sửa trong
template, thậm chí có cái lại phải mở và "sửa" 1 file PHP nào đó...
v.v..
->> Vấn đề là những người mới
không biết những thiết lập cần "chỉnh" nó nằm ở chỗ nào trong Admincp,
hoặc cái "vấn đề" cần "chỉnh" có thể chỉnh trong Admincp được không hay
cần phải "sửa" (modify) trong template, hay thậm chí họ không biết là
bản thân vBB không có "tính năng" để chỉnh cái vấn đề của họ mà phải
"bổ sung" (modify) thêm tính năng ấy cho nó...

- Vậy ở bài này, mình sẽ hướng dẫn các bạn "fix" một số vấn đề thông
dụng mà những newbie (như mình) hay gặp, hay phải đj hỏi, và hay bị
"mắng" chỉ vì KHÔNG BIẾT chỗ để đặt lại thiết lập, KHÔNG BIẾT là có cái
không có "thiết lập" mà cần phải "chỉnh sửa" (modify) trong template
hay thậm chí phải "modify" trong file PHP...
- Qua giai đoạn cơ bản, đến đây các bạn đã nắm rõ phương thức hoạt
động, cách sử dụng AdminCP rồi, vậy nên các hướng dẫn sau tôi sẽ nói
ngắn gọn hơn và bớt hình đj.

mặc đinh ban đầu ta thấy khung "Trả lời nhanh" không có tác dụng (như hình)

Click this bar to view the full image.

Để bật khung trả lời nhanh, vào "Admincp ->vBulletin Options" và Edit phần "Message Posting and Editing Options" như hình:

Click this bar to view the full image.

Click this bar to view the full image.

Mục "Quick Reply" chọn: "Yes, Click Not Required" và Lưu lại --> kết quả:

Click this bar to view the full image.

nhiều
bạn hỏi vấn đề này, vì mò trong mấy chỗ "Image setting" hay "User
picture" mà không thấy, rõ ràng đây là vấn đề về hình ảnh, nhưng thiết
lập nằm trong chỗ "set permission" (đặt quyền hạn) cho nhóm thành viên
(user group).
- Ta vào "Admincp -> Group (Nhóm) -> Usergroup Manager" (chú ý là "user group" khác với " Social group" nhé)

Click this bar to view the full image.

chọn 1 nhóm user rồi nhấn "Tiếp tục" vào set permission

Click this bar to view the full image.

trong đó bạn cho phép hoặc không cho phép upload hình ảnh, định cỡ và kích thước file...

-
Khi trong bài viết thành viên đưa thêm hình ảnh vào để cho chủ đề thêm
sinh động, nhưng nhiều khi hình ảnh cho vào lại có kích thước quá to
-> làm cho bề rộng 4rum tự dãn ra (như hình kèm dưới này)

Click this bar to view the full image.

làm sao để cho hình ảnh tự động thu nhỏ lại đến 1 mức nào đấy, thu vừa
với bề rộng khung của 4rum hoặc ấn định 1 mức nào đó, như 640x480 hoặc
800x600 chẳng hạn??
mở file class_bbcode.php trong thư mục "forum\includes", bằng notepad (forum = tên thư mục chứa diễn đàn của bạn)
--> Trong file class_bbcode.php, tìm đoạn mã:
PHP Code:
return '<img src="' . $link . '" border="0" alt="" />';



thay bằng đoạn sau:
PHP Code:
$navigator_user_agent = ( isset( $_SERVER['HTTP_USER_AGENT'] ) ) ? strtolower( $_SERVER['HTTP_USER_AGENT'] ) : '';

if (stristr($navigator_user_agent, "msie")) {

return '<a href="' . $link . '" target="_blank"><img src="' . $link . '" border="0" alt="" style="width: expres​sion(this.width > 800 ? 640 : true);" /></a>';

} else {

return '<a href="' . $link . '" target="_blank"><img src="' . $link . '" border="0" alt="" style="max-width: 730px;" /></a>';

}



---------
* Chú thích: cái chỗ thay:

style="width: expres​sion(this.width > 800 ? 640 : true);




có nghĩa là nếu ảnh có bề rộng lớn hơn 800 thì sẽ bị co lại 640, he..he... chứ không phải là định cỡ cho ảnh là 800x640 đâu nha

với
skin mặc địn của vB cũng như một số skin khác, bạn thấy toàn bộ các
tiêu đề, các tên thành viên... hiển thị trên 4rum đều có "gạch chân"
hết cả... nhiều gạch quá thành ra nhìn.. hoa cả mắt
Để bỏ gạch chân, bạn vào "Style & Language manager" để sửa template, chèn vào trên cùng temp "headinclude" đọan code sau:
PHP Code:
<style>

a{text-decoration:none}

</style>




mặc định, phần hiển thị các mặt cười (smilies) nằm bên phải phần editor (phần nhập text) như hình:

Click this bar to view the full image.

để chuyển duống dưới, ta vào "admincp -> style manager",
chọn "Edit templates" trong menu thả xuống của skin cần chỉnh (tức là
chỉnh temp của skin nào thì chỉ có hiệu lực chuyển khung xuống trong
cái skin ấy thui)
- trong bảng edit template, tìm "edit_toolbar_on" template rùi sửa (hình dưới)

Click this bar to view the full image.

Click this bar to view the full image.

- Tìm trong "editor_toolbar_on" template:
PHP Code:
<tr valign="top">

<td class="controlbar" width="100%" style="padding-right:8px"><textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="width:100%; height:{$editor_height}px" tabindex="1" dir="$stylevar[textdirection]">$newpost[message]</textarea></td>

<!--width:$stylevar[messagewidth]-->

<if condition="$smiliebox"><td class="controlbar">$smiliebox</td></if>

</tr>



Thay bằng đoạn:
PHP Code:
<tr valign="top">

<td class="controlbar"><textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="width:$stylevar[messagewidth]; height:{$editor_height}px" tabindex="1" dir="$stylevar[textdirection]">$newpost[message]</textarea></td>

</tr>

<if condition="$smiliebox">

<tr>

<td class="controlbar">$smiliebox</td></td>

</tr>

</if>

->> Diễn đàn của bạn bắt đầu hoạt động, bạn thấy nảy sinh những vấn đề
+ Một số tính năng của 4rum (hoặc chức năng một phần nào đó) hoạt động
chưa đúng ý bạn, hoặc không đúng như bạn đã hình dung ? Bạn cần chỉnh
sửa hoặc thay đổi nó.
+ Bạn cảm thấy muốn có những tính năng mới cho diễn đàn, mà bản thân
vBB không có hoặc tính năng của vBB không hoàn toàn đáp ứng được nhu
cầu của bạn ?

- Vì vậy, tiếp theo đây tôi sẽ trình bày khái niệm về "MOD" trong vBulletin và giới thiệu một vài Mod thiết thực, phổ dụng với mọi 4rum

- MOD -> viết tắt của Modify hoặc Modification: nghĩa là "chỉnh sửa", "chế biến" một cái gì đó, làm cho nó không còn như cũ hoặc có thêm những "tính năng mới".
- Trong vBB, bạn có thể tự chỉnh sửa (nếu giỏi PHP) hoặc bổ sung những tính năng mới, thêm những thành phần mới cho diễn đàn bằng những "product" hoặc "plugin" do bên thứ 3 cung cấp.
- Những PRODUCT hay PLUGIN này có thể là 1 hay nhiều file, thậm chí gồm
vài thư mục... nhưng nhất thiết phải có 1 file chạy có đuôi XML ->
và được gọi là "Bộ cài MOD" hay còn gọi là "Hack MOD"
-->
Như vậy, nói đến "mod" hay "Hack mod" trong vBB, nghĩa là nói đến 1
"product" hoặc 1 "plugin" bổ sung tính năng cho diễn đàn

- Để cài MOD, ta vào Admincp ->Plugins & Products ->Manage Products ->[Add/Import Product] để tải file XML (hình dưới)

Click this bar to view the full image.

nếu còn có những file khác nữa trong bộ cài mod, chúng cần được upload
lên HOST (thường có hướng dẫn trong bộ cài, chỉ cho bạn biết upload
đúng chỗ)

- Nếu mod là một "plugin", tương tự trên, chúng ta vào "Admincp ->Plugins & Products ->Download / Upload Plugins"
- Nếu bạn không biết mod định cài là loại nào, là "product" hay
"plugin" ? Không sao, vBB nó sẽ thông báo cho mình biết không phải loại
này mà là loại kia. Ví dụ tôi vào phần "Upload Plugins" để nhập file
XML của 1 mod thuộc loại "product", sẽ có báo lỗi như sau:
"This file appears to be a Product, not a Plugin. Please use Manage Products to add this file."

>> Đôi điều lưu ý về MOD <<
- Có thể bạn sẽ gặp một số Mod cần phải sửa thêm một chút trong
Templates; bạn vào "Styles & Templates -> Style Manager" chọn
Skin cần sửa rồi làm theo hướng dẫn của họ. Nhưng khuyên bạn không nên
cài những mod kiểu đó, vì theo quan điểm của tôi:
+ Thứ nhất: mod chỉ cần import file XML và upload các file cần thiết
lên HOST là xong -> như vậy mới đáng gọi là 1 "Mod" hoàn chỉnh. -
Còn nếu vẫn phải mất công vào mò mẫm trong temp... để sửa, thì thà mò
luôn cho rồi, khỏi cài mod làm chi
+ Thứ hai: thường thì chúng ta sẽ cần cài nhiều chứ không phải chỉ 1-2
mod, nếu xài những mod kiểu trên nhiều, bạn sẽ bị loạn, "products
manager" của bạn sẽ rối như 1 mớ bòng bong... và rồi đến lúc cần gỡ ra,
liệu bạn còn nhớ được là đã sửa những temp nào hay không ?

-
Bạn có thể cài thêm bao nhiêu MOD thùy thích, tất nhiên là cái gì nhiều
"quá" thì cũng trở thành không tốt. Ở đây, mình giới thiệu qua vài Mod
vừa đủ để thêm vài tính năng & thành phần hữu ích, thiết thực cho
4rum hoạt động.
- Các bạn down tại đây: Code:

trong đó gồm có:
+ Cyb - Advanced Forum Statistics 6.6 (gồm 1 file XML trong thư mục Cyb - Advanced Forum Statistics 6.6)
+ Hide Various BBcode content (hide_bbcodes)
+ [AJAX] Post Thank You Hack 7.7 (post_thanks_7_7)
+ [Ajax] Check for similar thread before posting a new one (similar_thread_chec)
+ phpKingDom - Advanced Quick Reply (phpkd_aqr)
...sau đây ta sẽ đj vào chi tiết từng "Mod"

- Cyb - Advanced Forum Statistics 6.6 là "hack Mod" tạo ra một bảng hiển thị "tình trạng" (statistic) của diễn đàn, gồm: Danh
sách những người post nhiều nhất; Danh sách thành viên mới nhất; Danh
sách những bài mới nhất; Danh sách những bài được xem nhiều nhất... v.v.. Còn có một số mod khác cùng chức năng, chúng được gọi chung là các "mod statistic" hoặc "mod TopTEN"

Click this bar to view the full image.

như hình trên, cái bảng "Top 10 stats" chúng ta nhìn thấy chính là Advanced Forum Statistics 6.6
- Mod này chỉ có 1 file XML duy nhất, các bạn vào Admincp ->Plugins & Products ->Manage Products ->[Add/Import Product] để tải file XML là xong. Tuy nhiên, mặc định thì bảng stats lại nằm bên dưới 4rum, để đưa nó lên trên cùng của 4rum, ta vào "Admincp -> vBulletin Option" rồi chọn [Cyb - Advanced Forum Statistics] để chỉnh lại.

- Hide BBcodes
là hack mod cho phép bạn đặt chế độ giấu/hiện các BBcode đối với những
nhóm user xác định (ví dụ giấu các "link" đối với guest).
Thực ra là với mục đích "ẩn link với khách" thì có mod khác, nhưng tớ
thấy nhiều bạn báo lỗi khi sử dụng nên không chơi, hơn nữa mod Hide
BBcode này cho phép bạn giấu được nhiều thứ hơn, chứ không chỉ là giấu
link.
- Vậy "BBcode" là gì ? đó là những "mã" giúp bạn định dạng (format) nội dung bài viết, ví như muốn chữ đậm thì trong khung soạn thảo bạn viết:
HTML Code:
chữ đậm

hoặc muốn chèn hình ảnh vào trong bài để minh họa, bạn dùng thẻ IMG bao quanh đường dẫn tới file hình ảnh:
HTML Code:


--> vậy thẻ IMG để đưa ảnh vào hoặc thẻ B để làm chữ đậm, đó là những "BBcode"

- Mod này cũng chỉ gồm có 1 file XML thôi, bạn vào Admincp ->Plugins & Products ->Manage Products ->[Add/Import Product]
để tải file XML là xong, sau đó vào "Admincp -> vBulletin Option"
rồi chọn [Hide BB Code Setting] để thiết lập chế độ "giấu'" những code
nào, giấu với những nhóm user nào...

Click this bar to view the full image.

-
Mod này tạo chức năng "Cám ơn" cho diễn đàn, các thành viên có thể "cám
ơn" nhau thông qua chức năng "THANKS" mà khỏi phải post thêm 1 bài trả
lời nói rằng: "Tôi cám ơn bạn".
- Nó đặt thêm 1 nút "Thanks" trong mỗi bài viết, khi member click vào
nút "Thanks" của bài viết nào, nó sẽ hiện ra 1 khung ngay bên dưới bài
viết hiển thị là bạn đã "cám ơn" người viết bài đó rồi, nếu có nhiều
người "thanks", khung này hiển thị nick của tất cả những người đó.
- Đây là bản Post Thank You Hack 7.7, chỉ tương thích với vBulletin 3.7x trở lên, sử dụng công nghệ AJAX nên không cần bấm F5 mỗi khi click "thanks". Ngoài file "product-post_thanks.xml" phải được import thông qua [Add/Import Product], bạn phải upload 7 file khác lên host, hãy xem trong thư mục "upload_via_ftp" để upload lên đúng chỗ.

- Đây là "Mod" rất hay, chức năng tự động tìm các chủ đề (thread) có tiêu đề giống nhau, giúp cho thành viên biết là đã có chủ đề tương tự rồi, tránh post trùng.
- Nó sử dụng jQuery để lấy thông tin trong file ajax.php (thông tin về ).
- Cài đặt như sau:
+ Upload file "jquery-1.3.2.min.js" lên thư mục "clientscript"
+ vào Admincp ->Plugins & Products ->Manage Products ->[Add/Import Product] để tải file "product-mrnasesimilarthreadcheckv2.xml"
+ vào "vboption ->Message Posting and Editing Options" ->[Check for similar threads] chọn "Yes"

- Tuy nhiên, mặc định "mod" này chỉ tìm được với tiếng Anh, để có hiệu lực với tiếng Việt, ta phải sửa chút trong template:
vào temp "mrnasesimilarthreadcheck_header" thay cái script đầu tiên thành
PHP Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js">




- Đây là "Mod" thêm các nút cho khung "Quick reply" của phpKingDom phát hành.

Click this bar to view the full image.

Mặc định ta thấy khung trả lời nhanh rất ít nút, không nhiều như khung
"trả lời đầy đủ", điều này quả là bất tiện - Tuy nhiên, khi cài mod này
xong, khung trả lời nhanh sẽ "đầy đủ"
- Bạn đã download gói "Addon-Mod" ở đầu bài; Trong thư mục "phpkd_aqr\English" có 2 thư mục con là 'import' và 'upload'
+ Upload các file trong thư mục "upload" lên đúng chỗ
+ vào Admincp ->Plugins & Products ->Manage Products ->[Add/Import Product] import file: product-phpkd_aqr.xml trong thư mục "import"
và kết quả như hình dưới

Click this bar to view the full image.

---------- Bài viết đã được nhập tự động bởi hệ thống ----------


- Ở bài trước chúng ta đã nói sơ qua về BBcode rồi, đó là những "MÃ" lệnh giúp bạn định dạng nội dung bài viết,
bao gồm từ việc đặt chữ đậm, chữ nghiêng cho đến cả việc chèn hình ảnh
minh họa vào bài thông qua thẻ IMG, chèn liên kết vào bài thông qua thẻ
URL, trích dẫn lại bài viết của người khác bằng thẻ QUOTE... v.v..
- Vậy để nội dung bài viết có thể sinh động hơn nữa, phong phú hơn nữa, vBB cho
phép chúng ta tạo ra các "MÃ tùy chỉnh" (custom BBcode) với các chức
năng "định dạng" mạnh mẽ, như: chèn âm thanh, chèn video clip... Tất nhiên để làm việc này bạn cần phải thành thạo ngôn ngữ PHP.
- May mắn thay cộng đồng người sử dụng vBB rất nhiều người chia sẻ
những "custom BBcode" của họ cho nhưng ai không biết PHP (như tôi, như
những bạn mà chủ đề này hướng tới), chúng ta chép lại của họ mà dùng
thôi... và thanks họ rất nhiều.

--> Tôi giới thiệu vài BBcode thông dụng để các bạn rõ luôn


Cái này gốc dựa trên bbcode flash. Nói chung đa số các bbcode khác cũng đều lấy gốc từ bbcode flash cả.

- Chủ đề: flash
- BB Code Tag Name: flash
- Replacement
PHP Code:
<table align="center" class="tborder" cellpadding="5" cellspacing="1" border="1" width="466" style="border-collapse: collapse" bordercolor="#CCCCCC">

<tr><td class="alt1" align="center">

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"

WIDTH="638" HEIGHT="375" id="{param}" ALIGN="">

<PARAM NAME=movie VALUE="{param}"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF>
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">EMBED>

OBJECT>

td>tr>table>



- Button Image (Optional):
- Remove Tag If Empty: "yes"
- Disable Smilies Within This BB Code: "yes"
------------------
->> Giải thích:
- BBcode này cho phép bạn "nhúng" vào bài viết một đối tượng "Flashplayer" được chia sẻ từ trang web khác (bao gồm các file video dạng SWF và cả nhạc MP3) - ví dụ video trên trang YouTube
- Để BBcode có hiệu lực, thì video trên trang gốc phải được "share" (cho phép chia sẻ), thể hiện bằng việc nó có 1 đoạn mã nhúng dạng
HTML Code:

- Hướng dẫn sử dụng cụ thể BBcode này, các bạn xem tại

-
Nhiều bạn newbie không biết cách thêm code vào 4rum khi xem các chủ đề
share BBcode, vì người share nghĩ là bạn phải biết cách thêm BBcode rồi
chứ, đúng hông nhỉ ? -> Ở đây, tớ tập hợp tất cả những điều đó thành
1 chủ đề "Hướng dẫn xây dựng 4rum... dành cho n~ người chưa biết gì" là vì vậy, khi bạn qua hết chủ đề này, là bạn nắm rõ những điều cơ bản để cho diễn đàn của mình hoạt động rồi.

--> Thực hiện thêm BBcode như sau:
+ Bạn vào "Admincp -> Custom BBcode" -> chọn "Add new BBcode" (như hình)

Click this bar to view the full image.

+ trong đó bạn sẽ thấy chỗ để điền vào các thông số như được share ở trên

- Trong phần BB Code Tag Name chính là mã thẻ code, đặt là gì tùy bạn, nhưng đừng trùng với các thẻ khác như: IMG để chèn ảnh, B để chữ đậm, I để chữ nghiêng...
- Trong khung Replacement là nơi để bạn cop đoạn PHPcode kia vào
- Các ô còn lại bạn điền gì cũng được, nhưng phải điền chứ không được để trống.

(để thảo luận về BBcode này, bạn vào:
)

B - BBcode play file video dạng FLV
BBcode này được share bởi Huy Hoàng - thành viên HQTH

- Title: FLV
- Tag: FLV
- Replacement:
PHP Code:
<object class="border" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" height="420" width="500">

<param name="movie" value="flvplayer.swf?file={param}&action=stop&color=86ff4 c&buffer=3">

<param name="wmode" value="transparent">

<embed src="flvplayer.swf?file={param}&action=stop&color=86ff4 c&buffer=3" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="sameDomain" flashvars="playerMode=embedded" scale="noScale" salign="TL" height="420" width="500">

object>



- Button Image (Optional):
- Remove Tag If Empty: "yes"
- Disable Smilies Within This BB Code: "yes"
---------------
- Cách thêm BBcode, đã hướng dẫn ở trên
- Code này dùng để chạy file có định dạng FLV, cũng là dạng flashvideo, sử dụng code này với link trỏ tới nơi chứa file FLV (là link kết thúc bằng ***.flv)
- Để BBcode hoạt động, bạn phải upload file "flvplayer.swf" lên thư mục "forumroot" (thư mục gốc của diễn đàn)
(bạn download file file "flvplayer.swf" tại đây:

(để thảo luận về BBcode này, bạn vào:
)

C - BBcode chạy wma, wmv, mp3
BBcode này được share bởi minhthuan - thành viên VietvBB.vn (thành viên đã vị khai trừ)

- Dùng code này có thể post wma, wmv, mp3 ->> tức là chạy tất cả những định dạng Windows_Media chơi được.
- Xét về bản chất, thì chỉ cần 1 BBcode này là chạy được, tuy nhiên khi
"nghe nhạc" thì sẽ không có hình, nên một số người "chỉnh sửa" chút xíu
(để cho cái phần khung hình nhỏ đj, nhỏ đến mức... như là không có) và
đặt thêm thành 1 BBcode nữa, vậy là có 2 BBcode, ví dụ là MUSic để nghe
và MOVIE để xem video...
- Title: Music
- Tag: Music
- Replacement:
PHP Code:
<center>

<div>

<fieldset class="fieldset">

<legend><marquee>Bạn đang nghe nhạc hoặc video tại diễn đàn ..Nếu không nghe được nhạc bạn vui lòng bấm Play nhiều lần hoặc liện hệ với Adminmarquee>legend> <br/><br>

<div align="center">

<div style="width:400px; height:375px">

<object ID='MediaPlayer1' classid='clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6' id='Player' width='350' height='350' codeBase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701' id=MediaPlayer type='application/x-oleobject' standby='Loading Microsoft Windows Media Player components...' >

<param name='URL' VALUE={param}>

<param name='playCount' value='10'>

<param name='autoStart' value='-1'>

<param name='currentMarker' value='0'>

<param name='invokeURLs' value='-1'>

<param name='volume' value='150'>

<param name='mute' value='0'>

<param name='uiMode' value='full'>

<param name='stretchToFit' value='0'>

<param name='windowlessVideo' value='0'>

<param name='enabled' value='-1'>

<param name='fullScreen' value='0'>

<param name='EnableContextMenu' value='0'>

<param name='AllowscriptAccess' value='always'>

<param name='_cx' value='7938'>

<param name='_cy' value='6482'>

<embed src={param}>embed>

object><br>

div>

fieldset>div><br>


- Example:


- Description: Code Nghe nhạc online
- Use {option}: No
- Button Image: images/bbcode/music.gif (đường dẫn upload file hình "music.gif" lên host)


--> Vậy là kết thúc khái niệm tổng quát về BBcode và "Custom
BBcode", như đã nói ở đầu bài, BBcode là những "mã" để định dạng bài
viết, nên còn có rất nhiều loại BBcode khác nữa chứ không phải chỉ là
mấy cái play video thế này, ví dụ như: BBcode tạo chữ uốn lượn; BBcode tạo table; BBcode download...

-
Tới đây thì đối với những người không có chuyên môn về "Lập trình Web"
như tôi (và các bạn) có thể coi như là đã... đj từ A -> Z rồi
Với
bấy nhiêu thứ là đã đủ, gồm cả "Mod" và "BBcode", diễn đàn của bạn hoàn
toàn có thể đáp ứng được mọi hoạt động của thành viên.
-
Để có thể tham gia nghiên cứu sâu hơn nữa về vBB, cũng như tham gia
thảo luận cùng cộng đồng những người dùng vBB, các bạn có thể vào vBulletin.org