Web Black

ช่วงนี้เว็บไซต์หลายเว็บไซต์ได้เปลี่ยนสีเว็บไซต์เป็นโทนขาว-ดำ หรือสีเทา เพื่อเป็นการไว้อาลัยแด่ในหลวง รัชกาลที่ 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> แล้วกดบันทึก

ทิ้งคำตอบไว้

Please enter your comment!
Please enter your name here