[LittleCat]

BBCode คืออะไร?

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

การจัดรูปแบบของตัวอักษร

จะสร้างตัวหนา, ตัวเอียง และขีดเส้นใต้ ได้อย่างไร
BBCode จะช่วยสร้างรูปแบบให้กับตัวอักษร ดังนี้:

ถ้าจะทำตัวหนา ให้พิมพ์ข้อความแทรกลงในในรหัส

โค๊ด: [Select]

[b][/b], เช่น:

[b]ตัวหนา[/b]

จะได้ผลเป็น ตัวหนา

ถ้าจะขีดเส้นใต้ ก็ใช้

โค๊ด: [Select]

[u][/u], เช่น:

[u]ตัวขีดเส้นใต้[/u]
จะได้เป็น ตัวขีดเส้นใต้

ถ้าจะทำตัวเอียง ให้ใช้

โค๊ด: [Select]

[i][/i], เช่น:

[i]ตัวเอียง[/i]
จะได้ผลเป็น ตัวเอียง


ถ้าจะทำตัวหนังสือมีขีดฆ่าอยู่ตรงกลาง ให้ใช้

โค๊ด: [Select]

[s][/s], เช่น:

[s]ตัวขีดกลาง[/s]
จะได้ผลเป็น ตัวขีดกลาง

ถ้าจะทำตัวหนังสือแบบเรืองแสง ให้ใช้

โค๊ด: [Select]

[glow=red,2,300][/glow], เช่น:

[glow=green,15,300]ตัวเรืองแสง[/glow]
จะได้ผลเป็น ตัวเรืองแสง

ถ้าจะทำตัวหนังสือแบบมีเงา ให้ใช้

โค๊ด: [Select]

[shadow=red,left][/shadow], เช่น:

[shadow=red,left]ตัวมีเงา[/shadow]
จะได้ผลเป็น ตัวมีเงา

ถ้าจะทำตัวหนังสือเลื่อนจากขวาไปซ้าย ให้ใช้

โค๊ด: [Select]

[move][/move], เช่น:

[move]ตัวเลื่อน[/move]
จะได้ผลเป็น
ตัวเลื่อน

[LittleCat]

จะเปลี่ยนสีหรือขนาดตัวอักษรอย่างไร



การเปลี่ยนสีหรือขนาดของตัวอักษร จะขึ้นอยู่กับโปรแกรม browser
ถ้าจะเปลี่ยนสีตัวอักษร ให้ใช้คำสั่ง

โค๊ด: [Select]

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

โค๊ด: [Select]

[color=red]สวัสดี![/color]

หรือ

[color=#FF0000]สวัสดี![/color]
ทั้งคู่จะได้ผลเป็น สวัสดี!

การเปลี่ยนขนาดตัวอักษร ก็ทำได้โดยใช้คำสั่ง

โค๊ด: [Select]

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

โค๊ด: [Select]

[size=8pt]ขนาดเล็ก[/size]
จะได้ผลเป็น ขนาดเล็ก

และ

โค๊ด: [Select]

[size=24pt]ขนาดใหญ่[/size]
จะได้ผลเป็น ขนาดใหญ่


จะใช้คำสั่งร่วมกันได้หรือไม่?

ใช้ได้, เช่นต้องการเน้นความสำคัญ คุณอาจใช้:

โค๊ด: [Select]

[size=18][color=red][b]ประกาศ![/b][/color][/size]
จะได้ผลเป็น ประกาศ!

แต่ขอแนะนำว่าอย่าใช้ลักษณะพิเศษมากจนเกินไป และจะต้องปิดคำสั่งให้เรียบร้อยด้วย. ตัวอย่างนี้เป็นตัวอย่างที่ผิด (เพราะปิดคำสั่งผิดลำดับ):

โค๊ด: [Select]

[b][u]ตัวอย่างที่ผิด[/b][/u]
ต้องแก้ไขเป็น:

โค๊ด: [Select]

[b][u]ตัวอย่างที่ถูก[/u][/b]


[LittleCat]

ข้อความอ้างอิง และตัวอักษรความกว้างคงที่

ข้อความอ้างอิงในการตอบ
มี 2 แบบ.
แบบมีชื่อเจ้าของ. ข้อความอ้างอิงจะอยู่ภายในคำสั่ง

โค๊ด: [Select]

[quote="เจ้าของ"][/quote]. เช่น คุณต้องการพิมพ์ข้อความอ้างอิงของ เหมียวเล็ก:

โค๊ด: [Select]

[quote="เหมียวเล็ก"]ข้อความอ้างอิงของ [color=navy]เหมียวเล็ก[/color][/quote]
เมื่อข้อความถูกแสดง จะมีคำว่า

ข้อความอ้างอิงของ เหมียวเล็ก

นำหน้า.
ในที่นี้ สัญลักษณ์ฟันหนู "  " จะมีหรือไม่มีก็ได้ ก็ได้ผลเช่นเดียวกัน

แบบไม่มีชื่อเจ้าของ. คือใส่แค่

โค๊ด: [Select]

[quote][/quote].ก็จะมีแค่คำว่า Quote: นำหน้าข้อความอ้างอิง.



วิธีสร้างรายการ

การสร้างรายการที่ไม่มีหมายเลขลำดับ
BBCode สามารถสร้างรายการได้ 2 แบบ คือ แบบไม่มีหมายเลขลำดับ และแบบมีหมายเลขลำดับ. เหมือนกับในภาษา HTML. แต่ละรายการจะมีเครื่องหมายวงกลมนำหน้า. ใช้คำสั่ง

โค๊ด: [Select]

[list][/list] และนำหน้าแต่ละรายการด้วยคำสั่ง

โค๊ด: [Select]

[*]. เช่นต้องการแสดงรายการสีที่ชอบ จะพิมพ์ดังนี้:

โค๊ด: [Select]

[list]
[*]สีแดง
[*]สีน้ำเงิน
[*]สีเหลือง
[/list]
จะได้ผลเป็น:

• สีแดง
• สีน้ำเงิน
• สีเหลือง

[LittleCat]

การเชื่อมโยงไปเว็บอื่นๆ

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

โค๊ด: [Select]

[url=][/url], ซึ่งข้อความหลังเครื่องหมายเท่ากับ = จะเป็นตำแหน่ง URL. ตัวอย่างเช่น:

โค๊ด: [Select]

[url=http://www.phpbb.com/]คลิกที่นี่ เพื่อไปที่ phpBB[/url]
จะได้ผลดังนี้ คลิกที่นี่ เพื่อไปที่ phpBB ซึ่งจะเปิดหน้าใหม่ให้โดยอัตโนมัติ.
แต่ถ้าคุณต้องการให้ข้อความเชื่อมโยงนั้นถูกแสดงออกมาเลย ก็พิมพ์ว่า:

โค๊ด: [Select]

[url]http://www.phpbb.com/[/url]
จะได้ผลเป็น, http://www.phpbb.com/

โปรแกรม phpBB มีฟังก์ชันพิเศษคือ Magic Links ที่สามารถแปลงข้อความเชื่อมโยงโดยอัตโนมัติ โดยที่คุณไม่ต้องพิมพ์ http:// เลย. เช่นคุณพิมพ์ว่า www.phpbb.com ลงในข้อความของคุณ จะได้ผลเป็น http://www.phpbb.com โดยอัตโนมัติ.
ซึ่งจะใช้ได้กับชื่อ e-mail เช่น:

โค๊ด: [Select]

[email][email protected][/email]
จะได้ผลเป็น [email protected] หรือคุณแค่พิมพ์ว่า

โค๊ด: [Select]

[email protected] ก็จะถูกแปลงให้โดยอัตโนมัติ.
ทุกคำสั่งของ BBCode คุณสามารถใช้ร่วมกับ URLs ได้ เช่น

โค๊ด: [Select]

[img][/img] (ดูหัวข้อถัดไป),

โค๊ด: [Select]

[b][/b], ฯลฯ. แต่จะต้องปิดคำสั่งตามลำดับที่ถูกต้อง, เช่น:

โค๊ด: [Select]

[url=http://www.phpbb.com/][img]http://www.phpbb.com/images/phplogo.gif[/url][/img]
เป็นคำสั่งที่ผิด และจะทำให้ข้อความของคุณไม่แสดงผล.

[LittleCat]

การแสดงรูปภาพในข้อความที่พิมพ์ตอบ

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

โค๊ด: [Select]

[img][/img] เช่น:[/size]

โค๊ด: [Select]

[img]http://www.phpbb.com/images/phplogo.gif[/img]
ซึ่ง ในที่นี้ http://www.phpbb.com/images/phplogo.gif เป็นชื่อลิงค์ของรูปนั้นๆ จำเป็นต้องมีอยู่จริง

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

โค๊ด: [Select]

[url][/url], เช่น

โค๊ด: [Select]

[url=http://www.littlecatzhome.net/index.php][img]http://www.littlecatzhome.net/Themes/default/images/new.gif[/img][/url]
จะได้ผลเป็น:




ว่าด้วยการจัดตัวหนังสือ

ถ้าต้องการให้ตัวหนังสือเยื้องขวา เราใช้คำสั่ง

โค๊ด: [Select]

[right][/right]ตัวอย่างเช่น

โค๊ด: [Select]

[right]เยื้องขวา[/right]จะได้ผลคือ

เยื้องขวา

ส่วนการจัดตัวหนังสืออยู่ตรงกลางจอนั้น คำสั่งคือ

โค๊ด: [Select]

[center][/center]ตัวอย่างเช่น

โค๊ด: [Select]

[center]ตรงกลางจอ[/center]จะได้ผลคือ

ตรงกลางจอ

ตรงจุดนี้ ต้องระวังนิดนึง คือ ถ้าหากใช้โค้ดย่อหน้าตัวอักษรด้วย โค้ดย่อหน้าต้องมาก่อนเสมอ
เช่น

โค๊ด: [Select]

[center][color=#E60066][size=12pt]เหมียวเล็กน่ารักจัง[/size][/color][/center]

เหมียวเล็กน่ารักจัง

ถ้าหากสลับที่กัน มันก็จะไม่แสดงผลของสีและขนาดตัวหนังสือ

นอกจากนี้ยังมีเยื้องซ้าย และการจัดย่อหน้าอิสระตามใจมัน ด้วย

ซึ่งโค้ดดังกล่าวนี้ เป็นโค้ดมาตรฐานของ BB code บางโค้ดก็ใช้กับบอร์ด SMF ได้ หรืออาจจะไม่ได้
เพราะมีการเปลี่ยนรูปแบบของสคริปต์นะครับ แต่นี่ก็เป็นเพียงจุดเริ่มต้นของการใช้โค้ดเท่านั้น
เรายังสามารถเรียนรู้ที่จะดัดแปลงการใช้คำสั่งให้สนุกไปมากกว่านี้ได้อีก

[nakdham]

ขอบคุณท่านเหมียวครับผม  ได้ความรู้เยอะเลยครับ