<< ทำความรู้จักและใช้งาน BBCode โค๊ดที่ใช้กับเว็บบอร์ด >>
เขียนโดย คุณ เซียวเหล่งนึ่ง แห่งสำนักสุสานโบราณ (เอื้อเฟื้อเนื้อหาบทความโดย adrinaline™)
 
BBCode คืออะไร?
การจัดรูปแบบของตัวอักษร
จะเปลี่ยนสีหรือขนาดตัวอักษรอย่างไร
จะใช้คำสั่งร่วมกันได้หรือไม่?
ข้อความอ้างอิง และตัวอักษรความกว้างคงที่
วิธีสร้างรายการ
การเชื่อมโยงไปเว็บอื่นๆ
การแสดงรูปภาพในข้อความที่พิมพ์ตอบ
ว่าด้วยการจัดตัวหนังสือ


BBCode คืออะไร?

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


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

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

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

เช่น: [b]ตัวหนา[/b]
จะได้ผลเป็น ตัวหนา

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

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

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

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

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

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

ถ้าจะทำตัวหนังสือแบบเรืองแสง ให้ใช้
[glow=red,2,300][/glow]

เช่น: [glow=green,2,2]ตัวเรืองแสง[/glow]
จะได้ผลเป็น
ซึ่งตัวเลขต่อจากสีอักษร จะเป็นตัวกำหนดความหนาของเรืองแสง

ถ้าจะทำตัวหนังสือแบบมีเงา ให้ใช้
[shadow=red,left][/shadow]


เช่น: [shadow=red,left]ตัวมีเงา[/shadow]
คำสั่งตำแหน่งที่ หลังจากคำสั่งสี คือการกำหนดให้เงาสะท้อนไปด้านไหนของตัวอักษร ในที่นี้ตั้งคำสั่งให้เงาสะท้อนไปทางซ้าย

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


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



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



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


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

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

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

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

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

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

จะได้ผลเป็น ขนาดเล็ก

และ
[size=24pt]ขนาดใหญ่[/size]

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


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

ใช้ได้, เช่นต้องการเน้นความสำคัญ คุณอาจใช้:
[size=18pt][color=red][b]ประกาศ![/b][/color][/size]

จะได้ผลเป็น ประกาศ!

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

ซึ่งมันจะไม่แสดงผล ต้องแก้ไขเป็น:
[b][u]ตัวอย่างที่ถูก[/u][/b]


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

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

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

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

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

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


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

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

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

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

จะได้ผลเป็น:
  • สีแดง

  • สีน้ำเงิน

  • สีเหลือง



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

    BCode สามารถทำข้อความเชื่อมโยงได้หลายวิธี, Uniform Resource Indicators หรือชื่อย่อคือ URLs.
    วิธีแรกคือใช้คำสั่ง
    [url=ที่อยู่เว็บไซต์][/url]

    ซึ่งข้อความหลังเครื่องหมายเท่ากับ = จะเป็นตำแหน่ง URL. ตัวอย่างเช่น:
    [url=http://www.phpbb.com/]คลิกที่นี่ เพื่อไปที่ phpBB[/url]


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

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

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

    จะได้ผลเป็น no.one@domain.cat หรือคุณแค่พิมพ์ว่า
    no.one@domain.cat

    ก็จะถูกแปลงให้โดยอัตโนมัติ.

    ทุกคำสั่งของ BCode คุณสามารถใช้ร่วมกับ font color="blue">URLs ได้ เช่น
    [img][/img]

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

    ฯลฯ. แต่จะต้องปิดคำสั่งตามลำดับที่ถูกต้อง, เช่น:
    [url=http://www.phpbb.com/][img]http://www.phpbb.com/images/phplogo.gif[/url][/img]

    เป็นคำสั่งที่ ผิด และจะทำให้ข้อความของคุณไม่แสดงผล.


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

    เช่น:
    [img]http://www.phpbb.com/images/phplogo.gif[/img]

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

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

    เช่น
    [url=http://www.littlecatzhome.net/index.php][img]http://www.littlecatzhome.net/Themes/default/images/new.gif[/img][/url]

    จะได้ผลเป็น:


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

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

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

    จะได้ผลคือ

    เยื้องขวา


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

    ตัวอย่างเช่น
    [center]ตรงกลางจอ[/center]

    จะได้ผลคือ

    ตรงกลางจอ


    ตรงจุดนี้ ต้องระวังนิดนึง คือ ถ้าหากใช้โค้ดย่อหน้าตัวอักษรด้วยโค้ดย่อหน้าต้องมาก่อนเสมอ เช่น
    [center][color=#E60066][size=12pt]เหมียวเล็ก[/size][/color][/center]

    เหมียวเล็ก


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

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

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