วิธีใช้ BBCode ในฟ๐รั่ม ง่ายๆ !!

 

เห็นหลายครั้งเหลือเกินกับโพสต์ที่หลงเหลือบีบีโค้ดแท็กค้างไว้
เช่น

อร๊ายยยยย

เดือนเชื่อว่าต้องมีหลายคนที่ยังใช้ BBCode ไม่ค่อยจะเป็น
เอาง่ายๆ แค่ใช้ในฟ๐รั่มนี่แหละ

จริงๆ ปัญหานี้จะหมดไปถ้าตอบโดยการลอง ก่อนนะคะ
บีบีโค้ดแท็กจะได้ไม่ลอยว่อนออกมา
และไก่จะได้ไม่หนีไปบราซิลเพื่อตามหาโรนัลญินโญ่ด้วย

เพราะฉะนั้น เรามาเรียนรู้เรื่อง บบค อย่างง่ายกันเถอะค่ะ!!




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

Content

1 : BBCode คืออะไร?
2 : จะสร้างตัวหนา, ตัวเอียง และขีดเส้นใต้ ได้อย่างไร
3 : จะเปลี่ยนสีหรือขนาดตัวอักษรอย่างไร
4 : จะใช้คำสั่งร่วมกันได้หรือไม่?
5 : วิธีสร้างรายการ
6 : การสร้างข้อความเชื่อมโยง (links)
7 : การแทรกรูปภาพลงในข้อความ

1 : BBCode คืออะไร?


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

ถ้าในฟ๐นต์ฟ๐รั่มก็ตรงนี้นะคะ



(แต่เว็บบอร์ดที่อื่นก็คงจะไม่ต่างกันเท่าไหร่หรอก
ไม่อยู่บนกล่องข้อความก็อยู่ข้างล่าง)

[สวัสดี]

2 : จะสร้างตัวหนา, ตัวเอียง และขีดเส้นใต้ ได้อย่างไร


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


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

โค้ด:

[b][/b]

เช่น:

โค้ด:

[b]สวัสดี[/b]

จะได้ผลเป็น สวัสดี


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

โค้ด:

[u][/u]

เช่น:

โค้ด:

[u]อรุณสวัสดิ์[/u]

จะได้เป็น อรุณสวัสดิ์


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

โค้ด:

[i][/i]

หรือถ้าง่ายกว่านั้นก็กด โลด

เช่น:

โค้ด:

[i]ตัวเอียง[/i]

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

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


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

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

โค้ด:

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

หรือ

โค้ด:

[color=#FF0000]สวัสดี![/color]

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

(ปล. ถ้าใช้ในฟ๐นต์ฟ๐รั่มก็เลือกที่ เลยค่ะ
แต่ถ้าไม่ชอบใจก็เปลี่ยนสีโดยสามารถดูโค้ดสีได้ในโปรแกรมกราฟิก เช่น โฟโต้ช็อป หรือว่าทางเว็บไซต์ เช่น http://wellstyled.com/tools/colorscheme2/index-en.html ค่ะ


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

โค้ด:

[size=9pt]ขนาดเล็ก[/size]

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

และ

โค้ด:

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

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

[ประกาศ!]

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


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

โค้ด:

[size=18pt][color=red][b]ประกาศ![/b][/color][/size]

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

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

โค้ด:

[b][u]ตัวอย่างที่ผิด[/b][/u]

ต้องแก้ไขเป็น:

โค้ด:

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

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


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

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

โค้ด:

[li][/li] 

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

โค้ด:

[list]
[li]สีแดง[/li]
[li]สีน้ำเงิน[/li]
[li]สีเหลือง[/li]
[/list]

หรือกด

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

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

6 : การสร้างข้อความเชื่อมโยง (links)


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

• วิธีแรกคือใช้คำสั่ง ซึ่งจะได้ผลเหมือนกับการกด , ซึ่งข้อความหลังเครื่องหมายเท่ากับ = จะเป็นตำแหน่ง URL. ตัวอย่างเช่น:

โค้ด:

[url=http://www.f0nt.com/]ฟร้อนเดาะคอม[/url]

จะได้ผลดังนี้ ฟร้อนเดาะคอม ซึ่งจะเปิดหน้าใหม่ให้โดยอัตโนมัติ.

• แต่ถ้าต้องการให้เว็บไซต์ที่เราเชื่อมโยงนั้นแสดงผลในหน้าที่เราเปิดอยู่เลย
ให้ใช้คำสั่ง

โค้ด:

[iurl][/iurl]

เช่น

โค้ด:

[iurl=www.f0nt.com]www.f0nt.com[/iurl]

ผล

www.f0nt.com

• แต่ถ้าคุณต้องการให้ข้อความเชื่อมโยงนั้นถูกแสดงออกมาเลย ก็พิมพ์ว่า:

โค้ด:

[url]http://www.f0nt.com/[/url]

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



แต่

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

• ซึ่งจะใช้ได้กับชื่อ e-mail เช่น:

โค้ด:

[email]no.one@domain.adr[/email]

จะได้ผลเป็น no.one@domain.adr
หรือคุณแค่พิมพ์ว่า no.one@domain.adr ก็จะถูกแปลงให้โดยอัตโนมัติ.

ทุกคำสั่งของ BBCode คุณสามารถใช้ร่วมกับ URLs ได้ เช่น

โค้ด:

[img][/img] 

โค้ด:

 [b][/b]

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

โค้ด:

[url=http://www.f0nt.com/][img]http://f0nt.com/temp/holiday/200612252550.pngf[/url][/img]

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

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


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

โค้ด:

[img][/img] 

เช่น:

โค้ด:

[img]http://f0nt.com/temp/holiday/200612252550.png[/img]

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

โค้ด:

[url][/url]

เช่น

โค้ด:

[url=http://www.f0nt.com/][img]http://f0nt.com/temp/holiday/200612252550.png[/img][/url]

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

[มังกร]

ยาวไม่อ่าน 








  อะ โอ๋ๆๆๆ ขยันๆ +1

(+2)



เอ้า ยอกันให้เสร็จ เดี๋ยวย้ายไป FAQs

ไปสอนคอมจะเหมาะกว่าไหม? (ยังไงก็ได้  )

++

ครั้งหน้าจะพยายามเรียบเรียงเรื่องการใช้ code กะ quote และอื่นๆ ค่ะ
แต่ตอนนี้ 

(ก็อปเขามาก็เหนื่อยนะเว้ย)

ขอบคุณทุกความเห็นค่ะ +

ปล. ใครจะให้ความรู้ต่อจากนี้ก็ตามสบายเลยนะคะ
ต่อไปนี้ถ้าเราเห็นใครไปบราซิลก็...

[มังกร]

 

ถ้าจะให้เป็นบทความที่ใช้ประโยชน์ได้จริงๆ
ผมว่าเอาลิงก์แปะที่ตรงนี้จะดีมากครับ

ห้าโอ

สอนใช้ SnagIt หน่อยสิจ๊ะ

ถ้าจะให้เป็นบทความที่ใช้ประโยชน์ได้จริงๆ
ผมว่าเอาลิงก์แปะที่ตรงนี้จะดีมากครับ

เชื่อไหมว่า ลองคนจะไม่อ่าน มันก็ไม่อ่าน