1. BB Codes là gì?
BB Codes (mã diễn đàn) là một dạng thức bổ sung đặc biệt của mã HTML. Việc bạn có sử dụng BB Codes được hay không là tuỳ vào quyết định của người quản trị. Bạn cũng có thể tắt BB Codes với lựa chọn xuất hiện sau khung soạn bài viết. Bản thân BB Codes tương tự gần giống như HTML: thẻ lệnh được đóng mở bằng dấu [ và ] thay vì < và >. Nó cho phép tuỳ biến sử dụng và điều khiển dễ dàng hơn mã HTML.
Tuỳ thuộc vào giao diện mà bạn đang sử dụng, bạn sẽ nhận thấy việc sử dụng các thẻ lệnh BB Codes dễ dàng như thế nào khi chỉ cần đến các thao tác bấm chuột vào thanh công cụ BBCode nằm bên trên khung soạn thảo nội dung bài viết. Thậm chí với những công cụ dễ dàng như vậy, bạn cũng sẽ được cung cấp một tài liệu hướng dẫn sử dụng chi tiết trong phần dưới đây.
2. Định dạng văn bản
2.1. Làm thế nào để tạo chữ in đậm, in nghiêng và gạch chân?
Sử dụng thẻ BB Codes bạn có thể thay đổi nhanh chóng kiểu dáng đơn giản của văn bản. Hãy xem xét các phương pháp sau đây:
Để in đậm một đoạn văn bản hãy đặt nó nằm trong cặp thẻ có chữ b vá /b, ví dụ như:
Bài giảng điện tử
Để gạch chân văn bản hãy sử dụng cặp thẻ có chữ u vá /u,ví dụ như:
Bài giảng điện tử
Để tạo văn bản in nghiêng bạn dùng cặp thẻ có chữ i vá /i,ví dụ như :
Bài giảng điện tử
2.2. Làm thế nào để thay đổi màu hay kích thước của văn bản?
Để thay đổi màu hay kích thước của văn bản, những thẻ BB Codes sau đây sẽ được dùng. Hãy nhớ rằng sự hiển thị như thế nào còn tuỳ thuộc vào trình duyệt của người xem và hệ thống:
Để thay đổi màu văn bản, bạn hãy đặt nó trong cặp thẻ [color=][/color]. Bạn có thể xác định bằng một tên màu được chấp nhận như: red, blue, yellow… hay sử dụng mã màu hex như: #FFFFFF, #000000… Ví dụ, để tạo một đoạn văn bản có chữ màu đỏ bạn có thể dùng như sau:
Bài giảng điện tử
hoặc
<span style="color:#FF0000">Bài giảng điện tử
cả hai cách trên sẽ cho ra cùng kết quả Bài giảng điện tử
Thay đổi kích thước của văn bản cũng làm tương tự như trên nhưng dùng với cặp thẻ [size=]</span>. Việc sử dụng thẻ này còn tuỳ thuộc vào giao diện mà thành viên đã chọn sử dụng trong hệ thống.
Trên diễn đàn , bạn dùng kích thước là một giá trị số đếm từ 1 đến 6 (rất lớn). Ví dụ sử dụng size 8 sẽ là :
Bài giảng điện tử
sẽ tạo ra: Bài giảng điện tử
nhưng ngược lại sử dụng size 18 sẽ là
Bài giảng điện tử
sẽ cho ra Bài giảng điện tử
2.3. Có thể phối hợp các thẻ định dạng với nhau không?
Vâng! Chắc chắn bạn có thể làm được điều này. Ví dụ để tạo sự chú ý của một ai đó bạn có thể viết như sau:
Bài giảng điện tử
Không nên sử dụng quá nhiều thẻ định dạng văn bản như thế! Hãy nhớ rằng khi sử dụng phối hợp nhiều thẻ BB Codes như thế bạn phải dùng các thẻ đóng tương ứng theo thứ tự. Ví dụ, cách dùng sau đây là sai:
Sai rồi!
3. Trích dẫn và xuất văn bản cố định chiều rộng
3.1. Trích dẫn văn bản trong những bài trả lời
Có hai cách để trích dẫn một văn bản: trích dẫn có nguồn gốc hoặc trích dẫn không nguồn gốc.
Khi sử dụng chức năng trích dẫn để trả lời một bài viết trong diễn đàn, bạn phải đặt toàn bộ nội dung muốn trích dẫn nằm trong cặp thẻ
Trích dẫn bởi:
[/
. Phương pháp này cho phép bạn trích dẫn một văn bản có nguồn gốc từ một người hoặc bất cứ ai, bất cứ cái gì bạn muốn thêm vào. Ví dụ, để trích dẫn một đoạn văn bản mà Mr. Blobby đã viết, bạn sẽ phải sử dụng như sau:
Trích dẫn bởi: Mr. Blobby
Đoạn văn bản muốn trích dẫn của Mr. Blobby
Kết quả xuất ra sẽ tự động thêm vào dòng Mr. Blobby đã viết: trước đoạn văn bản bạn dùng để trích dẫn. Hãy nhớ rằng bạn phải đính kèm dấu ngoặc kép "" trước và sau tên người hay tên của bất cứ thứ gì mà bạn muốn dùng làm nguồn để trích dẫn. Đây là tuỳ chọn không bắt buộc phải có.
Cách thứ hai cho phép bạn trích dẫn tuỳ ý bất cứ thứ gì. Để sử dụng đúng, bạn cũng phải đặt đoạn văn bản muốn trích dẫn nằm trong cặp thẻ
. Khi bạn xem bài viết, nó sẽ hiển thị đoạn văn bản trong một khung trích dẫn.
3.2 Trích dẫn mã lệnh hoặc văn bản cố định chiều rộng
Nếu bạn muốn trích dẫn một đoạn mã nguồn trong bài viết hoặc thực ra chỉ là một đoạn văn bản yêu cầu phải cố định chiều rộng trong khung với phông chữ Courier, bạn nên đặt nó trong cặp thẻ Code
[/code], ví dụ như
Mã
echo "Mã nguồn nè…";
Tất cả định dạng hay thẻ lệnh được sử dụng trong cặp thẻ [code]
đều được giữ nguyên khi bạn xem bài viết. Để tô sáng cú pháp của mã PHP, bạn hãy dùng cặp thẻ [code=php][/code] và chúng tôi khuyên bạn nên gửi các mẫu ví dụ về mã PHP dưới dạng này để mọi người khác xem có thể đọc được mã lệnh dễ dàng. 4. Tạo danh sách liệt kê
4.1. Tạo danh sách liệt kê không theo thứ tự
Thẻ lệnh BB Codes hỗ trợ hai loại danh sách liệt kê: không theo thứ tự và có thứ tự. Về bản chất chúng cũng giống như những thẻ lệnh HTML tương tự. Một danh sách liệt kê không theo thứ tự sẽ xuất ra mỗi mục trong danh sách liệt kê của bạn liên tục từng dòng và tự động thụt vào trong với một ký tự hình tròn. Để tạo danh sách loại này bạn dùng cặp thẻ có chữ list và /list và xác định trước mỗi mục trong danh sách liệt kê một thẻ concó dấu *. Ví dụ, để tạo một danh sách liệt kê những màu mà mình ưa thích, bạn làm sử dụng cặp thẻ có chữ list và /list : cụ thể háng thuứ nhất là thẻ có chữ list, hàng thứ 2 là cặp thẻ có dấu * và chữ Đỏ, hàng thứ 3 là thẻ có dấu * và chữ Xanh, hàng thứ 4 là thẻ có dấu * và chữ Vàng, hàng thứ 5 là thẻ /list.
Kết quả sẽ tạo ra một danh sách liệt kê như sau:
4.2. Tạo danh sách liệt kê theo thứ tự
Loại danh sách liệt kê thứ hai - danh sách liệt kê có thứ tự - sẽ giúp bạn tự động đánh số thứ tự trước mỗi mục liệt kê trong danh sách. Để tạo danh sách loại này bạn dùng cặp thẻ [list=1] để tạo ra một danh sách liệt kê theo thứ tự số đếm hoặc lựa chọn [list=a] để tạo ra một danh sách liệt kê theo thứ tự chữ cái ABC. Giống như khi tạo danh sách liệt kê không theo thứ tự, mỗi mục liệt kê trong danh sách này đều phải có thẻ con đứng trước. Ví dụ: [list=1]
Đi đến cửa hàng
Mua một chiếc máy vi tính mới
Nguyền rủa chiếc máy tính khi nó bị hư
sẽ cho ra kết quả như sau:
1. Đi đến cửa hàng
2. Mua một chiếc máy vi tính mới
3. Nguyền rủa chiếc máy tính khi nó bị hư
Trong khi muốn tạo danh sách liệt kê theo thứ tự chữ cái ABC bạn phải làm như sau:
[list=a]
Câu trả lời hợp lý thứ nhất
Câu trả lời hợp lý thứ hai
Câu trả lời hợp lý thứ ba
sẽ thành
1. Câu trả lời hợp lý thứ nhất
2. Câu trả lời hợp lý thứ hai
3. Câu trả lời hợp lý thứ ba
5. Tạo liên kết
Thẻ lệnh BBCode hỗ trợ nhiều cách để tạo ra các liên kết URL (Uniform Resource Indicators).
Trước tiên cặp thẻ cần sử dụng là [url=][/url]. Bất cứ thứ gì bạn nhập sau dấu = sẽ trở thành nội dung của thẻ đó và được hiểu là một địa chỉ URL. Ví dụ, để liên kết đến website www.ant7.com bạn sẽ sử dụng như sau:
[url=http://gocsinhhoccuaem.ucoz,net/]hình ảnh[/url]
Một liên kết sẽ được tạo ra như sau: Hình ảnh Bạn cần lưu ý rằng liên kết này sẽ được mở ra trong cùng một cửa sổ hay một cửa sổ mới tùy thuộc vào thiết lập trong trình duyệt của người đang xem bài viết.
Nếu bạn muốn tạo một liên kết hiển thị với chính địa chỉ URL của nó, hãy làm như sau:
[url]http:// gocsinhhoccuaem.ucoz,net [/url]
Liên kết tạo ra sẽ là: http://gocsinhhoccuaem.ucoz.net
Ngoài ra, một chức năng trong hệ thống còn được gọi là những liên kết thông minh. Khi bạn gõ những địa chỉ website trong bài viết, chúng sẽ được tự động hiển thị như là các địa chỉ URL mà không cần bạn phải đặt chúng trong bất cứ thẻ lệnh nào và thậm chí không cần bắt đầu bằng cụm từ http:// quen thuộc. Ví dụ, nếu bạn gõ www.ant7.com trong bài viết nó sẽ được tự động đặt thành www.ant7.com khi bạn xem bài viết.
Cách tạo liên kết cũng được áp dụng tương tự cho địa chỉ Email. Bạn chỉ cần xác định một địa chỉ Email rõ ràng, ví dụ như:
no.one@domain.adr
nó sẽ được hiển thị thành no.one@domain.adr hoặc bạn chỉ cần gõ no.one@domain.adr trong bài viết là nó sẽ được tự động chuyển thành một liên kết đến địa chỉ Email trên khi bạn xem bài viết.
Giống như tất cả thẻ lệnh BBCode khác, bạn có thể sử dụng phối hợp thẻ tạo liên kết URL này với các thẻ lệnh BBCode khác, ví dụ như [img][/img] (Xem mục kế tiếp), </b>… Với những thẻ định dạng như trên, bạn cần phải đặt thẻ lệnh mở bắt đầu và thẻ lệnh đóng kết thúc tương ứng theo thứ tự. Ví dụ:
[url=http:// gocsinhhoccuaem.ucoz,net /][img]http://gocsinhhoccuaem.ucoz.net/logosh.gif[/url][/img]
là không chính xác và có thể làm cho bài viết của bạn bị xoá khỏi diễn đàn. Vì thế, hãy cẩn thận và kiểm tra kỹ khi sử dụng.
<b>6. Hiển thị hình ảnh trong bài viết
Các thẻ lệnh BB Codes trong hệ thống phpBBVietNam kết hợp chặt chẽ với thẻ lệnh đính kèm hình ảnh trong bài viết. Có 2 điều quan trọng mà bạn cần nhớ khi sử dụng thẻ này là: Nhiều người không đánh giá cao việc dùng quá nhiều hình ảnh trong bài viết và thứ hai, hình ảnh bạn dùng hiển thị trong bài viết phải hiện hữu trên Internet, nó không thể là hình trên máy tính của bạn được trừ khi máy tính của bạn là một máy chủ Web. Để hiển thị hình ảnh, bạn phải đặt đường dẫn URL của nó nằm trong cặp thẻ [img][/img]. Ví dụ:
[img]http:// http://gocsinhhoccuaem.ucoz.net/logosh.gif [/img]
Bạn cũng có thể tạo ra một liên kết là một hình ảnh khi dùng cách trên phối hợp với cặp thẻ [url][/url]. Ví dụ như:
<a class="link" href="http://gocsinhhoccuaem.ucoz.net/" rel="nofollow" target="_blank">[img] http://gocsinhhoccuaem.ucoz.net/logosh.gif [/img]</a>
sẽ tạo thành:
Tại DIỄN ĐÀN này ngay phía dưới ô điền nội dung bài viết có sẳn bảng UPLOAD ảnh, bạn chỉ cần nhấp chọn ô 1 hoặc nhiều file, bấm nút chọn ảnh rồi chọn ảnh từ máy tính của bạn, bấm chọn định kích thước ảnh. Cuối cùng nhấp nút UPLOAD, chờ một lát bạn sẽ nhận được code ở phía dưới. Bạn tô đoạn code,copy và dán vào nơi bạn muốn chèn ảnh vào bài.
7. Đính kèm tập tin trong bài viết
Bạn có thể đặt những tập tin đính kèm ở bất kỳ đâu trong bài viết bằng cách sử dụng cặp thẻ [attachment=][/attachment], nếu chức năng đính kèm tập tin được kích hoạt bởi người quản trị của diễn đàn và nếu thiết lập cấp phép của bạn cho phép bạn được quyền đính kèm tập tin. Trong khung gửi bài sẽ có một danh sách các tập tin đính kèm mà bạn đã tải lên cho bạn chọn lựa việc đặt chúng ở đâu trong bài viết của mình.
8. Có thể tự tạo những thẻ BB Codes cho riêng mình?
Nếu bạn là quản trị viên của diễn đàn và được người sáng lập cho phép, bạn có thể tự mình tạo thêm nhiều thẻ BBCode mới trong phần tùy biến thẻ BBCode tại bảng điều khiển dành cho quản trị viên.[/size]