92
ช่วงนี้เว็บไซต์หลายเว็บไซต์ได้เปลี่ยนสีเว็บไซต์เป็นโทนขาว-ดำ หรือสีเทา เพื่อเป็นการไว้อาลัยแด่ในหลวง รัชกาลที่ 9 วันนี้เราจะมาบอกวิธีการเปลี่ยนสีเว็บไซต์ให้เป็นสีขาว-ดำ (Grayscale) แบบง่ายๆกันน่ะครับ
วิธีเปลี่ยนเว็บไซต์ให้เป็นสีขาว-ดำ (Grayscale)
สำหรับเว็บไซต์ของเรามี Base css ให้เปิดขึ้นมา แล้ววางโค้ดด้านล่างลงไป
img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
html {
-webkit-filter: grayscale(100%);
} สำหรับเว็บไซต์ของเราไม่มี Base css ให้เปิดขึ้นมา แล้ววางโค้ดด้านล่างลงไป
<style>
img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
html {
-webkit-filter: grayscale(100%);
}
</style> วิธีเปลี่ยนเว็บไซต์ให้เป็นสีขาว-ดำ สำหรับ Wordpress
ให้ทำการเพิ่มโค้ดด้านบนแบบที่ 1 ลงใน /wp-content/thems/yourtheme/style.css
วิธีเปลี่ยนเว็บไซต์ให้เป็นสีขาว-ดำ สำหรับ Blogger
ให้ทำการเพิ่มโค้ดด้านบแบบที่ 1 นลงใน Template ดังนี้
1. ไปที่ธีม (Template) >> แก้ไข HTML
2. เพิ่มโค้ดลงไปด้านบนของ ]]></b:skin> แล้วกดบันทึก
