บทความแสดงตัวอย่างการแก้ไขสี เส้นขอบ หรือส่วนต่างๆ ของแถบแสดงเมนูหรือ Navigation ของเทมเพลท Protostar สำหรับ เว็บไซต์ที่สร้างด้วย Joomla 3 ทุกรุ่น

ตำแหน่งของเมนูจะอยู่ใต้โลโก้ เช่น หน้าแรก เกี่ยวกับเรา หรืออาจจะเป็นชื่อหมวดหมู่ สีพื้นของแถบเมนูปกติจะใช้สีขาว และมีการตี เส้นบน ล่าง

ขั้นตอนการแก้ไข

1. เข้าโปรแกรม DirectAdmin โปรแกรมบริหารจัดการเว็บไซต์ แล้วคลิก Files
2. คลิก domains
3. คลิกเลือกเว็บไซต์ที่ต้องการเช่น kmancity.com

4. จะพบกับโฟลเดอร์ต่างๆ ของ Joomla ให้คลิกโฟลเดอร์ template
5. คลิกเลือกโฟลเดอร์ protostar ไฟล์ประกอบเทมเพลทจะอยู่ในนี้
6. คลิกโฟลเดอร์ css
7. จะพบกับไฟล์ template.css คลิก Edit ทางขวามือเพื่อเปิดไฟล์ขึ้นมาแก้ไข

8. เลื่อนหาบรรทัด Navigation ดังตัวอย่าง แล้วแก้ไขส่วนต่างๆ
- border เป็นคำสั่งตีเส้น บน ล่าง ซ้ายขวา
- background เป็นคำสั่งระบายสีพื้นเช่น ใช้สีเทาจางๆ #ebebeb
9. เสร็จแล้วคลิก Save As

10. ในโปรแกรมท่องเว็บไม่ว่าจะเป็น IE, Chrome หรือโปรแกรมอื่นๆ จะต้องเคลียร์ข้อมูลชั่วคราวก่อน ไม่เช่นนั้นจะแสดงผลผิดเพี้ยน ปรับเปลี่ยนแล้ว แต่สียังเป็นสีดำเหมือนเดิม ยังไม่ยอมเปลี่ยนสี

11. ตัวอย่างการลบข้อมูลชั่วคราวในโปรแกรม Chrome จะใช้คำสั่ง Clear Browsing Data

12. จากนั้นจึงทำการเคลียร์ข้อมูลชั่วคราวที่โปรแกรมเก็บไว้ระหว่างการท่องเว็บไซต์

การแก้ไขไฟล์เทมเพลท template.css ของเทมเพลท Protostar ใน Joomla ยังมีส่วนต่างๆ อีกมากมาย ซึ่งจะช่วยให้เว็บไซต์มีหน้า ตาที่แตกต่าง ไปจากหน้าตามาตรฐานของเทมเพลทนี้