มีปัญหาในการใช้งานเวบบอร์ด ติดต่อทีมงาน อีเมล fourfanclub@hotmail.com

การโพสต์รูป และตกแต่งข้อความ ตัวหนา ตัวเอียง ฯลฯ (BB Code)

ช่วยเหลือ แก้ไขปัญหาในการใช้งานเวบบอร์ด

การโพสต์รูป และตกแต่งข้อความ ตัวหนา ตัวเอียง ฯลฯ (BB Code)

โพสต์โดย 4_warlord » เสาร์ ต.ค. 21, 2006 7:42 pm

การตกแต่งข้อความ ตัวหนา ตัวเอียง ใส่รูป ฯลฯ (BB Code)

การโพสข้อความในบอร์ดนั้น หากเราต้องการตกแต่งข้อความด้วยการทำตัวอักษรของเรา
ให้เป็นตัวหนา ตัวเอียง ต่างๆ นั้น จำเป็นจะต้องใช้รหัส BB Code และ HTML Code บางชนิด
BB Code ที่เราใช้มีอยู่ 2 แบบ ซึ่งจะขออธิบายง่ายๆ ก็คือ แบบมีตัวแปร และแบบไม่มีตัวแปร

แบบไม่มีตัวแปร ได้แก่ การทำตัวหนา ตัวเอียง ขีดเส้นใต้ และแทรกรูป
แบบมีตัวแปร ได้แก่ การเปลี่ยนขนาดตัวอักษร ซึ่งตัวแปรก็คือเลขขนาดตัวอักษร
การเปลี่ยนสี ตัวแปรคือ สีที่ต้องการ, การทำ link เชื่อมโยง ตัวแปรก็คือ url หรือ link นั่นเอง

ซึ่งผู้ชำนาญแล้วอาจจะจำรหัสต่างๆ ได้แล้ว แต่สำหรับผู้ไม่ชำนาญ ทางเวบได้จัดทำเครื่องมือ
สำหรับช่วยตกแต่งข้อความไว้ให้แล้ว เมื่อใช้เมาส์ชี้ที่ปุ่มต่างๆ จะมีคำอธิบายอยู่เหนือกรอบคำตอบ

รูปภาพ

สำหรับการจะทำให้เครื่องมือเหล่านี้ปรากฏขึ้นมา เราจะต้องมีการสร้างกระทู้ใหม่ หรือในการตอบกระทู้
ให้คลิกที่ปุ่ม รูปภาพ ที่อยู่ด้านซ้ายบนและล่างของกระทู้นั้นๆ แทนการตอบแบบเร่งด่วน

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

และเมื่อทุกอย่างเรียบร้อยแล้ว เราต้องไม่ลืมกดปุ่ม แสดงตัวอย่าง ก่อนเพื่อตรวจสอบความถูกต้อง
เมื่อข้อความที่ตกแต่งเป็นไปตามแล้วต้องการแล้ว จึงค่อยกดปุ่ม ส่ง(Submit)

ปุ่มต่างๆ ที่ใช้บ่อยๆ มีดังนี้

รูปภาพ
ตัวหนา
ฉันรักโฟร์แฟน
[b]ฉันรักโฟร์แฟน[/b]

รูปภาพ
ตัวเอียง
ฉันรักโฟร์แฟน
[i]ฉันรักโฟร์แฟน[/i]

รูปภาพ
ตัวขีดเส้นใต้
ฉันรักโฟร์แฟน
[u]ฉันรักโฟร์แฟน[/u]

การเปลื่ยนขนาดตัวอักษร
เลือกขนาดตัวอักษรที่ต้องการตรงที่ขนาดตัวอักษร
ดังรูป รูปภาพ
เช่นต้องการเลือกขนาดตัวอักษร ใหญ่มาก ก็ให้เลือกไปที่ "ใหญ่มาก" หลังจากนั้นจะได้ [size=24][/size] ขึ้นมา
โดยการจะทำให้ตัวอักษรเป็นมีขนาดใหญ่มากนั้น ให้พิมพ์ข้อความที่ต้องการลงไปตรงกลางระหว่าง [size=24][/size]
เมื่อกดส่งก็จะได้ตัวอักษร ใหญ่มาก ตามต้องการ
เช่น [size=24]ใหญ่มาก[/size] จะได้ว่า ใหญ่มาก

นอกจากนี้ เราสามารถแก้ไขตัวเลขเพื่อปรับเปลี่ยนขนาดตัวอักษรได้ตามต้องการอีกด้วย

การเปลื่ยนสีตัวอักษร
ทำได้โดยเลือกสีตัวอักษรที่ สีตัวอักษร ดังรูป รูปภาพ
เช่น ต้องการเลือกสีแดงก็ให้เลือกไปที่ "สีแดง" หลังจากนั้นจะได้ [color=red][/color] ขึ้นมา
โดยการจะทำให้ตัวอักษรเป็นสีแดงนั้น ให้พิมพ์ข้อความที่ต้องการลงไปตรงกลางระหว่าง [color=red][/color]
เช่น [color=red]สีแดง[/color] จะได้ว่า สีแดง

หรือหากว่าการอ้างชื่อสี ยังไม่ทำให้ได้สีที่โดนใจ เราสามารถอ้างถึงรหัสสีได้โดยตรง โดยใช้เครื่องหมาย # ตามด้วยรหัสสี
รหัสสี เป็น รหัสที่ได้จากการผสมสีต่างๆ ของแม่สี คือ แดง (Red), เขียว (Green), น้ำเงิน (Blue) โดยจะใช้เลขฐาน 16 เป็นตัวบอก
นั่นก็คือ 00 (มืดที่สุด) ถึง FF (สว่างที่สุด) โดย สองตัวแรก คือสีแดง สองตัวกลาง คือสีเขียว และสองตัวท้ายคือสีน้ำเงิน
เช่น สีม่วง ได้จากการผสมสีแดงกับน้ำเงิน ดังนั้น สีม่วงสว่างก็คือ #FF00FF นอกจากนั้นเรายังสามารถปรับความเข้มของแสง
โดยเปลี่ยนตัวเลขของสี 00 - FF เอาตามใจชอบ

ฟังดูยุ่งยากใช่ไหม ดังนั้น เราจึงมีตารางรหัสสีมาบริการให้คุณเรียบร้อยแล้ว เลือกได้ตามใจชอบครับ

รหัสสี : http://www.fourfan.com/board/weblogs/colors.htm

ตัวอย่างการใช้รหัสสี
[COLOR=#FF00FF]ฉันรักโฟร์แฟน[/COLOR] จะได้เป็น ฉันรักโฟร์แฟน

สำหรับใครที่มีโปรแกรมสำหรับดูรหัสสีต่างๆ ได้ เช่น Photoshop ก็สามารถเปิดดูได้เช่นกัน

รูปภาพ


การโพสรูป

สำหรับการโพสรูป หรือแทรกรูปในข้อความ ก็มี 2 กรณีด้วยกัน คือ

1. รูปที่ต้องการแทรกอยู่ในเครื่องคอมพิวเตอร์ของเรา
หากต้องการใส่รูปในเครื่องของเราเอง ให้เตรียมรูปไว้ให้เรียบร้อย จากนั้นกดที่ปุ่ม Browse...
เพื่อบอกที่อยู่ของรูปในเครื่องของเรา แล้วกดปุ่ม host it!
จากนั้นรูปของเราจะถูกนำไปฝากไว้บนเวบ เมื่อกระบวนการรับฝาก (upload) เรียบร้อยแล้ว
ทางเวบที่รับฝากรูปจะแจ้งที่อยู่ของรูปที่ฝากไว้ (Address) ซึ่งเราจะเรียกว่า link หรือ url กับเรา

รูปภาพ

จากรูป ในช่องแรก (ในกรอบสีแดง) จะเป็นโค้ดที่เราสามารถก๊อปปี้มาวางในช่องสี่เหลี่ยมลายเซ็นได้เลย
แต่ในช่องแรกนี้นอกจากจะแสดงรูปที่เราฝากไว้แล้ว เวลาที่คลิกลงบนรูปลายเซ็น จะเป็นการ link ไปยัง
เวบที่ฝากรูปด้วย หากไม่ต้องการเช่นนั้น ให้ก๊อปปี้ url จริงๆ ของรูป ซึ่งจะอยู่ในช่องล่างสุด (ในกรอบสีน้ำเงิน)

2. รูปที่ต้องการแทรกอยู่บนเวบไซด์อยู่แล้ว
ให้ดูที่อยู่ (url) ของรูปนั้น โดย url ของรูปสามารถเอาได้จากการ คลิกเมาส์ขวาที่รูปที่ต้องการ
แล้วเลือกเมนู properties จากนั้นดูที่ address แล้วใช้เมาส์คลิกให้เกิดแถบสว่างเพื่อก๊อปปี้มาได้เลย

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

ตัวอย่างเช่น ใช้ code ว่า
[IMG]http://www.moresman.th.gs/web-m/oresman/gif/r11lek.jpg[/IMG]

จะได้เป็น
รูปภาพ

ข้อควรจำ
* ถ้าเราใช้รหัสเพื่อตกแต่งข้อความหลายๆ ชนิดในข้อความเดียวกัน เช่น ทำตัวหนา สีแดง ขีดเส้นใต้
จะต้องใส่ลำดับของรหัสปิดหัวท้ายให้ถูกต้อง


ตัวอย่างเช่น
ฉันรักโฟร์แฟน
[COLOR=RED][U][B]ฉันรักโฟร์แฟน[/B][/U][/COLOR]

* เมื่อเราตกแต่งข้อความของเราแล้ว ควรกดปุ่ม แสดงตัวอย่าง ก่อนที่จะส่งข้อความ เพื่อตรวจสอบความถูกต้อง
* เทคนิคเหล่านี้ เราสามารถนำไปใช้ตกแต่ง หรือเขียนบันทึกใน blog ได้อีกด้วย

การใส่รูปแสดงอารมณ์
นอกจากนี้ เรายังสามารถใส่รูปแสดงอารมณ์ในข้อความ โดยคลิกที่รูปการ์ตูนทางด้านซ้ายมือได้อีกด้วย
เช่น :D :love: :) :lll: โดยที่รหัสของรูปแสดงอารมณ์จะถูกแทรกให้เองโดยอัตโนมัติ

รูปแสดงอารมณ์อื่นที่หลายๆ คนยังไม่รู้
http://www.fourfan.com/board/viewtopic.php?t=6337
::
แก้ไขล่าสุดโดย 4_warlord เมื่อ พุธ ม.ค. 02, 2008 5:27 pm, แก้ไขแล้ว 2 ครั้ง.
4_warlord
 
โพสต์: 420
ลงทะเบียนเมื่อ: เสาร์ มี.ค. 18, 2006 8:29 pm
ที่อยู่: Fourfan.com

โพสต์โดย love_love_four » พฤหัสฯ. ต.ค. 26, 2006 1:16 pm

คร่าๆรับทราบ

ทำเปงแว้ววว
ภาพประจำตัวสมาชิก
love_love_four
 
โพสต์: 336
ลงทะเบียนเมื่อ: พฤหัสฯ. เม.ย. 27, 2006 7:33 pm
ที่อยู่: www.fourfan.com

โพสต์โดย ด.ช.เล็ก » ศุกร์ ต.ค. 27, 2006 8:56 am

เยี่ยมมากๆๆๆ
<center>'FOUR FOUR FOUR FOUR' >ONLY YOU!<
รูปภาพ
</center>
ด.ช.เล็ก
เด็กเวบ
เด็กเวบ
 
โพสต์: 6519
ลงทะเบียนเมื่อ: ศุกร์ มี.ค. 17, 2006 8:36 pm
ที่อยู่: โฟร์แฟนคลับ*

โพสต์โดย avangeline » ศุกร์ ต.ค. 27, 2006 1:55 pm

อยากทราบว่า ที่คลุมเครือว่า สมารถใช้รหัส HTML ได้เนี่ยมีไรมั่งคับ
avangeline
 
โพสต์: 436
ลงทะเบียนเมื่อ: จันทร์ ก.ค. 31, 2006 12:45 am
ที่อยู่: แอบอยู่หลังพี่โฟร์ ใครหาเจอรับไป!!! วีซีดีแม่มดน้อยโดเรมีไปดูที่บ้านฟรี 10 แผ่น!!!

โพสต์โดย 4_warlord » ศุกร์ ต.ค. 27, 2006 11:26 pm

ไม่เข้าใจคำถามอ่ะงับ :? เด้วรอให้พี่โอมาตอบรึกานน่ะงับ
4_warlord
 
โพสต์: 420
ลงทะเบียนเมื่อ: เสาร์ มี.ค. 18, 2006 8:29 pm
ที่อยู่: Fourfan.com

โพสต์โดย moresman » เสาร์ ต.ค. 28, 2006 2:03 am

avangeline เขียน:อยากทราบว่า ที่คลุมเครือว่า สมารถใช้รหัส HTML ได้เนี่ยมีไรมั่งคับ

ที่เคยทำได้มี 2 รหัสนะครับ คือ จัดตรงกลาง <CENTER> กับ ทำให้ข้อความเลื่อน <MARQUEE>
.
ที่นี่ไม่มีศัตรูอยู่อีกต่อไปแล้ว
คนที่อยู่ที่นี่คือสหายของเรา
นามของเค้าก็คือ โฟร์ แฟนคลับ เท่านั้น


รูปภาพ
moresman
 
โพสต์: 524
ลงทะเบียนเมื่อ: อังคาร เม.ย. 25, 2006 9:02 pm
ที่อยู่: เหนืออ่าวไทย ใต้ กทม.

โพสต์โดย avangeline » เสาร์ ต.ค. 28, 2006 11:42 am

moresman เขียน:ที่เคยทำได้มี 2 รหัสนะครับ คือ จัดตรงกลาง <CENTER> กับ ทำให้ข้อความเลื่อน <MARQUEE>


อ่านะอุตส่าใช้ <br><p></p> ไรมากมายไม่เหงติด
avangeline
 
โพสต์: 436
ลงทะเบียนเมื่อ: จันทร์ ก.ค. 31, 2006 12:45 am
ที่อยู่: แอบอยู่หลังพี่โฟร์ ใครหาเจอรับไป!!! วีซีดีแม่มดน้อยโดเรมีไปดูที่บ้านฟรี 10 แผ่น!!!

โพสต์โดย moresman » จันทร์ ต.ค. 30, 2006 4:18 am

avangeline เขียน:
moresman เขียน:ที่เคยทำได้มี 2 รหัสนะครับ คือ จัดตรงกลาง <CENTER> กับ ทำให้ข้อความเลื่อน <MARQUEE>


อ่านะอุตส่าใช้ <br><p></p> ไรมากมายไม่เหงติด


การโพสต์ในบอร์ดน่ะ มันไม่เชิงว่าจะเขียนด้วยรหัส HTML หรอก แต่ว่าจริงๆ แล้วคือ BB Code
ซึ่งมันจะใช้เครื่องหมาย [ ] ซะส่วนใหญ่ ยกเว้นการจัดข้อความสองตัวที่บอกนั่นแหละครับ ที่ใช้ < >
ซึ่งมักจะใช้กันผิดอยู่บ่อยๆ ครับ ทางที่ดีควรจะกดปุ่ม "แสดงตัวอย่าง" ก่อนเพื่อกันพลาดนะครับ
.
ที่นี่ไม่มีศัตรูอยู่อีกต่อไปแล้ว
คนที่อยู่ที่นี่คือสหายของเรา
นามของเค้าก็คือ โฟร์ แฟนคลับ เท่านั้น


รูปภาพ
moresman
 
โพสต์: 524
ลงทะเบียนเมื่อ: อังคาร เม.ย. 25, 2006 9:02 pm
ที่อยู่: เหนืออ่าวไทย ใต้ กทม.

โพสต์โดย somprad » พุธ พ.ย. 01, 2006 6:01 pm

:wink: :wink: :wink: [/i][/b]
เรารักในหลวง
somprad
 
โพสต์: 3
ลงทะเบียนเมื่อ: จันทร์ ส.ค. 21, 2006 12:27 am
ที่อยู่: บ้าน

โพสต์โดย +ใบเฟิร์น+ » เสาร์ พ.ย. 18, 2006 11:56 am

เยี่ยมๆๆเลย

อิอิ
:::FERNRARI ♥ P'FOUR:::

รูปภาพ
ภาพประจำตัวสมาชิก
+ใบเฟิร์น+
 
โพสต์: 1344
ลงทะเบียนเมื่อ: จันทร์ มี.ค. 20, 2006 11:42 am
ที่อยู่: Pink StaR

โพสต์โดย bp_fourfan » พฤหัสฯ. พ.ย. 23, 2006 3:14 pm

test



รูปภาพ
ภาพประจำตัวสมาชิก
bp_fourfan
 
โพสต์: 98
ลงทะเบียนเมื่อ: เสาร์ เม.ย. 29, 2006 9:25 pm

โพสต์โดย moresman » พฤหัสฯ. พ.ย. 23, 2006 3:31 pm

bp_fourfan เขียน:test



รูปภาพ


เมื่อ upload รูปแล้วให้ดูโค้ดที่ทางเวบให้ดีๆ ด้วยครับ ว่าอันไหนคือ url รูปจริงๆ
ไม่งั้นก็จะเกิดปัญหาเช่นนี้ขึ้นได้ นั่นก็คือ url ที่ใส่นี้ไม่ใช่ url จริงๆ ของรูปนะครับ
รูปก็เลยไม่แสดงขึ้นมาให้เห็น

ให้เราดูที่ direct link หรือจะคลิกขวาที่รูปแล้วเลือก properties จะเห็น url จริงๆ ของรูปนะ

รูปสวยดีครับ

[img]http://img85.imageshack.us/img85/4332/picsf8.gif[/img]

รูปภาพ
.
ที่นี่ไม่มีศัตรูอยู่อีกต่อไปแล้ว
คนที่อยู่ที่นี่คือสหายของเรา
นามของเค้าก็คือ โฟร์ แฟนคลับ เท่านั้น


รูปภาพ
moresman
 
โพสต์: 524
ลงทะเบียนเมื่อ: อังคาร เม.ย. 25, 2006 9:02 pm
ที่อยู่: เหนืออ่าวไทย ใต้ กทม.

โพสต์โดย +เค้ก+ » อาทิตย์ ธ.ค. 03, 2006 10:42 pm

รับทราบค่ะขอบคุณมากๆนะค่ะ
<CENTER>
รูปภาพ
</CENTER>
+เค้ก+
 
โพสต์: 2636
ลงทะเบียนเมื่อ: อาทิตย์ ก.ค. 30, 2006 11:37 pm
ที่อยู่: fourfan

โพสต์โดย P i m » อังคาร ธ.ค. 05, 2006 10:02 pm

o k ค่ะ

เดี่ยว จะทำตาม ทุกประการเลย

รัก พี่ โฟร์
<center>รูปภาพ

รูปภาพ</center>
P i m
 
โพสต์: 792
ลงทะเบียนเมื่อ: อาทิตย์ ธ.ค. 03, 2006 8:54 pm
ที่อยู่: PiM•LoVe•FouRFan•

โพสต์โดย ~care~ » พุธ ธ.ค. 06, 2006 5:36 am

ทราบแล้วจ้า
<CENTER>♥ ความรักฉันคือเธอมีตัวตนและหายใจ</CENTER>
<CENTER>รูปภาพ
</CENTER>
~care~
 
โพสต์: 710
ลงทะเบียนเมื่อ: จันทร์ ส.ค. 14, 2006 8:35 am
ที่อยู่: ก็แถวนี้ละ

ต่อไป

ย้อนกลับไปยัง ช่วยเหลือ

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: ไม่มีสมาชิก และ บุคคลทั่วไป 5 ท่าน

cron