หน้า: [1] 2 3 4 5
 
ผู้เขียน กระจู๋: วิธีใช้ BBCode ในฟ๐รั่ม ง่ายๆ !!  (อ่าน 61992 ครั้ง)
0 สาวก และ 1 ขาจร กำลังดูกระจู๋นี้
 หน้ามึน

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

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

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

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




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


Content

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



« แก้ไขครั้งสุดท้าย: 25 ต.ค. 2007, 23:32 น. โดย เดือนนี่ ผีตัวเขียว » บันทึกการเข้า

ที่สุดถ้ามันจะไม่คุ้ม
แต่มันก็ดีที่อย่างน้อยได้จดจำ
ว่าครั้งนึงเคยก้าวไป...
1 : BBCode คืออะไร?


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

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



(แต่เว็บบอร์ดที่อื่นก็คงจะไม่ต่างกันเท่าไหร่หรอก
ไม่อยู่บนกล่องข้อความก็อยู่ข้างล่าง)
« แก้ไขครั้งสุดท้าย: 29 ธ.ค. 2006, 00:28 น. โดย MoonShine » บันทึกการเข้า

ที่สุดถ้ามันจะไม่คุ้ม
แต่มันก็ดีที่อย่างน้อยได้จดจำ
ว่าครั้งนึงเคยก้าวไป...
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]
« แก้ไขครั้งสุดท้าย: 29 ธ.ค. 2006, 00:09 น. โดย MoonShine » บันทึกการเข้า

ที่สุดถ้ามันจะไม่คุ้ม
แต่มันก็ดีที่อย่างน้อยได้จดจำ
ว่าครั้งนึงเคยก้าวไป...
5 : วิธีสร้างรายการ


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

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

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

    หรือกด

    จะได้ผลเป็น:
    • สีแดง
    • สีน้ำเงิน
    • สีเหลือง
    « แก้ไขครั้งสุดท้าย: 29 ธ.ค. 2006, 00:08 น. โดย MoonShine » บันทึกการเข้า

    ที่สุดถ้ามันจะไม่คุ้ม
    แต่มันก็ดีที่อย่างน้อยได้จดจำ
    ว่าครั้งนึงเคยก้าวไป...
    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
    บันทึกการเข้า

    อาชีพปัจจุบันคือเปิดร้านสกรีนเสื้อครับ ช่วยอุดหนุนด้วยเด้อ
    ไปสอนคอมจะเหมาะกว่าไหม? (ยังไงก็ได้  ปลื้ม)

    ++
    บันทึกการเข้า

    [ FACT HOSTING ] [ บ้านโฮมฮัก ]
    Today you , Tomorrow me.
    ครั้งหน้าจะพยายามเรียบเรียงเรื่องการใช้ code กะ quote และอื่นๆ ค่ะ
    แต่ตอนนี้  หน้ามึน

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

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

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

    ที่สุดถ้ามันจะไม่คุ้ม
    แต่มันก็ดีที่อย่างน้อยได้จดจำ
    ว่าครั้งนึงเคยก้าวไป...
     เจ๋ง

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

    บันทึกการเข้า
    ห้าโอ นะนะ

    สอนใช้ SnagIt หน่อยสิจ๊ะ นะนะนะ
    บันทึกการเข้า

    ที่สุดถ้ามันจะไม่คุ้ม
    แต่มันก็ดีที่อย่างน้อยได้จดจำ
    ว่าครั้งนึงเคยก้าวไป...
    เจ๋ง

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



    เชื่อไหมว่า ลองคนจะไม่อ่าน มันก็ไม่อ่าน กร๊าก
    บันทึกการเข้า

    อาชีพปัจจุบันคือเปิดร้านสกรีนเสื้อครับ ช่วยอุดหนุนด้วยเด้อ
    หน้า: [1] 2 3 4 5
     
     
    Powered by MySQL Powered by PHP Powered by SMF 1.1.21 | SMF © 2006-2007, Simple Machines | Thai language by ThaiSMF Valid XHTML 1.0! Valid CSS!