การโพสรูปในเวปบอร์ด
Submitted by Kokky on Sun, 02/12/2007 - 23:05.
วันก่อนคุณแก้มถามถึงวิธีการโพสภาพในกระทู้ เลยนึกขึ้นได้ว่าน่าจะเขียนวิธีเก็บเอาไว้ เผื่อใครงงๆกับหน้าตาระบบเวปบอร์ดของเรานะครับ ...
หลักการโดยทั่วไปเหมือนกัน คือเอารูปไปฝากไว้ที่เวปฝากรูป แล้วจากนั้นค่อยทำ link มาตามขั้นตอนต่อไปนี้ครับ
1.หาที่ฝากรูปในอินเตอร์เน็ทให้ได้ก่อน
ปัจจุบันมีหลายเจ้ามากครับ ที่ผมใช้อยู่คือเวป www.imageshack.us ที่จะมีระบบฟรีทั้งแบบสมัครสมาชิก หรือไม่สมัครก็ได้ .. ซึ่งหลังจากหาที่ฝากรูปได้แล้ว ที่เราต้องทำคืออัพโหลดรูปเข้าเวปฝากรูปนั้นๆ เพื่อที่จะเอา url หรือว่า link ไปยังภาพของเรามาใช้
(ยกตัวอย่าง link ที่ใช้งานได้กับเวปบอร์ดของเรา หรือ "http://img252.imageshack.us/img252/2936/p4217018ty8.jpg")
2.หลังจากที่เราได้ link ไปยังภาพของเรามาแล้ว ในการโพสกระทู้ทั่วๆไป ตามรูปด้านล่างนี้

จะเห็นปุ่มใส่ภาพอยู่ ชื่อปุ่มว่า Insert/edit image ( เป็นรูปเล็กๆแบบนี้
) ซึ่งพอกดเข้าไปแล้ว จะมีที่ให้เราใส่ url ของภาพเราดังนี้
หลังจากกดปุ่ม insert/edit image แล้ว จะได้หน้าต่างเปล่าๆนี้มา จากนั้นนำ url ที่เราได้จากเวปฝากรูป นำมาใส่ในช่องแรก Image URL ดังรูปต่อมา
ถ้า url ที่เรามี สามารถใช้งานได้ เราจะเห็นรูปของเรามาโผล่อยู่ในช่อง preview ด้านล่างในไม่กี่วินาทีหลังจากที่เรากรอก url ไปแล้ว ดูรูปต่อมา
หลังจากที่เห็นภาพมาอยู่ในช่อง preview แล้ว ให้กรอกคำอธิบาย(Image description) และ ชื่อภาพ (Title) ให้เรียบร้อย เป็นอันจบขึ้นตอนง่ายๆนี้ (ถ้าเราไม่กรอกตรงนี้ ทางระบบจะเตือนเราเองว่า อาจจะมีสมาชิกบางท่านที่มองไม่เห็นรูป ดังนั้น ถ้าเอาแน่นอนควรจะกรอกให้เรียบร้อยครับ)
3.หลังจากปรับอะไรต่างๆเสร็จเรียบร้อยแล้ว กด Insert ถ้าไม่มีอะไรผิดพลาด เราจะเห็นภาพที่เราต้องการมาโผล่อยู่ในกล่องข้อความที่เราพิมพ์อยู่

ปล.ภาพที่เหมาะสมไม่ควรมีขนาดความกว้างเกิน 450 pixel ครับ เพราะถ้าเกินกว่านี้ รูปจะไปเบียดเมนู :P
เราสามารถปรับขนาดของภาพระหว่างที่เรา insert ภาพอยู่ได้ โดยไปที่ tab appearance ครับ ในนั้นจะมีให้เรากรอกความกว้าง x ความยาวของรูปใหม่


posts
ลองโพสท์รูปค่ะ ...
posts
ลองโพสท์รูป ... อีกทีค่ะ
posts
ต้องเปลี่ยนชนิด link ค่ะ
ถ้าผมเข้าใจไม่ผิด link ที่โอ๋เอามาแป่ะ จะเป็น link สำหรับรูป thumbnail (รูปเล็ก)
url ที่ควรจะใช้ได้จะเป็นแบบนี้นะ
http://img252.imageshack.us/img252/2936/p4217018ty8.jpg
มันจะเป็น url ที่ link ไปที่ภาพต้นฉบับเราตรงๆเลย วิธีเชคง่ายๆ ก็คือการเอา url นี้ไปใส่ใน address bar มันจะเปิดหน้าใหม่เข้าไปหารูปเราอ่าค่ะ :D
ป.ล. รูปสวยนะ