นักธรรม
ห้องสมุด "นักธรรม" => หมวด : เทคโนโลยี ไอที IT => ข้อความที่เริ่มโดย: LittleCat ที่ 17/02/2008, 20:33
-
BBCode คืออะไร?
BBCode คือส่วนหนึ่งของภาษา HTML. คุณสามารถใช้ BBCode ในข้อความที่คุณพิมพ์.
และคุณสามารถยกเลิกการใช้ BBCode ในแต่ละข้อความได้ในแบบฟอร์มกรอกข้อความ.
BBCode มีรูปแบบคล้ายๆกับภาษา HTML, คือจะมีเครื่องหมาย [ และ ] คลุมคำสั่งไว้
แทน < และ > ในภาษา HTML. แต่จะสามารถควบคุมการแสดงผลได้ดีกว่า.
คุณสามารถเพิ่มคำสั่ง BBCode ให้กับข้อความของคุณโดยคลิกปุ่มคำสั่งด้านบนช่องกรอกข้อความ.
การจัดรูปแบบของตัวอักษร
จะสร้างตัวหนา, ตัวเอียง และขีดเส้นใต้ ได้อย่างไร
BBCode จะช่วยสร้างรูปแบบให้กับตัวอักษร ดังนี้:
ถ้าจะทำตัวหนา (http://www.chongter.com/webboard/Themes/default/images/bbc/bold.gif) ให้พิมพ์ข้อความแทรกลงในในรหัส
[b][/b], เช่น:
[b]ตัวหนา[/b]
จะได้ผลเป็น ตัวหนา
ถ้าจะขีดเส้นใต้ (http://www.chongter.com/webboard/Themes/default/images/bbc/underline.gif) ก็ใช้
[u][/u], เช่น:
[u]ตัวขีดเส้นใต้[/u]
จะได้เป็น ตัวขีดเส้นใต้
ถ้าจะทำตัวเอียง (http://www.chongter.com/webboard/Themes/default/images/bbc/italicize.gif) ให้ใช้
[i][/i], เช่น:
[i]ตัวเอียง[/i]
จะได้ผลเป็น ตัวเอียง
ถ้าจะทำตัวหนังสือมีขีดฆ่าอยู่ตรงกลาง (http://www.chongter.com/webboard/Themes/default/images/bbc/strike.gif) ให้ใช้
[s][/s], เช่น:
[s]ตัวขีดกลาง[/s]
จะได้ผลเป็น ตัวขีดกลาง
ถ้าจะทำตัวหนังสือแบบเรืองแสง (http://www.chongter.com/webboard/Themes/default/images/bbc/glow.gif) ให้ใช้
[glow=red,2,300][/glow], เช่น:
[glow=green,15,300]ตัวเรืองแสง[/glow]
จะได้ผลเป็น ตัวเรืองแสง
ถ้าจะทำตัวหนังสือแบบมีเงา (http://www.chongter.com/webboard/Themes/default/images/bbc/shadow.gif) ให้ใช้
[shadow=red,left][/shadow], เช่น:
[shadow=red,left]ตัวมีเงา[/shadow]
จะได้ผลเป็น ตัวมีเงา
ถ้าจะทำตัวหนังสือเลื่อนจากขวาไปซ้าย (http://www.chongter.com/webboard/Themes/default/images/bbc/move.gif) ให้ใช้
[move][/move], เช่น:
[move]ตัวเลื่อน[/move]
จะได้ผลเป็น
ตัวเลื่อน
-
จะเปลี่ยนสีหรือขนาดตัวอักษรอย่างไร
(http://i56.photobucket.com/albums/g185/catzcatch/IT/BBCode-01.jpg)
การเปลี่ยนสีหรือขนาดของตัวอักษร จะขึ้นอยู่กับโปรแกรม browser
ถ้าจะเปลี่ยนสีตัวอักษร ให้ใช้คำสั่ง
[color=][/color]. ซึ่งคุณสามารถเปลี่ยนสีได้ (เช่น red, blue, yellow, ฯลฯ) หรือใช้เลขฐาน 6 ก็ได้, เช่น #FFFFFF, #000000.(Color Schemer Online V.2 (http://www.colorschemer.com/online.html)) ยกตัวอย่างเช่น, จะสร้างตัวอักษรสีแดง:
[color=red]สวัสดี![/color]
หรือ
[color=#FF0000]สวัสดี![/color]
ทั้งคู่จะได้ผลเป็น สวัสดี!
การเปลี่ยนขนาดตัวอักษร (http://www.chongter.com/webboard/Themes/default/images/bbc/size.gif) ก็ทำได้โดยใช้คำสั่ง
[size=][/size].ขนาดของตัวอักษรจะเป็นหน่วย pixels, เริ่มต้นที่ 1 (ซึ่งเล็กมากจนมองไม่เห็น) จนถึง 29 (ใหญ่ที่สุด). ตัวอย่างเช่น:
[size=8pt]ขนาดเล็ก[/size]
จะได้ผลเป็น ขนาดเล็ก
และ
[size=24pt]ขนาดใหญ่[/size]
จะได้ผลเป็น ขนาดใหญ่
จะใช้คำสั่งร่วมกันได้หรือไม่?
ใช้ได้, เช่นต้องการเน้นความสำคัญ คุณอาจใช้:
[size=18][color=red][b]ประกาศ![/b][/color][/size]
จะได้ผลเป็น ประกาศ!
แต่ขอแนะนำว่าอย่าใช้ลักษณะพิเศษมากจนเกินไป และจะต้องปิดคำสั่งให้เรียบร้อยด้วย. ตัวอย่างนี้เป็นตัวอย่างที่ผิด (เพราะปิดคำสั่งผิดลำดับ):
[b][u]ตัวอย่างที่ผิด[/b][/u]
ต้องแก้ไขเป็น:
[b][u]ตัวอย่างที่ถูก[/u][/b]
-
ข้อความอ้างอิง และตัวอักษรความกว้างคงที่
ข้อความอ้างอิงในการตอบ
มี 2 แบบ.
แบบมีชื่อเจ้าของ. ข้อความอ้างอิงจะอยู่ภายในคำสั่ง
[quote="เจ้าของ"][/quote]. เช่น คุณต้องการพิมพ์ข้อความอ้างอิงของ เหมียวเล็ก:
[quote="เหมียวเล็ก"]ข้อความอ้างอิงของ [color=navy]เหมียวเล็ก[/color][/quote]
เมื่อข้อความถูกแสดง จะมีคำว่า ข้อความอ้างอิงของ เหมียวเล็ก
นำหน้า.
ในที่นี้ สัญลักษณ์ฟันหนู " " จะมีหรือไม่มีก็ได้ ก็ได้ผลเช่นเดียวกัน
แบบไม่มีชื่อเจ้าของ. คือใส่แค่
[quote][/quote].ก็จะมีแค่คำว่า Quote: นำหน้าข้อความอ้างอิง.
วิธีสร้างรายการ
การสร้างรายการที่ไม่มีหมายเลขลำดับ
BBCode สามารถสร้างรายการได้ 2 แบบ คือ แบบไม่มีหมายเลขลำดับ และแบบมีหมายเลขลำดับ. เหมือนกับในภาษา HTML. แต่ละรายการจะมีเครื่องหมายวงกลมนำหน้า. ใช้คำสั่ง [list][/list] และนำหน้าแต่ละรายการด้วยคำสั่ง [*]. เช่นต้องการแสดงรายการสีที่ชอบ จะพิมพ์ดังนี้:
[list]
[*]สีแดง
[*]สีน้ำเงิน
[*]สีเหลือง
[/list]
จะได้ผลเป็น:
-
การเชื่อมโยงไปเว็บอื่นๆ
BBCode สามารถทำข้อความเชื่อมโยงได้หลายวิธี, Uniform Resource Indicators หรือชื่อย่อคือ URLs.
วิธีแรกคือใช้คำสั่ง (http://www.littlecatzhome.net/Themes/default/images/bbc/url.gif)
[url=][/url], ซึ่งข้อความหลังเครื่องหมายเท่ากับ = จะเป็นตำแหน่ง URL. ตัวอย่างเช่น:
[url=http://www.phpbb.com/]คลิกที่นี่ เพื่อไปที่ phpBB[/url]
จะได้ผลดังนี้ คลิกที่นี่ เพื่อไปที่ phpBB (http://www.phpbb.com/) ซึ่งจะเปิดหน้าใหม่ให้โดยอัตโนมัติ.
แต่ถ้าคุณต้องการให้ข้อความเชื่อมโยงนั้นถูกแสดงออกมาเลย ก็พิมพ์ว่า:
[url]http://www.phpbb.com/[/url]
จะได้ผลเป็น, http://www.phpbb.com/ (http://www.phpbb.com/)
โปรแกรม phpBB มีฟังก์ชันพิเศษคือ Magic Links ที่สามารถแปลงข้อความเชื่อมโยงโดยอัตโนมัติ โดยที่คุณไม่ต้องพิมพ์ http:// เลย. เช่นคุณพิมพ์ว่า www.phpbb.com ลงในข้อความของคุณ จะได้ผลเป็น http://www.phpbb.com โดยอัตโนมัติ.
ซึ่งจะใช้ได้กับชื่อ e-mail (http://www.littlecatzhome.net/Themes/default/images/bbc/email.gif)เช่น:
[email][email protected][/email]
จะได้ผลเป็น [email protected] หรือคุณแค่พิมพ์ว่า
[email protected] ก็จะถูกแปลงให้โดยอัตโนมัติ.
ทุกคำสั่งของ BBCode คุณสามารถใช้ร่วมกับ URLs ได้ เช่น [img][/img] (ดูหัวข้อถัดไป),
[b][/b], ฯลฯ. แต่จะต้องปิดคำสั่งตามลำดับที่ถูกต้อง, เช่น:
[url=http://www.phpbb.com/][img]http://www.phpbb.com/images/phplogo.gif[/url][/img]
เป็นคำสั่งที่ผิด และจะทำให้ข้อความของคุณไม่แสดงผล.
-
การแสดงรูปภาพในข้อความที่พิมพ์ตอบ
การแทรกรูปภาพลงในข้อความ (http://www.littlecatzhome/Themes/default/images/bbc/img.gif)
BBCode สามารถแทรกรูปภาพลงในข้อความ.
มี 2 อย่างที่สำคัญคือ; บางคนไม่ชอบรูปภาพเยอะๆในข้อความ และรูปภาพนั้นจะต้องอยู่ใน internet (ไม่ใช่อยู่ในเครื่องคอมพิวเตอร์ของคุณ, ยกเว้นว่าคุณจะส่งมันขึ้น server). ดังนั้นคำสั่ง phpBB จึงไม่ใช่คำสั่งเก็บรูปภาพลง internet. คุณจะต้องใส่ตำแหน่ง URL ของรูปภาพไว้ระหว่างคำสั่ง [img][/img] เช่น:[/size]
[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]
จะได้ผลเป็น:
(http://www.littlecatzhome.net/Themes/default/images/new.gif) (http://www.littlecatzhome.net/index.php)
ว่าด้วยการจัดตัวหนังสือ
ถ้าต้องการให้ตัวหนังสือเยื้องขวา (http://www.littlecatzhome.net/Themes/default/images/bbc/right.gif) เราใช้คำสั่ง
[right][/right]ตัวอย่างเช่น
[right]เยื้องขวา[/right]จะได้ผลคือ
เยื้องขวา
ส่วนการจัดตัวหนังสืออยู่ตรงกลางจอนั้น (http://www.littlecatzhome.net/Themes/default/images/bbc/center.gif) คำสั่งคือ
[center][/center]ตัวอย่างเช่น
[center]ตรงกลางจอ[/center]จะได้ผลคือ
ตรงกลางจอ
ตรงจุดนี้ ต้องระวังนิดนึง คือ ถ้าหากใช้โค้ดย่อหน้าตัวอักษรด้วย โค้ดย่อหน้าต้องมาก่อนเสมอ
เช่น
[center][color=#E60066][size=12pt]เหมียวเล็กน่ารักจัง[/size][/color][/center]เหมียวเล็กน่ารักจัง
ถ้าหากสลับที่กัน มันก็จะไม่แสดงผลของสีและขนาดตัวหนังสือ
นอกจากนี้ยังมีเยื้องซ้าย (http://www.littlecatzhome.net/Themes/default/images/bbc/left.gif) และการจัดย่อหน้าอิสระตามใจมัน (http://www.littlecatzhome.net/Themes/default/images/bbc/pre.gif) ด้วย
ซึ่งโค้ดดังกล่าวนี้ เป็นโค้ดมาตรฐานของ BB code บางโค้ดก็ใช้กับบอร์ด SMF ได้ หรืออาจจะไม่ได้
เพราะมีการเปลี่ยนรูปแบบของสคริปต์นะครับ แต่นี่ก็เป็นเพียงจุดเริ่มต้นของการใช้โค้ดเท่านั้น
เรายังสามารถเรียนรู้ที่จะดัดแปลงการใช้คำสั่งให้สนุกไปมากกว่านี้ได้อีก
-
ขอบคุณท่านเหมียวครับผม ได้ความรู้เยอะเลยครับ