Forum svhatinh

Chào mừng bạn đến với diễn đàn sinh viên hà tĩnh,vui lòng đăng ký để tham gia vào diễn đàn.

BQT
Forum svhatinh

Diễn đàn sinh viên Hà Tĩnh


    Thiết kế 4R vBulletin dành cho Newbie

    Share

    Khách vi
    Khách viếng thăm

    Thiết kế 4R vBulletin dành cho Newbie

    Bài gửi by Khách vi on Wed Aug 31, 2011 3:57 am

    Xây dựng 4rum với vBulletin toàn tập từ A-Z (Dành cho những người chưa biết gì)
    -
    [Hướng dẫn] Xây dựng forum với vBulletin toàn tập từ A-Z
    (dành cho n~ người chưa biết gì)
    (trích nguồn: forum.ict-viet.com)

    ---------- 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).

    foreWord - Đôi điều về vBulletin trước khi bắt đầu
    - 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"

    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:http://forum.ict-viet.com/showthread.php?t=135).
    - 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

    ở 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

    ở 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)


    - 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.



    - 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

    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

    ở đâ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


    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é)

    ở 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:http://forum.ict-viet.com/showthread.php?t=135

    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" cài đặt vBulletin, bạn có thể down bản 3.8 tại đây:
    Code:
    mediafire.com ?tjyvrue3oim
    (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"

    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

    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 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 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.

    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 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:


    Phần B: Cài bộ gõ tiếng Việt cho 4rum
    - Ở đâ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)

    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):
    Code:

    - Template headinclude:
    Tìm đoạn:
    Code:

    Thay bằng:
    Code:


    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.



    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


    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


    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:

    Thay bằng :
    Code:



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

    Bài 3 (tiếp...): ...vấn đề ngôn ngữ

    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 (như hình dưới)

    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


    + 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...)


    + 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)


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


     và kết quả:
    ________________________________________

    Bài 3 (tiếp): ... vấn đề ngôn ngữ
    Phần C (tiếp)... chỉnh sửa "phrase"...

    - 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)

    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 ở "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)

    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"

    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 ----------

    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. 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

    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 ??!

    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


    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)



    (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...
    ________________________________________

    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. 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)

    ở 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)

    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"



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

    ->> và kết quả cuối cùng:
    ________________________________________
    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 --> kết quả:


    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) 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 set 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 (như hình kèm dưới nà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ư 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 '';
    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 '';
    } else {
    return '';
    }
    ________________________________________
    * Chú thích: cái chỗ thay:
    Trích: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
    (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:

    (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:



    $smiliebox

    Thay bằng đoạn:
    PHP Code:





    $smiliebox


    (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 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 ?

    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. Ở đâ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:
    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"

    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.
    (để 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:
    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...

    (để thảo luận về Mod này, bạn vào vBulletin.org hoặc tham gia: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 vBulletin.org hoặc tham gia: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.
    - Nó sử dụng jQuery để lấy thông tin trong file ajax.php (thông tin về jQuery).
    - 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:

    (để 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=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 vBulletin.org hoặc tham gia:
    http://hoiquantinhoc.com/forum/showthread.php?t=4501)

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

    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è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:


    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
    WIDTH="638" HEIGHT="375" id="{param}" ALIGN="">
    TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">

    - 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 đây

    - 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)

    + 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
    - Tag: FLV
    - Replacement:
    PHP Code:





    - 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: 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
    - Tag: Music
    - Replacement:
    PHP Code:



    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



























    - 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)
    (để 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ào vBulletin.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/forum
    + Viet vBB (gọi là Vịt VN): http://vietvbb.vn/up

    avatar
    vanluc1201
    Admin
    Admin

    posts : 256
    points : 3216
    thanked : 15
    Join date : 08/08/2011
    tuổi : 27
    Đến từ : Đức Thanh-Đức Thọ- Hà Tĩnh
    châm ngôn sống : Nếu bạn phải hỏi tình bạn giá bao nhiêu thì bạn không đủ tiền mua đâu . Tôi không thấy gì hạnh phúc bằng khi trong lòng tôi luôn nhớ đến những người bạn tốt.

    Re: Thiết kế 4R vBulletin dành cho Newbie

    Bài gửi by vanluc1201 on Fri Aug 17, 2012 12:41 pm

    mới trở lại chém phát nào

      Hôm nay: Fri Jan 19, 2018 9:22 pm