| << ทำความรู้จักและใช้งาน BBCode โค๊ดที่ใช้กับเว็บบอร์ด >> | |||||||||||||||||||||||||||||||||||||||
| เขียนโดย คุณ เซียวเหล่งนึ่ง แห่งสำนักสุสานโบราณ (เอื้อเฟื้อเนื้อหาบทความโดย adrinaline™) | |||||||||||||||||||||||||||||||||||||||
BBCode คืออะไร? การจัดรูปแบบของตัวอักษร จะเปลี่ยนสีหรือขนาดตัวอักษรอย่างไร จะใช้คำสั่งร่วมกันได้หรือไม่? ข้อความอ้างอิง และตัวอักษรความกว้างคงที่ วิธีสร้างรายการ การเชื่อมโยงไปเว็บอื่นๆ การแสดงรูปภาพในข้อความที่พิมพ์ตอบ ว่าด้วยการจัดตัวหนังสือBBCode คืออะไร? BCode ย่อมาจาก Bulletin Board Code คุณสามารถใช้ BCode ในข้อความที่คุณพิมพ์. และคุณสามารถยกเลิกการใช้ BCode ในแต่ละข้อความได้ในแบบฟอร์มกรอกข้อความ. BCode มีรูปแบบคล้ายๆ กับภาษา HTML, คือจะมีเครื่องหมาย [ และ ] คลุมคำสั่งไว้ แทน < และ > ในภาษา HTML. แต่จะสามารถควบคุมการแสดงผลได้ดีกว่า. คุณสามารถเพิ่มคำสั่ง BCode ให้กับข้อความของคุณโดยคลิกปุ่มคำสั่งด้านบนช่องกรอกข้อความ. การจัดรูปแบบของตัวอักษร จะสร้างตัวหนา, ตัวเอียง และขีดเส้นใต้ ได้อย่างไร BCode จะช่วยสร้างรูปแบบให้กับตัวอักษร ดังนี้: ถ้าจะทำตัวหนา
ให้พิมพ์ข้อความแทรกลงในในรหัส
เช่น: [b]ตัวหนา[/b] จะได้ผลเป็น ตัวหนา ถ้าจะขีดเส้นใต้
ก็ใช้
เช่น: [u]ตัวขีดเส้นใต้[/u] จะได้เป็น ตัวขีดเส้นใต้ ถ้าจะทำตัวเอียง ให้ใช้
เช่น: [i]ตัวเอียง[/i] จะได้ผลเป็น ตัวเอียง ถ้าจะทำตัวหนังสือมีขีดฆ่าอยู่ตรงกลาง
ให้ใช้
เช่น: [s]ตัวขีดกลาง[/s] จะได้ผลเป็น ถ้าจะทำตัวหนังสือแบบเรืองแสง
ให้ใช้
เช่น: [glow=green,2,2]ตัวเรืองแสง[/glow] จะได้ผลเป็น ![]() ซึ่งตัวเลขต่อจากสีอักษร จะเป็นตัวกำหนดความหนาของเรืองแสง ถ้าจะทำตัวหนังสือแบบมีเงา
ให้ใช้
เช่น: [shadow=red,left]ตัวมีเงา[/shadow] คำสั่งตำแหน่งที่ หลังจากคำสั่งสี คือการกำหนดให้เงาสะท้อนไปด้านไหนของตัวอักษร ในที่นี้ตั้งคำสั่งให้เงาสะท้อนไปทางซ้าย ถ้าจะทำตัวหนังสือเลื่อนจากขวาไปซ้าย
ให้ใช้
เช่น: [move]ตัวเลื่อน[/move] จะได้ผลเป็น ![]() จะเปลี่ยนสีหรือขนาดตัวอักษรอย่างไร ![]() การเปลี่ยนสีหรือขนาดของตัวอักษร จะขึ้นอยู่กับโปรแกรม browser ถ้าจะเปลี่ยนสีตัวอักษร ให้ใช้คำสั่ง
ซึ่งคุณสามารถเปลี่ยนสีได้ (เช่น red, blue, yellow, ฯลฯ) หรือใช้เลขฐาน 6 ก็ได้, เช่น #FFFFFF, #000000.(Color Schemer Online V.2) ยกตัวอย่างเช่น, จะสร้างตัวอักษร สีแดง :
หรือ
ทั้งคู่จะได้ผลเป็น สวัสดี! การเปลี่ยนขนาดตัวอักษร
ก็ทำได้โดยใช้คำสั่ง
ขนาดของตัวอักษรจะเป็นหน่วย pixels, เริ่มต้นที่ 1 (ซึ่งเล็กมากจนมองไม่เห็น) จนถึง 29[ (ใหญ่ที่สุด). ตัวอย่างเช่น:
จะได้ผลเป็น ขนาดเล็ก และ
จะได้ผลเป็น ขนาดใหญ่ จะใช้คำสั่งร่วมกันได้หรือไม่? ใช้ได้, เช่นต้องการเน้นความสำคัญ คุณอาจใช้:
จะได้ผลเป็น ประกาศ! แต่ขอแนะนำว่าอย่าใช้ลักษณะพิเศษมากจนเกินไป และจะต้องปิดคำสั่งให้เรียบร้อยด้วย. ตัวอย่างด้านล่างนี้เป็นตัวอย่างที่ผิด (เพราะปิดคำสั่งผิดลำดับ):
ซึ่งมันจะไม่แสดงผล ต้องแก้ไขเป็น:
ข้อความอ้างอิง และตัวอักษรความกว้างคงที่ ข้อความอ้างอิงในการตอบ มี 2 แบบ. แบบมีชื่อเจ้าของ. ข้อความอ้างอิงจะอยู่ภายในคำสั่ง
เช่น คุณต้องการพิมพ์ข้อความอ้างอิงของ เหมียวเล็ก :
เมื่อข้อความถูกแสดง จะมีคำว่า ข้อความอ้างอิงของ เหมียวเล็ก นำหน้า. ในที่นี้ สัญลักษณ์ฟันหนู " " จะมีหรือไม่มีก็ได้ ก็ได้ผลเช่นเดียวกัน แบบไม่มีชื่อเจ้าของ. คือใส่แค่
ก็จะมีแค่คำว่า Quote : นำหน้าข้อความอ้างอิง. วิธีสร้างรายการ การสร้างรายการที่ไม่มีหมายเลขลำดับ BCodeสามารถสร้างรายการได้ 2 แบบ คือ แบบไม่มีหมายเลขลำดับ และแบบมีหมายเลขลำดับ. เหมือนกับในภาษา HTML. แต่ละรายการจะมีเครื่องหมายวงกลมนำหน้า. ใช้คำสั่ง
และนำหน้าแต่ละรายการด้วยคำสั่ง
เช่นต้องการแสดงรายการสีที่ชอบ จะพิมพ์ดังนี้:
จะได้ผลเป็น: การเชื่อมโยงไปเว็บอื่นๆ BCode สามารถทำข้อความเชื่อมโยงได้หลายวิธี, Uniform Resource Indicators หรือชื่อย่อคือ URLs. วิธีแรกคือใช้คำสั่ง
ซึ่งข้อความหลังเครื่องหมายเท่ากับ = จะเป็นตำแหน่ง URL. ตัวอย่างเช่น:
จะได้ผลดังนี้ คลิกที่นี่ เพื่อไปที่ phpBB ซึ่งจะเปิดหน้าใหม่ให้โดยอัตโนมัติ. แต่ถ้าคุณต้องการให้ข้อความเชื่อมโยงนั้นถูกแสดงออกมาเลย ก็พิมพ์ว่า:
จะได้ผลเป็น http://www.phpbb.com/ โปรแกรม phpBB มีฟังก์ชันพิเศษคือ Magic Links ที่สามารถแปลงข้อความเชื่อมโยงโดยอัตโนมัติ โดยที่คุณไม่ต้องพิมพ์ http:// เลย. เช่นคุณพิมพ์ว่า www.phpbb.com ลงในข้อความของคุณ จะได้ผลเป็น http://www.phpbb.com โดยอัตโนมัติ. ซึ่งจะใช้ได้กับชื่อ e-mail เช่น:
จะได้ผลเป็น no.one@domain.cat หรือคุณแค่พิมพ์ว่า
ก็จะถูกแปลงให้โดยอัตโนมัติ. ทุกคำสั่งของ BCode คุณสามารถใช้ร่วมกับ font color="blue">URLs ได้ เช่น
(ดูหัวข้อถัดไป)
ฯลฯ. แต่จะต้องปิดคำสั่งตามลำดับที่ถูกต้อง, เช่น:
เป็นคำสั่งที่ ผิด และจะทำให้ข้อความของคุณไม่แสดงผล. การแสดงรูปภาพในข้อความที่พิมพ์ตอบ การแทรกรูปภาพลงในข้อความ ![]() BBCode สามารถแทรกรูปภาพลงในข้อความ. มี 2 อย่างที่สำคัญคือ; บางคนไม่ชอบรูปภาพเยอะๆในข้อความ และรูปภาพนั้นจะต้องอยู่ใน internet (ไม่ใช่อยู่ในเครื่องคอมพิวเตอร์ของคุณ, ยกเว้นว่าคุณจะส่งมันขึ้น server). ดังนั้นคำสั่ง phpBB จึงไม่ใช่คำสั่งเก็บรูปภาพลง internet. คุณจะต้องใส่ตำแหน่ง URL ของรูปภาพไว้ระหว่างคำสั่ง
เช่น:
ซึ่ง ในที่นี้ http://www.phpbb.com/images/phplogo.gif เป็นชื่อลิงค์ของรูปนั้นๆ จำเป็นต้องมีอยู่จริง อย่างที่กล่าวไว้ข้างต้น ว่าคุณสามารถใช้ร่วมกับคำสั่งข้อความเชื่อมโยง
เช่น
จะได้ผลเป็น: ![]() ว่าด้วยการจัดตัวหนังสือ ถ้าต้องการให้ตัวหนังสือเยื้องขวา เราใช้คำสั่ง
ตัวอย่างเช่น
จะได้ผลคือ เยื้องขวา ส่วนการจัดตัวหนังสืออยู่ตรงกลางจอนั้น
คำสั่งคือ
ตัวอย่างเช่น
จะได้ผลคือ ตรงกลางจอ ตรงจุดนี้ ต้องระวังนิดนึง คือ ถ้าหากใช้โค้ดย่อหน้าตัวอักษรด้วยโค้ดย่อหน้าต้องมาก่อนเสมอ เช่น
เหมียวเล็ก ถ้าหากสลับที่กัน มันก็จะไม่แสดงผลของสีและขนาดตัวหนังสือ นอกจากนี้ยังมีเยื้องซ้าย
และการจัดย่อหน้าอิสระตามใจมัน
ด้วยซึ่งโค้ดดังกล่าวนี้ เป็นโค้ดมาตรฐานของ BB code บางโค้ดก็ใช้กับบอร์ด SMF ได้ หรืออาจจะไม่ได้ เพราะมีการเปลี่ยนรูปแบบของสคริปต์ แต่นี่ก็เป็นเพียงจุดเริ่มต้นของการใช้โค้ดเท่านั้น เรายังสามารถเรียนรู้ที่จะดัดแปลงการใช้คำสั่งให้สนุกไปมากกว่านี้ได้อีก |
|||||||||||||||||||||||||||||||||||||||
| 06 มีนาคม 2008 |