บทความอธิบายวิธีทำหน้าเว็บไซต์ที่สร้างด้วย Joomla 3 ให้เป็นสีเทา ดำ ขาว ทั้งเว็บไซต์ โดยใช้การแก้ไขไฟล์ css ของเทมเพลทที่ใช้งานในขณะนั้น

ขั้นตอนการเปลี่ยนหน้าเว็บไซต์ Joomla 3 ให้เป็นสีเทา ดำ ขาว

1. เข้าโปรแกรมจัดการพื้นที่เว็บไซต์ เช่น DirectAdmin เข้าระบบ พิมพ์ Username และ Passord
2. คลิก Log in เพื่อเข้าระบบ

3. เมื่อเข้า DirectAdmin แล้วให้คลิก Files เรียกใช้โปรแกรมจัดการไฟล์ในพื้นที่เว็บไซต์

4. คลิกที่ domains เพื่อเข้าไปเลือกโดเมนเว็บไซต์ที่ต้องการ
5. คลิกเลือกเว็บไซต์ที่ต้องการ เช่น siamebook.com

6. คลิกโฟลเดอร์ public_html ไฟล์ของ Joomla ทั้งหมดจะอยู่ในนี้

7. เมื่อเข้าไปในพื้นที่เก็บไฟล์ของเว็บไซต์แล้ว จะพบโฟลเดอร์ต่างๆ ของ Joomla ตั้งแต่ administrator ลงไป ให้เลื่อนหน้าจอลงด้านล่าง แล้วคลิกโฟลเดอร์สีเหลืองชื่อ template

8. คลิกโฟลเดอร์ของเทมเพลทที่เราใช้งาน ผู้เขียนใช้ protostar ให้คลิกไอคอนสีเหลืองทางซ้ายมือ
9. เราจะต้องแก้ไขไฟล์ css คลิกไอคอนสีเหลือหน้า css เพื่อเปิดโฟลเดอร์

10. จะพบไฟล์นามสกุล css เช่น template.css ให้คลิก Edit ทางขวามือ เพื่อแก้ไขไฟล์
11. เลื่อนไปยังบรรทัดสุดท้าย ขวามือสุด คลิกแล้วกด Enter เพื่อตัดลงบรรทัดใหม่
12. ก็อปปี้โค้ดด้านล่างนี้แปะ ลงไป การกำหนดเปอร์เซ็นความโปร่งไส ให้ลองหลายๆ แบบ เช่น 70%, 80%, 90% กรณีเป็นภาพสีแม้จะทำเป็นภาพเทาดำ แต่ก็ยังได้ภาพที่ดูคลาสสิก 

html{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
}

13. เสร็จแล้วคลิก Save As

14. ผลงานที่ได้ ขณะนี้หน้าจอ ภาพทั้งหมดถูกเปลี่ยนเป็นโหมดขาวดำเรียบร้อยแล้ว

การทำหน้าเว็บไซต์ให้เป็นสีเทาดำ สามารถอ่านเพิ่มเติมได้ที่ thaiseoboard.com หากมีปัญหาไม่สามารถทำได้ หรือค้นหาเพิ่มเติมได้ใน pantip.com