Hướng dẫn BBCode

Giới thiệu

BBCode là gì?
BBCode là một dạng triển khai đặc biệt của HTML. Việc bạn thực sự có thể sử dụng BBCode trong các bài viết của mình trên diễn đàn hay không là do quản trị viên quyết định. Ngoài ra, bạn có thể tắt BBCode trên cơ sở mỗi bài viết thông qua biểu mẫu gửi bài viết. Bản thân BBCode có phong cách tương tự như HTML, các thẻ được đặt trong cặp dấu ngoặc vuông [ và ] thay vì < và > và nó cung cấp khả năng kiểm soát tốt hơn đối với cách nội dung được hiển thị. Tùy thuộc vào mẫu bạn đang sử dụng, bạn có thể thấy việc thêm BBCode vào bài viết của mình được thực hiện dễ dàng hơn nhiều thông qua một giao diện có thể nhấp vào, nằm phía trên khu vực nội dung bài viết trên biểu mẫu gửi bài viết. Ngay cả với điều này, có thể bạn sẽ thấy hướng dẫn sau đây là hữu ích.
Lên đầu trang

Định dạng văn bản

Cách tạo chữ in đậm, in nghiên và gạch chân
BBCode bao gồm các thẻ cho phép bạn nhanh chóng thay đổi kiểu cơ bản của văn bản. Điều này được thực hiện theo những cách sau:
  • Để làm cho một đoạn văn bản in đậm, hãy đặt nó trong [b][/b], ví dụ:

    [b]Xin chào[/b]

    sẽ trở thành Xin chào
  • Để gạch dưới, sử dụng [u][/u], ví dụ:

    [u]Chào buổi sáng[/u]

    sẽ trở thành Chào buổi sáng
  • Để in nghiêng văn bản, hãy sử dụng [i][/i], ví dụ:

    Nó thật [i]tuyệt![/i]

    sẽ cho ra Nó thật tuyệt!
Lên đầu trang
Cách thay đổi màu chữ hoặc cỡ chữ
Dể thay đổi màu chữ và cỡ chữ, bạn có thể sử dụng các thẻ sau. Hãy nhớ rằng, cách đầu ra hiển thị sẽ phụ thuộc vào trình duyệt Web và hệ thống của người xem:
  • Thay đổi màu chữ được thực hiện bằng cách đặt nó trong [color=][/color]. Bạn có thể chỉ định môt tên màu có thể nhận dạng (như là red, blue, yellow, v.v.) hoặc bộ ba mã thập lục phân thay thế, như là #FFFFFF, #000000. Ví dụ, để tạo chữ màu đỏ, bạn sử dụng:

    [color=red]Xin chào![/color]

    hoặc

    [color=#FF0000]Xin chào![/color]

    Cả hai sẽ xuất ra Xin chào!
  • Thay đổi cỡ chữ được thực hiện theo cách tương tự [size=][/size]. Thẻ này phụ thuộc vào mẫu giao diện mà người dùng đã chọn, nhưng định dạng đề cử là giá trị số theo tỉ lệ phần trăm đại diện cho cỡ chữ, theo mặc định là bắt đầu từ 20 (rất nhỏ) cho đến 200 (rất lớn). Ví dụ:

    [size=30]NHỎ[/size]

    sẽ trỏ thành NHỎ

    nhưng trái lại:

    [size=200]KHỔNG LỒ![/size]

    sẽ cho ra KHỔNG LỒ!
Lên đầu trang
Tôi có thể kết hợp các thẻ định dạng không?
Vâng, tất nhiên bạn có thể, ví dụ, để thu hút sự chú ý của người nào đó, bạn có thể viết:

[size=200][color=red][b]NHÌN VÀO TÔI![/b][/color][/size]

nó sẽ cho ra NHÌN VÀO TÔI!

Mặc dù vậy, chúng tôi khuyên bạn không nên xuất ra nhiều văn bản như thế này! Hãy nhớ rằng, điều đó phụ thuộc vào bạn, người viết bài, để đảm bảo các thẻ được đóng chính xác. Ví dụ sau đây là không chính xác:

[b][u]Cái này không đúng[/b][/u]
Lên đầu trang

Trích dẫn và xuất ra văn bản với độ rộng cố định

Trích dẫn nội dung trong các hồi đáp
Có hai cách mà bạn có thể trích dẫn nội dung, có tham chiếu hoặc không.
  • Khi bạn sử dụng chức năng Trích dẫn để hồi đáp một bài viết trên diễn đàn, bạn sẽ thấy rằng, nội dung bài viết sẽ được thêm vào cửa sổ thông điệp đặt trong khối [quote=""][/quote]. Phương thức này cho phép bạn trích dẫn với tham chiếu đến một người hoặc bất cứ điều gì khác mà bạn đặt! Ví dụ: để trích dẫn một đoạn văn bản mà ông Blobby đã viết, bạn sẽ nhập:

    [quote="Ông Blobby"]Văn bản mà ông Blobby đã viết sẽ ở đây[/quote]

    Kết quả đầu ra sẽ tự động thêm "Ông Blobby đã viết:" trước đoạn văn bản thực tế. Hãy nhớ rằng bạn phải bao gồm cặp dấu ngoặc kép "" xung quanh tên mà bạn đang trích dẫn, nó không phải là tùy ý.
  • Phương pháp thứ hai cho phép bạn trích dẫn một cách mù mờ nội dung nào đó. Để sử dụng điều này, hãy đặt nội dung vào cặp thẻ [quote][/quote]. Khi bạn xem thông điệp, nó sẽ chỉ hiển thị nội dung trong một khối dấu ngoặc kép.
Lên đầu trang
Xuất mã nguồn hoặc dữ liệu với độ rộng cố định
Nếu bạn muốn xuất ra một phần của mã nguồn hoặc bất cứ thứ gì thực tế yêu cầu một độ rộng cố định, như là loại Font Courier, bạn hãy đặt nội dung bên trong cặp thẻ [code][/code], Ví dụ

[code]echo "Day la mot vai doan ma";[/code]

Tất cả định dạng được sử dụng trong cặp thẻ [code][/code] sẽ được giữ lại khi bạn xem nó sau này.
Lên đầu trang

Lập danh sách thông thường

Tạo danh sách không có thứ tự
BBCode hỗ trợ hai loại danh sách, không có thứ tự và có thứ tự. Về cơ bản, chúng giống với các mã HTML tương đương. Một danh sách không có thứ tự sẽ xuất ra từng mục trong danh sách của bạn một cách tuần tự, lần lượt từng mục thụt vào bằng một kí tự dấu đầu dòng. Để tạo danh sách không có thứ tự, bạn sử dụng [list][/list] và chỉ định từng mục trong danh sách bằng cách sử dụng [*]. Ví dụ: để liệt kê các màu yêu thích, bạn có thể sử dụng:

[list]
[*]Màu đỏ
[*]Màu xanh lam
[*]Màu vàng
[/list]

Điều này sẽ tạo ra danh sách sau:
  • Màu đỏ
  • Màu xanh lam
  • Màu vàng

Ngoài ra, bạn có thể chỉ định kiểu dấu đầu dòng của danh sách bằng cách sử dụng [list=disk][/list], [list=circle][/list] hoặc [list=square][/list].
Lên đầu trang
Tạo danh sách có thứ tự
Loại danh sách thứ hai, danh sách có thứ tự, cho phép bạn kiểm soát những gì được hiển thị trước mỗi mục. Để tạo danh sách có thứ tự, bạn sử dụng [list=1][/list] để tạo danh sách được đánh số, hoặc cách khác là [list=a][/list] cho danh sách theo thứ tự bảng chữ cái. Giống như danh sách không có thứ tự, các mục được chỉ định bằng cách sử dụng [*]. Ví dụ:

[list=1]
[*]Đến cửa hàng
[*]Mua một máy tính mới
[*]Chửi bới máy tính khi nó gặp sự cố
[/list]

sẽ trở thành như sau:
  1. Đến cửa hàng
  2. Mua một máy tính mới
  3. Chửi bới máy tính khi nó gặp sự cố
Còn đối với danh sách theo thứ tự bảng chữ cái, bạn sẽ sử dụng:

[list=a]
[*]Câu trả lời đầu tiên
[*]Câu trả lời thứ hai
[*]Câu trả lời thứ ba
[/list]

sẽ cho ra
  1. Câu trả lời đầu tiên
  2. Câu trả lời thứ hai
  3. Câu trả lời thứ ba

[list=A]
[*]Câu trả lời đầu tiên
[*]Câu trả lời thứ hai
[*]Câu trả lời thứ ba
[/list]

sẽ cho ra
  1. Câu trả lời đầu tiên
  2. Câu trả lời thứ hai
  3. Câu trả lời thứ ba

[list=i]
[*]Câu trả lời đầu tiên
[*]Câu trả lời thứ hai
[*]Câu trả lời thứ ba
[/list]

sẽ cho ra
  1. Câu trả lời đầu tiên
  2. Câu trả lời thứ hai
  3. Câu trả lời thứ ba

[list=I]
[*]Câu trả lời đầu tiên
[*]Câu trả lời thứ hai
[*]Câu trả lời có thể thứ ba
[/list]

sẽ cho ra
  1. Câu trả lời đầu tiên
  2. Câu trả lời thứ hai
  3. Câu trả lời thứ ba
Lên đầu trang

Tạo các liên kết

Liên kết đến một trang Web khác
phpBB BBCode hỗ trợ một số cách tạo liên kết hay còn gọi là URL.
  • Cách đầu tiên trong số này là sử dụng thẻ [url=][/url], bất cứ thứ gì bạn nhập sau dấu = sẽ khiến nội dung của thẻ đó hoạt động như một URL. Ví dụ: để liên kết đến phpBB.com, bạn có thể sử dụng:

    [url=https://www.phpbb.com/]Truy cập phpBB![/ url ]

    Điều này sẽ tạo ra liên kết sau, Truy cập phpBB! Vui lòng lưu ý rằng, liên kết sẽ được mở ra trong cùng một cửa sổ hay trong một cửa sổ mới tùy thuộc vào tùy chọn trên trình duyệt Web của người dùng.
  • Nếu bạn muốn bản thân URL được hiển thị dưới dạng liên kết, bạn có thể thực hiện việc này bằng cách sử dụng:

    [url]https://www.phpbb.com/[/url]

    Điều này sẽ tạo ra liên kết sau, https://www.phpbb.com/
  • Ngoài ra, phpBB có tính năng gọi là Magic Links, tính năng này sẽ làm cho bất kì URL chính xác về mặt cú pháp nào, trở thành một liên kết mà bạn không cần chỉ định bất kì thẻ nào hoặc thậm chí là không cần bắt đầu với http://. Ví dụ: nhập www.phpbb.com vào nội dung bài viết của bạn, nó sẽ tự động trở thành www.phpbb.com khi bạn xem bài viết.
  • Điều tương tự cũng áp dụng cho các địa chỉ email, bạn có thể chỉ định địa chỉ một cách rõ ràng, ví dụ:

    [email]no.one@domain.adr[/email]

    sẽ xuất ra no.one@domain.adr hoặc bạn có thể chỉ cần nhập no.one@domain.adr vào nội dung bài viết của mình, và nó sẽ được tự động chuyển đổi khi bạn xem.
Như với tất cả các thẻ BBCode, bạn có thể bọc URL xung quanh bất kì thẻ nào khác, chẳng hạn như [img][/img] (xem mục tiếp theo), [b][/b], v.v. Đối với các thẻ định dạng, cần đảm bảo rằng bạn đặt đúng thứ tự mở và đóng thẻ, ví dụ:

[url=https://www.phpbb.com/][img]https://www.phpbb.com/theme/images/logo/blue/160x52.png[/url][/img]

không chính xác, điều này có thể dẫn đến việc bài viết của bạn sẽ bị xóa, vì vậy hãy cẩn thận.
Lên đầu trang

Hiển thị hình ảnh trong bài viết

Thêm hình ảnh vào bài viết
phpBB BBCode kết hợp một thẻ để bao gồm hình ảnh trong bài viết của bạn. Hai điều rất quan trọng cần nhớ khi sử dụng thẻ này là: nhiều người không đánh giá cao khi có nhiều hình ảnh được hiển thị trong bài viết và thứ hai là hình ảnh bạn hiển thị phải có sẵn trên Internet (ví dụ: nó không thể chỉ tồn tại trên máy tính của bạn, trừ khi bạn chạy một máy chủ Web!). Để hiển thị hình ảnh, bạn phải bao quanh địa chỉ liên kết trỏ đến hình ảnh bằng thẻ [img][/img]. Ví dụ:

[img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/img]

Như đã lưu ý trong phần địa chỉ liên kết ở trên, bạn có thể bọc hình ảnh trong thẻ [url][/url] nếu muốn, ví dụ:

[url=https://www.phpbb.com/][img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/img][/url]

sẽ hiển thị thành:

Lên đầu trang
Thêm các tệp đính kèm vào bài viết
Giờ đây, bạn có thể đặt tệp đính kèm vào bất kì phần nào của bài viết bằng cách sử dụng mã BBCode mới [attachment=][/attachment], nếu chức năng tệp đính kèm đã được quản trị viên bật và bạn được cấp quyền thích hợp trong việc tạo tệp đính kèm. Trong màn hình gửi bài viết có một hộp thả xuống (tương ứng là một nút) để đặt các tệp đính kèm trên dòng văn bản.
Lên đầu trang

Các vấn đề khác

Tôi có thể thêm các thẻ của riêng tôi không?
Nếu bạn là quản trị viên trên trang diễn đàn này và có quyền thích hợp, bạn có thể thêm các BBCodes khác thông qua phần BBCodes tùy chỉnh.
Lên đầu trang