A r c h i t e c t ' s __ A n s w e r s =^-^= (winyou webpage)
ส ถ า ป นิ ก ต อ บ ปั ญ ห า =^-^=

การทำลูกเล่นใน เว็บบอร์ด Architect's Answers

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


การแทรกภาพเข้าไปในข้อความ ในกระทู้

เราสามารถที่จะใส่ภาพ โดย ใช้การอ้างอิงถึง ที่อยู่ในอินเตอร์เน็ต ของภาพนั้นๆ ภาพที่จะใส่จะต้องมีอยู่ใน โฮมเพจ ต่างๆ รูปแบบการใส่ภาพ เป็นดังนี้

[img]http://ที่อยู่ของภาพ[/img]

คำอธิบาย คือให้ใส่คำว่า [img] ที่หน้าที่อยู่ของรูป และปิดด้วย[/img] เช่น ต้องการใส่รูปที่มีที่อยู่อยู่ที่
http://se-ed.net/winyou/images/ag-web-board01.gif
ในกระทู้ ให้พิมพ์ว่า
[img]http://se-ed.net/winyou/images/ag-web-board01.gif[/img]
ถ้าทำถูกต้องรูปนี้จะปรากฎขึ้น

ในกรณีที่ต้องการกำหนดขนาด ความกว้าง ความสูง ของภาพ สามารถทำได้โดยใช้ข้อความตามรูปแบบนี้

[img width=xxx height=yyy]http://ที่อยู่ของภาพ[/img]
โดยที่ xxx คือความกว้างของภาพ และ yyy คือความสูงของภาพ

สำหรับ ผู้ที่มีปัญหาว่า แล้วจะหา ที่อยู่รูปได้อย่างไร

ให้ทำดังนี้ ไปที่รูปที่ อยากได้ แล้วเอา เมาส์ ไปชี้ที่รูปนั้น คลิ้กขวาแล้ว เลือก properties จะมีหน้าต่างใหม่ขึ้นมา ดูที่ Address เลือกข้อความด้วยเม้าส์ตั้งแต่ http://..... จนจบ แล้วคลิ้กขวาเลือกcopy แล้วมา paste ที่กระทู้ เติมคำ ว่า [img] ข้างหน้าและ[/img]ข้างหลัง ตามตัวอย่าง

[img]http://www.thaimisc.com/images/logo_min.gif[/img]

จะได้รูปแสดงดังนี้

 


การสร้าง Link ไปยัง HTTP

เราสามารถทำ Link ไปยัง HTTP ได้ โดยพิมพ์ URL ในรูปแบบของ http://host.domain.com/sub/file.html , https://host.domain.com/sub/file.html หรือ ftp://host.domain.com/sub/file.html โดยให้ เติมคำว่า [url] ข้างหน้าและ[/url]ข้างหลัง ตามตัวอย่าง *ไม่ต้องเคาะวรรคระหว่าง [url]..[/url]

ที่นี่มีบริการฟรี CGI เยอะแยะเลยครับ [url]http://www.dserver.org[/url] นะครับ

ความคิดเห็นนั้นจะแสดงผลดังนี้

ที่นี่มีบริการฟรี CGI เยอะแยะเลยครับ http://www.dserver.org นะครับ

การสร้าง Link ไปยัง E-mail

คุณสามารถที่จะสร้าง Link ไปยัง E-mail ได้ โดยพิมพ์ E-mail ในรูปแบบของ [email]name@host.dom[/email] โดยระบบของ D'Board จะทำการ สร้าง Link ไปยัง E-mail ให้คุณโดยอัตโนมัติ ตัวอย่างเช่นมีการ แสดงความคิดเห็นว่า

มีข้อเสนอแนะอะไร ส่งมาได้ที่ [email]cgimonster@dserver.org[/email] นะครับ

ความคิดเห็นนั้นจะแสดงผลดังนี้

มีข้อเสนอแนะอะไร ส่งมาได้ที่ cgimonster@dserver.org นะครับ

การจัดรูปแบบข้อความ

เราสามารถกำหนด และจัดรูปแบบ ของข้อความที่จะให้แสดงผล ในกระทู้ได้ เช่น ตัวหนา (Bold) ตัวเอียง (Italic) ตัวขีดเส้นใต้ (Underline) ตัวขีดฆ่า (Strike) ตัวห้อย (Subscript) ตัวยก (Superscript) โดยใช้รหัสพิเศษต่อไปนี้

ความหมาย รูปแบบ ตัวอย่าง ผลลัพธ์
ตัวหนา (Bold) [b]ข้อความ[/b] จะเป็น[b]ตัวหนา[/b] จะเป็นตัวหนา
ตัวเอียง (Italic) [i]ข้อความ[/i] จะเป็น[i]ตัวเอียง[/i] จะเป็นตัวเอียง
ตัวขีดเส้นใต้ (Underline) [u]ข้อความ[/u] จะ[u]ขีดเส้นใต้[/u] จะขีดเส้นใต้
ตัวขีดฆ่า (Strike) [s]ข้อความ[/s] จะโดน[s]ขีดฆ่า[/s] จะโดนขีดฆ่า
ตัวห้อย (Subscript) [sub]ข้อความ[/sub] ข้อความ[sub]ตัวห้อย[/sub] ข้อความตัวห้อย
ตัวยก (Superscript) [sup]ข้อความ[/sup] ข้อความ[sup]ตัวยก[/sup] ข้อความตัวยก

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

ข้อความช่วงนี้จะย่อหน้าเข้ามา

การจัดข้อความให้แสดงผลอยู่ตรงกลาง สามารถทำได้โดยใช้รหัสพิเศษ [center] และ [/center] ใส่คลุมข้อความ ช่วงที่คุณต้องการให้จัดแสดงผลตรงกลาย ตัวอย่างเช่น
[center]ข้อความตรงนี้จะอยู่ตรงกลาง[/center]

ข้อความตรงนี้จะอยู่ตรงกลาง

การจัดรูปแบบการแสดงผลข้อความแบบลำดับ (List)

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

ความหมาย รูปแบบ ตัวอย่าง ผลลัพธ์
รายการแบบ
ไม่จัดลำดับ
(Unorder List)
[ul]
    [li] ข้อความ...
    [li] ข้อความ...
    [li] ข้อความ...
[/ul]
[ul]
    [li] ลำดับแรก...
    [li] ลำดับที่สอง...
    [li] ลำดับที่สาม...
[/ul]
  • ลำดับแรก...
  • ลำดับที่สอง...
  • ลำดับที่สาม...
รายการแบบ
จัดลำดับ
(Order List)
[ol]
    [li] ข้อความ...
    [li] ข้อความ...
    [li] ข้อความ...
[/ol]
[ol]
    [li] ลำดับแรก...
    [li] ลำดับที่สอง...
    [li] ลำดับที่สาม...
[/ol]
  1. ลำดับแรก...
  2. ลำดับที่สอง...
  3. ลำดับที่สาม...

ไปดูรายละเอียดลูกเล่น ต่างๆทั้งหมด ที่ http://board.dserver.org/toy.html