หน้า: [1] 2 3 4 5
 
ผู้เขียน หัวข้อ: วิธีใช้ BBCode ในฟ๐รั่ม ง่ายๆ !!  (อ่าน 104162 ครั้ง)
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
    บันทึกการเข้า
    ไปสอนคอมจะเหมาะกว่าไหม? (ยังไงก็ได้  ปลื้ม)

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

    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!