วิธีเปลี่ยนเว็บเป็นสีขาว-ดำ อย่างง่ายดาย

ส่งเสด็จสู่สวรรคาลัย

น้อมรำลึกพระมหากรุณาธิคุณ
และร่วมถวายความอาลัย
พระบาทสมเด็จพระปรมินทรมหาภูมิพลอดุลยเดช

ด้วยเกล้าด้วยกระหม่อม
ข้าพระพุทธเจ้า ในนามพนักงานบริษัท โค้ช มาร์เก็ตติ้ง จำกัด

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

เพื่อนๆ ที่มีเว็บไซต์ที่ต้องการเปลี่ยนโทนสีเว็บให้เป็นสีเทา greyscale สามารถทำได้อย่างง่ายดายโดยไม่ต้องปรับรูปภาพหรือสีฟอนต์/องค์ประกอบของเว็บใดๆ เลย ด้วยการเพิ่มคำสั่งใน CSS ที่ควบคุมหน้าเว็บทั้งหน้าด้วย filter greyscale ตามตัวอย่างโค้ดด้านล่างนี้

body {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); /* IE */
-webkit-filter: grayscale(1); /* Chrome, Safari */
filter: grayscale(1); /* Firefox */
}


ท่านที่ใช้ WordPress สามารถแทรกโค้ด Custom CSS อย่างเช่นด้านบนนี้ผ่านทาง เมนู > รูปแบบบล๊อก > ปรับแต่ง > Custom CSS แล้วเพิ่มคำสั่งด้านบนลงไป จะเป็นเหมือนการใส่แว่นตัดสีให้ทั้งเว็บ เห็นเป็นโทนสีขาว-ดำ ไล่โทนเทา greyscale อย่างง่ายดาย ลองทำดูนะครับ

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

ธนกร – ผู้ก่อตั้งตลาดปัญญา

ความเห็น