BBCode คืออะไร?
BBCode คือส่วนหนึ่งของภาษา HTML. คุณสามารถใช้ BBCode ในข้อความที่คุณพิมพ์ในเว็บบอร์ดต่างๆ ที่เปิดให้ใช้ BBcodeได้ เช่น thaimis, phpBB ฯลฯ BBCode มีรูปแบบคล้ายๆกับภาษา HTML, คือจะมีเครื่องหมาย [ และ ] คลุมคำสั่งไว้ แทน < และ > ในภาษา HTML. แต่จะสามารถควบคุมการแสดงผลได้ดีกว่า.

การจัดรูปแบบข้อความ

BBCodeสามารถที่จะกำหนด และจัดรูปแบบ ของข้อความที่จะให้แสดงผล ในการแสดงความคิดเห็น ในกระทู้ได้ โดยจะมีทั้ง ตัวหนา (Bold) ตัวเอียง (Italic) ตัวขีดเส้นใต้ (Underline) ตัวขีดฆ่า (Strike) ตัวห้อย (Subscript) ตัวยก (Superscript) โดยใช้คำสั่งพิเศษดังตัวอย่างต่อไปนี้

ความหมาย	รูปแบบ	ตัวอย่าง	ผลลัพธ์
ตัวหนา	[b]ข้อความ[/b]	จะเป็น[b]ตัวหนา[/b]	จะเป็นตัวหนา
ตัวเอียง	[i]ข้อความ[/i]	จะเป็น[i]ตัวเอียง[/i]	จะเป็นตัวเอียง
ตัวขีดเส้นใต้	[u]ข้อความ[/u]	จะ[u]ขีดเส้นใต้[/u]	จะขีดเส้นใต้
ตัวขีดฆ่า	[s]ข้อความ[/s]	จะโดน[s]ขีดฆ่า[/s]	จะโดน~~ขีดฆ่า~~
ตัวห้อย	[sub]ข้อความ[/sub]	ข้อความ[sub]ตัวห้อย[/sub]	ข้อความ_{ตัวห้อย}
ตัวยก	[sup]ข้อความ[/sup]	ข้อความ[sup]ตัวยก[/sup]	ข้อความ^{ตัวยก}

การจัดรูปแบบย่อหน้า เป็นการเลื่อนตำแหน่งกั้นหน้าด้านซ้ายเข้ามาได้ โดยใช้คำสั่ง [blockquote] และ [/blockquote] ใส่คลุมข้อความ ช่วงที่ ต้องการให้ย่อหน้า เข้ามาต่างจากอันอื่น ตัวอย่างเช่น

[blockquote]ข้อความช่วงนี้จะย่อหน้าเข้ามา[/blockquote]

จะได้ผลดังนี้

ข้อความช่วงนี้จะย่อหน้าเข้ามา

การจัดข้อความให้แสดงผลอยู่ตรงกลาง สามารถทำได้โดยใช้คำสั่งพิเศษ [center] และ [/center] ใส่คลุมข้อความ ช่วงที่คุณต้องการให้จัดแสดงผลตรงกลาย ตัวอย่างเช่น

[center]ข้อความตรงนี้จะอยู่ตรงกลาง[/center]

จะได้ผลดังนี้

ข้อความตรงนี้จะอยู่ตรงกลาง

การเปลี่ยนสีหรือขนาดของตัวอักษร จะขึ้นอยู่กับโปรแกรม browser ถ้าจะเปลี่ยนสีตัวอักษร ให้ใช้คำสั่ง [color=] และ [/color]. ซึ่งคุณสามารถเปลี่ยนสีได้ (เช่น red, blue, yellow, ฯลฯ) หรือใช้เลขฐาน 6 ก็ได้, เช่น #FFFFFF, #000000. ยกตัวอย่างเช่น, จะสร้างตัวอักษรสีแดง

[color=red]สวัสดี![/color] หรือ [color=#FF0000]สวัสดี![/color]

ทั้งสองคำสั่งจะได้ผลเป็นดังนี้ สวัสดี!

การเปลี่ยนขนาดตัวอักษรก็ทำได้โดยใช้คำสั่ง [size= เลขขนาดของตัวอักษรจะเป็นหน่วย pixels] และ [/size]. ขนาดของตัวอักษรจะเริ่มจาก 1 (ซึ่งเล็กมากจนมองไม่เห็น) จนถึง 29 (ใหญ่ที่สุด). ตัวอย่างเช่น

[size=24]ขนาดใหญ่![/size]

จะได้ผลเป็น ขนาดใหญ่!

การจัดรูปแบบการแสดงผลข้อความแบบลำดับ (List)

BBCodeสามารถจัดรูปแบบการแสดงผล ข้อความเป็นแบบลำดับ (List) ได้ทั้งรายการแบบไม่จัดลำดับ (Unorder List) และรายการแบบจัดลำดับ (Order List) ได้ โดยใช้รหัสพิเศษ ดังต่อไปนี้

ความหมาย	รูปแบบ	ตัวอย่าง	ผลลัพธ์
รายการแบบไม่จัดลำดับ (Unorder List)	[ul] [li] ข้อความ... [li] ข้อความ... [li] ข้อความ... [/ul]	[ul] [li] ลำดับแรก... [li] ลำดับที่สอง... [li] ลำดับที่สาม... [/ul]	ลำดับแรก... ลำดับที่สอง... ลำดับที่สาม...
รายการแบบจัดลำดับ (Order List)	[ol] [li] ข้อความ... [li] ข้อความ... [li] ข้อความ... [/ol]	[ol] [li] ลำดับแรก... [li] ลำดับที่สอง... [li] ลำดับที่สาม... [/ol]	ลำดับแรก... ลำดับที่สอง... ลำดับที่สาม...

การเชื่อมโยงไปเว็บอื่นๆ และ e-mail

BBCode สามารถทำข้อความเชื่อมโยงได้หลายวิธี, Uniform Resource Indicators หรือชื่อย่อคือ URLs.

	วิธีแรก ใช้คำสั่ง [url=][/url], ซึ่งข้อความหลังเครื่องหมายเท่ากับ (=) จะเป็นตำแหน่ง URL. ตัวอย่างเช่น:
	[url=http://www.phpbb.com/] คลิกที่นี่ เพื่อดูรายละเอียด[/url] จะได้ผลเป็น คลิกที่นี่ เพื่อดูรายละเอียด
	วิธีที่สอง ถ้าคุณต้องการให้ข้อความเชื่อมโยงนั้นถูกแสดงออกมาเลย ก็พิมพ์ว่า
	[url]http://www.kruchian.com/[/url] จะได้ผลเป็น, http://www.kruchian.com/
	การเชื่อมโยง e-mail
	[email]bang086@hotmail.com[/email] จะได้ผลเป็น bang086@hotmail.com
	ทุกคำสั่งของ BBCode คุณสามารถใช้ร่วมกับ URLs ได้ เช่น [img][/img] (ดูหัวข้อถัดไป), [b][/b], ฯลฯ. แต่จะต้องปิดคำสั่งตามลำดับที่ถูกต้อง ถ้าเป็นคำสั่งที่ ผิด จะทำให้ข้อความของคุณถูกลบทิ้ง.

การแทรกรูปภาพลงในข้อความ

BBCode สามารถแทรกรูปภาพลงในข้อความ. มี 2 อย่างที่สำคัญคือ; บางคนไม่ชอบรูปภาพเยอะๆในข้อความ และรูปภาพนั้นจะต้องอยู่ใน internet (ไม่ใช่อยู่ในเครื่องคอมพิวเตอร์ของคุณ, ยกเว้นว่าคุณจะส่งมันขึ้น server). ดังนั้นคำสั่ง phpBB จึงไม่ใช่คำสั่งเก็บรูปภาพลง internet. คุณจะต้องใส่ตำแหน่ง URL ของรูปภาพไว้ระหว่างคำสั่ง [img][/img] เช่น:

[img]http://www.kruchian.com/webmain/images/cp_icon_notepen6.gif[/img]

อย่างที่กล่าวไว้ข้างต้น ว่าคุณสามารถใช้ร่วมกับคำสั่งข้อความเชื่อมโยง [url][/url] เช่น

[url=http://www.kruchian.com/webmain/][img]http://www.kruchian.com/webmain/images/cp_icon_notepen6.gif[/img][/url]

จะได้ผลเป็น

ในกรณีที่ต้องการกำหนดขนาด ความกว้าง ความสูง ของภาพ สามารถทำได้โดยใช้ข้อความตามรูปแบบนี้

[img width=xxx height=yyy]http://yourhost.com/yourdir/yourfile.gif[ /img]

โดยที่ xxx คือความกว้างของภาพ และ yyy คือความสูงของภาพ