foreWord - Đôi điều về vBulletin
trước khi bắt đầu
- vBulletin là một "gói mã nguồn"
(source-code) 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; người
ta phải trả tiền mua bản quyền để download "gói" cài đặt... Tuy nhiên, chũng ta
đều đã quen... xài lậu, gói cài vBulletin lậu này được gọi là "bản NULL", về bản
chất thì bản NULL khác với những phần mềm bị c.r.@.c.k là 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 bản quyền.
- 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"
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.tenmiencuaban.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. Sau
khi thuê host, chúng ta cần trỏ tên miền tới host-server, hành động "gắn" tên
miền với host gọi là DNS. (phần này tạm thời chưa đề cập, vì khi mua host bạn sẽ
có 1 tiền miền phụ để dùng).
- 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ủ.
- Tất nhiên chúng ta cần phải thuê host-server có hỗ trợ PHP
và mySql. Tuy nhiên, nêu không có điều kiện mua host, bạn có thể tìm những dịch
vụ hosting FREE như: Zymic, byethost, freehostingx...
Sau đây là ví
dụ minh họa về DATABASE trên 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
ở 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.
ở hình trên, ví dụ tôi có 4 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 - ở đây, khi tạo tài khoản
host, ta có ngay 1 tiên miền phụ (sub-domain), vd: viet-online.vndv.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.
-
đăng nhập vào hosting-account:
- hình dưới là
tạo data và data_User
Như vậy, ở đây tôi đã tạo ra database tên là viet-online_dat và 1 DATABASE_user
tên là viet-online_adm. Ta sẽ dùng chúng để cài đặt vBB ở bài sau.
>> 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
- 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. Ngoài ra, sau khi tạo DTB
và DTB_user, chúng ta có thể quản lý những database và DATABASE_user này thông
qua 1 trình gọi là phpMyadmin được cung cấp sẵn trên hosting-Account.
- 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". Có rât nhiều chương trình tạo máy chủ ảo miễn phí, ở đây tôi
dùng Vertrigo, để truy xuất tới máy chủ ảo, ta dùng trình duyệt gõ vào:
localhost
Để các bạn hiểu hơn nữa về database, tôi minh họa tiếp về tạo DTB trên
localhost. Tạo DTB trên localhost, ta phải truy nhập vào phpMyAdmin - 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 gán sẵn quyền cao nhất đối với mọi
DTB)
ở đây ví dụ tôi tạo database tên là: CSDL_4rum
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:
viet-online_dat (hoặc
CSDL_4rum, đối với cài trên localhost)
+
user:
viet-online_adm (hoặc ta dùng cái thằng ROOT kia)
+
pass:
password của "
viet-online_adm" (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"
Bài 2: Bắt đầu cài đặt vBulletin
+ Bước 1: chuẩn bị cài đặt
- Trước hết ta cần download "gói mã nguồn" vBulletin, bạn có thể down bản 3.8
tại đây: :
http://www.mediafire.com/?11a9i483v2n3a2p
- 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 vBB:PHP Code:
$config['Database']['dbname'] = 'viet-online_dat';
User name,
password kết nối vào Database:
PHP Code:
$config['MasterServer']['username'] =
'viet-online_adm';$config['MasterServer']['password'] = 'pasword';
Ở trước chỗ User name và password có đoạn:
PHP Code:
$config['MasterServer']['servername'] =
'localhost';$config['MasterServer']['port'] = 3306;
Đa số 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õ tên server thì bạn sẽ thấy được yêu cầu trên site của nhà cung
cấp host. Ví dụ với dịch vụ Byethost ta có thông tin như hình dưới (chỗ khoanh
màu đỏ)
+ Bước 2: upload gói cài đặt vBB lên host
- Ở 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ông tin 1 tài
khoản FTP-account, gồm địa chỉ ftp và user đăng nhập FTP (xem hình bài 1); 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 (miễn phí) hoặc SmartFTP
để upload. Cụ thể cách dùng FTP-client tôi không đề cập ở đây, các bạn nhờ anh
Gú-gồ tìm trên mạng có rất nhiều.
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
"4rum"
+ Bước 3: Bắt đầu cài đặt vBulletin
- 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/4rum/install/install.php"
Bấm "next" sang bước tiếp theo... Ta thấy thông báo: "Đã có file config.php"
next tiếp....
- 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, xuất hiện 1
bảng cho phép bạn điền tiêu đề cho 4rum, tên trang chủ.. v.v.. Tuy nhiên lúc này
có thể bỏ qua, những thông tin đó sửa sau cũng đc.
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
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:
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 hoặc đổi tên 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 3: Cài giao
diện tiếng Việt, cài bộ gõ và xử lý vài vấn đề ngôn 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
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.
Bây giờ ta down 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 tại đây:
Code:
http://www.mediafire.com/?frqik7bykrbtowk
Phần A: Cài ngôn ngữ (hiển thị) tiếng Việt
- Để cài tiếng Việt, trong AdminCP ta vào
"Admincp>Languages &
Phrases>Download/Upload Languages" như hình
trong cửa sổ "
Import Language XML File"
+ EITHER upload the XML file
from your computer: bạn bấm "Browse" chọn file
vbulletin-language_vn_utf-8.xml
mà ta đã down về
+ Title for Uploaded Language: đặt tên cho ngôn ngữ,
bỏ qua cũng đc vì thường trong file xml có tên rồi
+ 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", trình duyệt
chuyển về
Amincp>Languages Manager
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:
Phần B: Cài bộ gõ tiếng Việt cho 4rum
+ 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..)
+ Bước 2: sửa template. Cái đoạn sửa code trong template 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 đó)
Ta 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)
tiếp theo
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):
<SCRIPT
language=Javascript src="viettyping.js"></SCRIPT>
- Template
headinclude:
Tìm đoạn:
<meta
http-equiv="Content-Type" content="text/html; charset=$stylevar[charset]" />
Thay bằng:
<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 3: sửa thiết lập Option
Bạn 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.
Trong mục Blank Character Stripper bạn xóa
160 173 u8205 u8204 u8237 u8238 và
Savelại như hình trên.
- Tuy nhiên bộ gõ này không hiệu lực ở chế độ
soạn thảo WYSIWYG (mặc định), ta chỉnh như sau: (nếu bạn dùng bộ gõ khác có thể
gõ được WYSIWYG thì bỏ qua)
Tiếp tục vào
Admincp -> vBulletin Options
Chọn Message Posting Interface Options
trong mục: "
Enable Clickable Message Formatting Controls" chọn chế độ "
Enable
Standard Controls" (cái giữa)
Save lại --> Ok đã xong cài đặt
bộ gõ
Để gõ tiếng Việt trong AdminCP
Vậy là cài
xong bộ gõ, nhưng chỉ dùng được khi post bài hoặc trả lời ngoài diễn đàn, còn
trong Admincp quản trị thì chưa, để gõ trong Acp ta làm như sau:
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 :
<meta
http-equiv="Content-Type" content="text/html; charset=$stylevar[charset]" />
Thay bằng :
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8"> <script
type=\"text/javascript\" src=\"viettyping.js\"></script>
Phần C: Chỉnh sửa "phrase" (cụm từ) theo ý muốn sau khi
cài Tiếng Việt
- 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 (xem lại hìnhphần A - Cài đặt ngôn ngữ), 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
+ 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
+ 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 xuống cuối bấm vào ô số 33 được luôn, hehe...)
+ 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)
sửa xong kéo con trượt xuống cuối màn hình và nhấn Lưu
- 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...
Vậy công cụ "search in phrase" sẽ
giúp chúng ta việc này (như hình dưới)
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 ©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
- Với bản lang tiếng Việt chúng ta đã cài ở Bài 3-Phần A, 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)
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ý)
còn nội dung email "Xác nhận kích hoạt" nằm trong phần "
EMAIL BODY TEXT", xem
hình dưới
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 4: Thay áo mới cho diễn đàn (style)
A - Tạo thêm Skin mới
- 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. Nếu bạn giỏi code, 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 (hoặc Cty, 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 cho vBB ver3.8 bạn có thể
download tại đây:
http://www.mediafire.com/?ik383a2uvcb0228
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 RedCarbon
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 (
fileredcarbon-vbulletin-style
(3.8.0).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
Các mục còn lại để nguyên,
không cần sửa gì
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 Manager.
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 ??!
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)
(Đươ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 đề. Việc hiển thị những ô
vuông lỗi chỉ thấy trên trình duyệt IE ver6, còn trên trình duyệt khác vd như
FireFox có thể sẽ không thấy)
--> và cuối cùng 4rum có giao diện mới
như thế này
B - Lướt qua về "Quản lý các style và ngôn ngữ"
- 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)
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)
- Các bạn thân mến, vậy là chúng ta đã đi qua 4 bước cơ bản đầu tiê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...
Bài
5: Thiết lập các CHUYÊN MỤC, FORUM (bố cục nội dung cho diễn đàn)
- Ở 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. Takhô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 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 (Yes hoặc No). Sau đây là cách tạo lập:
Bạn vào
"
Admincp ->Forums & Moderators ->Add New Forum" (như hình dưới)
ở hình trên, chúng ta thiết lập Category chính với tên "
GAME - Thế giới trò
chơi"
+ Title: đặt tiêu đề Category
+ 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)
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ỗ chọn YES trong ô Act as forum:
+ Title: tiêu
đề Forum (VD: "Game Online")
+ 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)
Nếu khi tạo forum, nhưng chỗ chọn "mục cha" bạn chọn "No One" thì sao nhỉ ? ->
không sao cả, nhưng bố cục diễn đàn của bạn sẽ chẳng giống ai...
(khi đó, sinh ra 1 category không tên để chứa cái forum "không thuộc về nơi nào"
mà bạn vừa tạo ra)
- 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"
sau khi sửa xong, Nhấn Save để hoàn thành.
->> và kết quả cuối cùng:
- Để 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
Bài 6: Một số thiết lập tùy chỉnh đơn giản
- 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.
A - Kích hoạt khung Trả lời nhanh (Quick Reply)
mặc đinh ban đầu ta thấy khung "Trả lời nhanh" không có tác dụng (như hình)
Để bật khung trả lời nhanh, vào "Admincp->vBulletin Options" và Edit phần
"Message Posting and Editing Options" như hình:
Mục "Quick Reply" chọn: "Yes, Click Not Required" và Lưu lại
B - Bật chế độ CHO PHÉP thành viên upload hình Avatar,
định cỡ cho hình upload
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 - giới 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é)
chọn 1 nhóm user rồi nhấn "Tiếp tục" vào thay đổi các thiết lập permission
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...
C - Hình ảnh chèn trong bài to quá,
làm "vỡ" khung diễn đàn
- 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. Vậy 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ư độ rộng 640 hoặc 800 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:
$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: expression(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: expression(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
(nguồn: hướng dẫn bởi Savoir Aimer
thành viên HQTH)
D - Bỏ "gạch chân" ở tên
thành viên, tiêu đề bài viết...
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>
(nguồn: hướng dẫn bởi thành viên HQTH - cái này chả nhớ đọc bài của ai nữa..)
E - Chuyển khung chứa "mặt cười" xuống phía dưới editor
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:
để 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)
- 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>
(nguồn: hướng dẫn bởi Huy Hoàng thành viên HQTH)
Bài 7: Giới thiệu "MOD" và "Hack MOD" trong
vBulletin
->> 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
Phần A - Khái
niệm "MOD" trong vBulletin
- 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)
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 yêu cầu 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 "product" hoàn
chỉnh. - Còn nếu vẫn phải mất công vào mò mẫm để sửa trong template..., thì thà
mò luôn cho rồi, khỏi cài mod làm chi.
+ Thứ hai: nếu xài những mod
kiểu như 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ó lỗi hoặc cần gỡ ra, liệu bạn còn nhớ được là đã
sửa những template nào hay không ?
Phần B -
Một vài MOD cần và đủ cho một 4rum
- 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, các bạn không nên lạm dụng, có thể các "mod" sẽ xung đột với nhau. Ở
đâ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 mod cho vBB 3.8 down tại
đây:
http://www.mediafire.com/?mo0yxj2hjlv
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"
1.> Cyb - Advanced
Forum Statistics 6.6
- 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, topX...)
- 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.
(để thảo luận về Mod này, bạn vào
vBulletin.org hoặc tham gia:http://hoiquantinhoc.com/forum/showthread.php?t=16109)
2.> Hide Various BBcode content - Giấu BBcode (ẩn link
đối với Guest)
- 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:[b]chữ đậm[/b]
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:
[IMG]link đến FILE hình anh[/IMG]
--> 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...
(để thảo
luận về Mod này, bạn vào:http://www.vietvbb.vn/up/showthread.php?t=13352)
3.> [AJAX] Post Thank You Hack
-
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ỗ.
(để thảo luận về Mod này, bạn vào:http://hoiquantinhoc.com/forum/showthread.php?t=4143)
4.> [AJAX] Check for similar thread before posting a
new one
- Đâ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.
- 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 "vB option->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"></script>
(để thảo luận về Mod này, bạn vào:
http://hoiquantinhoc.com/forum/showthread.php?t=14645)
5.> phpKingDom - Advanced Quick Reply
- Đây là "Mod" thêm các nút cho khung "Quick reply" của phpKingDom phát hành.
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
(để thảo luận về Mod này, bạn vào:
http://hoiquantinhoc.com/forum/showthread.php?t=4501)
Bài 8: Khái quát về BBcode và "Custom BBcode"
- Ở 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ữ nhấp nháy, 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
A -
BBcode play tất cả các videoclip, listmp3, flash | All_in_1
BBcode này được share bởi Savoir Aimer - thành viên HQTH
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> <EMBED src="{param}" quality=high bgcolor=#FFFFFF WIDTH="638" HEIGHT="375" NAME="{param}" ALIGN="" 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:
<embed>..... </embed>
Ta copy lấy đoạn code trong thẻ EMBED đó
để đưa vào bài viết ở diễn đàn của mình, kết hợp với BBcode Flash
Code:
[flash] đoạn code nằm trong thẻ embed trên trang chủ chứa file video [/
flash]
- 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->Add new BBcode" (như hình)
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:
http://hoiquantinhoc.com/forum/showthread.php?t=19087)
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
- BB code 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ỏ trực tiếp 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:
http://hoiquantinhoc.com/forum/showthread.php?t=364
(để
thảo luận về BBcode này, bạn vào: http://hoiquantinhoc.com/forum/showthread.php?t=364)
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
- BB code
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
Admin</marquee></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>
- 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)
(để thảo luận về BBcode này, bạn vào:http://www.vietvbb.vn/up/showthread.php?t=66)
--> 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àovBulletin.org hoặc 2 diễn đàn chuyên hỗ trợ vBB của Việt Nam là:
+ Hội quán Tin học:
http://hoiquantinhoc.com
+ Viet vBB
http://vietvbb.vn/
