http://www.postwebseo.com - โฆษณาฟรี | ประกาศฟรี | ลงประกาศหางาน แหล่งซื้อขายสินค้า โฆษณา ลงประกาศ ลงโฆษณาฟรีได้ตลอด 24 ชั่วโมง

โฆษณาฟรี | ประกาศฟรี | ลงประกาศหางาน

ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน
ส่งอีเมล์ยืนยันการใช้งาน?

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

 


กล้อง อุปกรณ์ถ่ายภาพ กล้อง อุปกรณ์ถ่ายภาพ ใหม่ การศึกษา การศึกษา ใหม่ กีฬา กีฬา ใหม่ เกมส์ ของเล่น เกมส์ ของเล่น ใหม่ ของสะสม ของเก่า อดิเรก ของสะสม ของเก่า อดิเรก ใหม่
คอมพิวเตอร์ คอมพิวเตอร์ ใหม่ เครื่องใช้ไฟฟ้า เครื่องใช้ไฟฟ้า ใหม่ เครื่องดนตรี เครื่องดนตรี ใหม่ ต้นไม้ สัตว์เลี้ยง ต้นไม้ สัตว์เลี้ยง ใหม่ ตั๋ว บัตร ตั๋ว บัตร ใหม่
ท่องเที่ยว ทัวร์ ที่พัก ท่องเที่ยว ทัวร์ ที่พัก ใหม่ ธุรกิจ งาน ธุรกิจ งาน ใหม่ นาฬิกา จิวเวลลี่ เครื่องประดับ นาฬิกา จิวเวลลี่ เครื่องประดับ ใหม่ บันเทิง เพลง ดนตรี บันเทิง เพลง ดนตรี ใหม่ เฟอร์นิเจอร์ เฟอร์นิเจอร์ ใหม่
แฟชั่น เสื้อผ้า แฟชั่น เสื้อผ้า ใหม่ มือถือ อุปกรณ์สื่อสาร มือถือ อุปกรณ์สื่อสาร ใหม่ แม่และเด็ก แม่และเด็ก ใหม่ รถ ยานพาหนะ รถ ยานพาหนะ ใหม่ ศิลปะ หัตถกรรม ของที่ระลึก ศิลปะ หัตถกรรม ของที่ระลึก ใหม่
เสริมสวย สุขภาพ เสริมสวย สุขภาพ ใหม่ หนังสือ หนังสือ ใหม่ อสังหาริมทรัพย์ อสังหาริมทรัพย์ ใหม่ อาหาร อาหาร ใหม่ อุตสาหกรรม เครื่องจักร อุตสาหกรรม เครื่องจักร ใหม่
อุปกรณ์สำนักงาน อุปกรณ์สำนักงาน ใหม่ อื่นๆ อื่นๆ ใหม่    


ผู้เขียน หัวข้อ: มาทำความรู้จัก BBCode กันครับ (โค๊ดที่ใช้กับเว็บบอร์ด)  (อ่าน 21107 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ EkStepZa

  • Full Member
  • ***
  • กระทู้: 235
  • ผมสัญญากับตัวเองไว้ว่าจะ "เรียนรู้ตลอดชีวิต"
    • ดูรายละเอียด
    • งานออนไลน์
BBCode คืออะไร?

BCode ย่อมาจาก Bulletin Board Code
คุณสามารถใช้ 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]

จะได้ผลเป็น

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



การเปลี่ยนสีหรือขนาดของตัวอักษร จะขึ้นอยู่กับโปรแกรม 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]

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

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

โค๊ด: [Select]
[quote="เจ้าของ"][/quote]. เช่น คุณต้องการพิมพ์ข้อความอ้างอิงของ เหมียวเล็ก:
โค๊ด: [Select]
[quote="เหมียวเล็ก"]ข้อความอ้างอิงของ [color=navy]เหมียวเล็ก[/color][/quote]
เมื่อข้อความถูกแสดง จะมีคำว่า
อ้างจาก: เหมียวเล็ก
ข้อความอ้างอิงของ เหมียวเล็ก
นำหน้า.
ในที่นี้ สัญลักษณ์ฟันหนู "  " จะมีหรือไม่มีก็ได้ ก็ได้ผลเช่นเดียวกัน

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

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



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

การสร้างรายการที่ไม่มีหมายเลขลำดับ
BBCode สามารถสร้างรายการได้ 2 แบบ คือ แบบไม่มีหมายเลขลำดับ และแบบมีหมายเลขลำดับ. เหมือนกับในภาษา HTML. แต่ละรายการจะมีเครื่องหมายวงกลมนำหน้า. ใช้คำสั่ง
โค๊ด: [Select]
[list][/list] และนำหน้าแต่ละรายการด้วยคำสั่ง
โค๊ด: [Select]
[*]. เช่นต้องการแสดงรายการสีที่ชอบ จะพิมพ์ดังนี้:
โค๊ด: [Select]
[list]
[*]สีแดง
[*]สีน้ำเงิน
[*]สีเหลือง
[/list]
จะได้ผลเป็น:
  • สีแดง
  • สีน้ำเงิน
  • สีเหลือง


ฝากรูป | อัพโหลดรูป | เว็บฝากรูป | ฝากรูปฟรี
โพสต์เรียบร้อยแล้ว อย่าลืมไปฝากลิ้งค์ไว้ใน Group และ Fanpage ด้วยนะครับ

ด่วน! เปิดรับสมัครแล้ว SmartPays EkStepZa Team
>>> http://www.smartpaysteam.com <<<

ออฟไลน์ EkStepZa

  • Full Member
  • ***
  • กระทู้: 235
  • ผมสัญญากับตัวเองไว้ว่าจะ "เรียนรู้ตลอดชีวิต"
    • ดูรายละเอียด
    • งานออนไลน์
การเชื่อมโยงไปเว็บอื่นๆ

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]no.one[แอท]domain.cat[/email]
จะได้ผลเป็น no.one[แอท]domain.cat หรือคุณแค่พิมพ์ว่า
โค๊ด: [Select]
no.one[แอท]domain.cat ก็จะถูกแปลงให้โดยอัตโนมัติ.
ทุกคำสั่งของ BBCode คุณสามารถใช้ร่วมกับ URLs ได้ เช่น
โค๊ด: [Select]
[img][/img] (ดูหัวข้อถัดไป),
โค๊ด: [Select]
[b][/b], ฯลฯ. แต่จะต้องปิดคำสั่งตามลำดับที่ถูกต้อง, เช่น:
โค๊ด: [Select]
[url=http://www.phpbb.com/][img]http://www.phpbb.com/images/phplogo.gif[/url][/img]
เป็นคำสั่งที่ผิด และจะทำให้ข้อความของคุณไม่แสดงผล.

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

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

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

โค๊ด: [Select]
[url][/url], เช่น
โค๊ด: [Select]
[url=http://classified.cyberbiz.ws][img]http://classified.cyberbiz.ws/header.jpg[/img][/url]
จะได้ผลเป็น:




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

ถ้าต้องการให้ตัวหนังสือเยื้องขวา เราใช้คำสั่ง
โค๊ด: [Select]
[right][/right]ตัวอย่างเช่น
โค๊ด: [Select]
[right]เยื้องขวา[/right]จะได้ผลคือ
เยื้องขวา

ส่วนการจัดตัวหนังสืออยู่ตรงกลางจอนั้น คำสั่งคือ
โค๊ด: [Select]
[center][/center]ตัวอย่างเช่น
โค๊ด: [Select]
[center]ตรงกลางจอ[/center]จะได้ผลคือ
ตรงกลางจอ

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

โค๊ด: [Select]
[center][color=#E60066][size=12pt]เหมียวเล็ก[/size][/color][/center]
เหมียวเล็กp
ถ้าหากสลับที่กัน มันก็จะไม่แสดงผลของสีและขนาดตัวหนังสือ

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

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

ด่วน! เปิดรับสมัครแล้ว SmartPays EkStepZa Team
>>> http://www.smartpaysteam.com <<<

ออฟไลน์ mayafter

  • Newbie
  • *
  • กระทู้: 1
    • ดูรายละเอียด
    • เว็บไซต์หางาน part time งานพิเศษ รายได้เสริม
ขอบคุณหลายคัฟ

ออฟไลน์ mimimi

  • Newbie
  • *
  • กระทู้: 1
    • ดูรายละเอียด
Re: มาทำความรู้จัก BBCode กันครับ (โค๊ดที่ใช้กับเว็บบอร์ด)
« ตอบกลับ #3 เมื่อ: 12 มิถุนายน 2014, 03:44:34 AM »
ขอบคุนนน :-*

ออฟไลน์ foot7ball2gukai5

  • Newbie
  • *
  • กระทู้: 2
    • ดูรายละเอียด
น่าสนใจมาก







ประกาศอื่น ๆ ในหมวดเดียวกัน
"โรนัลโด้" โชว์ฟอร์มสุดโหด...
โรนัลโด้ โชว์ฟอร์มทำสถิติเพียบในซีซั่นนี้วงการฟุตบ...

เส้นทางนี้ไม่มีคำว่าจน  สิ...
เส้นทางนี้ไม่มีคำว่าจน  สินค้าดีไม่ต้องพูดมากด่วน!...

บริการ เครื่องตั้งเวลารดน้...
เครื่องตั้งเวลารดน้ำอัตโนมัติ แบบอนาล็อก / ดิจิตอล...

ชุมพรซีลอนดอทคอม กำจัดต้นก...
ชุมพรซีลอน.com ค้าพริกไทยซีลอน กิ่งพันธุ์พริกไทยซี...

ขายถูก บอร์ดควบคุมอุณหภูมิ...
บอร์ดควบคุมอุณหภูมิ สามารถ สั่งซื้อได้ที่ www.foge...

ตู้จดหมาย
ตู้จดหมายรุ่น:MB 4502 วัสดุ EG เหล็ก 0.8 m.m. / สี...

กำจัด เห็บหมัด ขี้เรื้อนด้...
ส.กำแพงแสน จำหน่ายเหยื่อกำจัดสำเร็จรูป สูตรพืชสมุน...

Freshly kids เปิดรับสมัครน...
Freshly kids เปิดรับสมัครน้องๆนายแบบ/นางแบบ อายุระ...

จำหน่ายเหยื่อกำจัดสำเร็จรู...
ส.กำแพงแสน จำหน่ายเหยื่อกำจัดสำเร็จรูป สูตรพืชสมุน...

Freshly Kids รับสมัครเด็กๆ...
รับสมัครเด็กๆชายและหญิง ถ่ายนิตยสาร M&C แม่และเด็ก...