ดู: 3295|ตอบกลับ: 0

[สอน] การซ่อนข้อความด้วยโค๊ด [spoiler]

 ปิด [คัดลอกลิงก์]
[สอน] การซ่อนข้อความด้วยโค๊ด spoiler

Spoiler คืออะไร ?
ตอบ : Spoiler ก็คือโค๊ดตัวหนึ่งที่เอาไว้ซ่อนข้อความที่เราต้องการไม่ให้แสดงผลออกมา
แต่สามารถแสดงผลได้โดยการคลิกที่คำว่า SHOW เข้าไป 1 ครั้งก็จะแสดงผลออกมา

โค๊ด Spoiler ต่างจาก Hide อย่างไรล่ะ ?
ตอบ : แตกต่างกันเล็กน้อยตรงที่ว่า
1. Spoliler นั้นจะซ่อนเอาไว้เฉย ๆ
ไม่ต้องตอบกระทู้หรือให้คะแนนเพื่อดูข้อความ เพียงแค่คลิก SHOW ก็จะแสดงผลขึ้นมา
คนที่เป็นสมาชิกหรือไม่เป็นสมาชิกของเว็บบอร์ดสามารถคลิก SHOW เพื่อดูได้ทุก ๆ คน

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

แล้วประโยชน์ของ Spoiler ทำอะไรได้บ้าง ?
ตอบ :
1. ซ่อนข้อความที่ไม่อยากจะเฉลยให้คนอื่นได้รู้ ยกตัวอย่างเช่น !
นาย A ได้ดูอนิเมะ Titan ตอนล่าสุดมา และ มาตั้งกระทู้เล่าเรื่องต่าง ๆ ที่เป็นข้อมูลให้คนอื่นรับรู้แต่บางคนยังไม่ได้ดู
นาย A จึงใส่ Code Spoiler ครอบเอาไว้เพื่อซ่อนข้อความที่ตัวเองอยากเขียนเอาไว้
"เพื่อไม่ให้คนที่ยังไม่เคยได้ดูอนิเมะ Titan โดน Spoil (สปอย) หรือ เฉลย นั้นเอง "

2. เพื่อซ่อนข้อความไม่ให้แสดงผลยาวเกินไป Code Spoiler มีส่วนช่วยไม่ให้มันยาวจนรกสายตานั้นเอง

3. ถ้านำ Code Spoiler เข้ามาใช้ในการซ่อนรูปภาพ จะช่วยให้เพื่อน ๆ คนอื่นที่เข้ามาชมกระทู้เรา
ลดอัตราการโหลดรูปภาพลงไปได้ (กรณีที่รูปเยอะ ๆ จะเห็นอย่างผลมาก)

หมายเหตุ : โค๊ด Spoiler ในกระทู้ จะเป็น โค๊ด Spoil คนล่ะตัวกับในห้อง Chat นะครับ
ของในห้อง Chat จะเป็น Spoil
ส่วนในบอร์ด กระทู้ จะเป็น Spoiler
แต่สามารถใช้ได้ทั้ง 2 อย่างครับแต่ให้ดีใช้ให้ถูกวิธีและถูกลักษณะนั้นจะดีกว่านะครับผม




วิธีที่ 1 แบบเขียนโค๊ด Spoiler

Spoiler05 - Anime-thai.Net.jpg

ให้เขียนโค๊ด Spoiler โดยมีวงเล็บ [] ครอบเอาไว้อย่างในตัวอย่าง
พร้อมเขียนข้อความลงไประหว่างกลางของโค๊ด Spoiler ก็จะทำให้ซ่อนข้อความได้



วิธีที่ 2 แบบง่าย ๆ ใช้วิธีคลิกที่ Icon เครื่องมือตามในรูปนี้ก็ได้เช่นกัน


Spoiler01 - Anime-thai.Net.jpg

1. คลิกที่ Icon เครื่องหมายรูปตกใจสีเหลือง

Spoiler02 - Anime-thai.Net.jpg

2. ใส่ข้อความที่เพื่อน ๆ ต้องการจะซ่อนลงไป


Spoiler03 - Anime-thai.Net.jpg
3. หลังใส่เสร็จแล้วจะถูกซ่อนอย่างในรูปตัวอย่าง

Spoiler04 - Anime-thai.Net.jpg

4. ทดสอบคลิกดูจะเป็นการเปิดการซ่อนข้อความที่เราซ่อนไว้




ตัวอย่าง : หลังซ่อนข้อความด้วยโค๊ด spoiler แล้ว

ข้อความถูกซ่อน: แสดงข้อความที่ซ่อน

แสดงข้อความที่ถูกซ่อนแล้ว





-

ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง ลงชื่อเข้าใช้ | ลงทะเบียน

รายละเอียดเครดิต

ประวัติการแบน|Anime-Thai | สังคมของคนรักอนิเมะ Google+

GMT+7, 8-12-2016 03:11 , Processed in 0.042795 second(s), 15 queries , Gzip On, Xcache On.

Powered by Discuz!

© 2001-2013 Comsenz Inc.

ตอบกระทู้ ขึ้นไปด้านบน ไปที่หน้ารายการกระทู้