ติดแถบริบบิ้นถวายความอาลัย บนหน้าเว็บไซต์กันดีกว่า

ที่ผ่านมาเว็บต่างๆในไทยถูกเปลี่ยนเป็นสีขาวดำกันอย่างพร้อมเพรียงเพื่อ ร่วมถวายความอาลัย แต่ผลที่ตามมาก็คือฟังก์ชันการใช้งานหลายๆอย่างของเว็บเลยผิดเพี้ยนไป(โดย เฉพาะสำหรับผู้ใช้ทั่วไปที่ไม่ใช่ Tech Geek จะมีปัญหามาก) นอกจากนั้นก็ทำให้อารมณ์โดยรวมของคนในสังคมหมองหม่นด้วย

ด้วยเหตุนี้วันนี้เราเลยขอแอบเชียร์ให้เว็บมาสเตอร์ทั้งหลายเปลี่ยนสี เว็บกลับมาเป็นสีปกติกัน แต่ก็ยังสามารถแสดงความถวายความอาลัยได้ด้วยการติดแถบคาดดำไว้บนเว็บแบบที่ เว็บ iameve.me ตอนนี้ทำอยู่ครับ

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

วิธีใส่ด้วยมือ

อันนี้สำหรับคนที่เป็น Developer และทำพวก CSS กับ HTML เป็น เนยเตรียมภาพริบบิ้นดำไว้ให้ทั้งหมด 4 ภาพ เป็นการเข้ามุมทั้งสี่มุม ซ้าย-บน ขวา-บน ซ้าย-ล่าง และ ขวา-ล่าง แล้วแต่ว่าอยากจะเอาริบบิ้นดำเข้ามุมฝั่งไหนตามความเหมาะสมของดีไซน์เว็บแต่ ละเว็บครับ

black_ribbon_top_left.png

black_ribbon_top_right.png

black_ribbon_bottom_left.png

black_ribbon_bottom_right.png

ไฟล์ภาพทั้งสี่อยู่ในนี้ครับ black_ribbons.zip สามารถดาวน์โหลดไปวางไว้บนเว็บของท่านได้เลย

ส่วนนี่เป็นโค้ดที่ใช้ในการแปะภาพริบบิ้นดำลงไปครับ แยกเป็น CSS และ HTML ให้ไปใส่กันเองได้เลย

CSS

ต่อด้วย HTML (อยากติดตรงมุมไหนก็ก็อปโค้ดตัวนั้นไปแปะได้เลยครับ โดยแปะไว้บนสุดหลังเปิด Tag <body>)

แล้วก็อย่าลืมเปลี่ยน Path ของภาพให้เป็นไปตาม Path ที่คุณวางภาพไว้ในเว็บด้วยครับ อย่างในโค้ดตัวอย่างด้านบนนี้ใส่ไว้ใน /images ยังไงใครเป็น Dev คงเข้าใจแหละว่าหมายถึงอะไร

เพียงเท่านี้ก็เรียบร้อยครับ แล้วก็อย่าลืมเอาโค้ดที่เปลี่ยนเว็บเป็นขาวดำออกด้วยน้า =)

Leave a Reply

iameveme