Home > Articles > ปรับแต่งปุ่มเมนูสีส้มบน Firefox 4 เปลี่ยนความจำเจกันดีกว่า

ปรับแต่งปุ่มเมนูสีส้มบน Firefox 4 เปลี่ยนความจำเจกันดีกว่า

mozilla firefox 4

เชื่อว่าสาวก Mozilla Firefox หลายท่านที่ได้ทำการอัพเกรดหรือดาวน์โหลดเวอร์ชั่นใหม่อย่างเวอร์ชั่น 4.x.x มาใช้งาน ก็คงจะคุ้นเคยกับปุ่มเมนูทางด้านบนซ้ายสุดกันอยู่เป็นประจำ ซึ่งปุ่มฟังก์ชั่นดังกล่าวจะเป็นสีส้มครับ (ไม่มีสีทองนะ ฮ่าๆ) และปุ่มนี้ถ้าหากเราเบื่อกับสีเดิมๆ ก็สามารถปรับเปลี่ยนสีให้เป็นสีอื่นๆได้ครับ ด้วยวิธีง่ายๆดังต่อไปนี้

1. เปิดหน้าต่างเบราเซอร์ Firefox ขึ้นมาใหม่ แล้วคลิกปุ่มเริ่มการทำงาน Firefox -> Help -> Troubleshooting Information

mozilla firefox 4

2. คลิกปุ่ม Open Containing Folder

mozilla firefox 4

3. ที่ชื่อโฟลเดอร์ chrome ให้เปลี่ยนเป็น chrome_backup หรือเป็นชื่ออะไรก็ได้ตามต้องการ

mozilla firefox 4

4. แล้วคลิกปุ่ม New folder เพื่อสร้างโฟลเดอร์ใหม่ขึ้นมา พร้อมกับเปลี่ยนชื่อเป็น chrome ใหม่ แล้วดับเบิ้ลคลิกเข้าไปภายในโฟลเดอร์ใหม่นี้

mozilla firefox 4

5. กดปุ่ม Alt เพื่อเรียกใช้งานเมนู Tools -> แล้วเลือก Folder options…

mozilla firefox 4

พร้อมกับเอาเครื่องหมายถูกออกหน้าหัวข้อ Hide extensions for known file types แล้วกด Apply -> OK

Note1. ตรงนี้เราตั้งค่าเพื่อให้สามารถจัดการเปลี่ยนนามสกุลของไฟล์ในขั้นตอนต่อไปได้ครับ

mozilla firefox 4

6. ในโฟลเดอร์ chrome ให้คลิกขวาบริเวณพื้นที่ว่างๆ แล้วเลือก New -> Text Document เพื่อสร้างเท็กซ์ไฟล์ใหม่

mozilla firefox 4

ก็จะได้เป็นดังรูป แล้วดับเบิ้ลคลิกเปิดเท็กซ์ไฟล์นี้ขึ้นมา

mozilla firefox 4

7. ก็อบปี้ข้อความด้านล่างนี้ไปใส่

@namespace url(“http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”);
#appmenu-button
{
background: #CDCDCD !important;
}
#appmenu-button dropmarker:before {
content: “Firefox” !important;
color: #000000 !important;
}
#appmenu-button .button-text {
display: none !important;
}

ก็จะได้เป็นดังรูป แล้วทำการบันทึกไฟล์

mozilla firefox 4

8. แล้วสลับหน้าต่างกลับไปที่โฟลเดอร์ chrome ให้คลิกที่ชื่อไฟล์ New Text Document.txt แล้วกดปุ่ม F2 เพื่อเปลี่ยนชื่อไปเป็น userChrome.css แล้วกด Enter -> Yes

mozilla firefox 4

9. ก็เป็นอันเสร็จเรียบร้อย แล้วก็ปิดหน้าต่างนี้ไปได้เลยครับ รวมทั้งหน้าต่างเบราเซอร์ของ Firefox ด้วย และเมื่อเปิดหน้าต่างเบราเซอร์ขึ้นมาใหม่ ก็จะพบว่าปุ่มเมนูที่เคยเป็นสีส้มได้เปลี่ยนเป็นสีเทาไปเรียบร้อยแล้ว

mozilla firefox 4

Note2. หากย้อนกลับไปในหัวข้อที่ 7 กับบรรทัดที่ 4

background: #CDCDCD !important;

โค้ดที่ขีดเส้นใต้ไว้จะเป็นรหัสสีต่างๆ โดยรหัสสีตรงนี้ เรายังสามารถเปลี่ยนให้เป็นสีอื่นๆเพิ่มเติมได้อีกครับ


  Note. "ทางเว็บไซต์ไม่อนุญาตให้เว็บมาสเตอร์หรือเจ้าของเว็บไซต์ใด คัดลอกบทความหรือรูปภาพเพื่อนำไปเผยแพร่ต่อบนเว็บไซต์อื่น หากฝ่าฝืนถือเป็นความผิดตามกฎหมายที่ระบุไว้สูงสุด"


เชื่อว่าสาวก Mozilla Firefox หลายท่านที่ได้ทำการอัพเกรดหรือดาวน์โหลดเวอร์ชั่นใหม่อย่างเวอร์ชั่น 4.x.x มาใช้งาน ก็คงจะคุ้นเคยกับปุ่มเมนูทางด้านบนซ้ายสุดกันอยู่เป็นประจำ ซึ่งปุ่มฟังก์ชั่นดังกล่าวจะเป็นสีส้มครับ (ไม่มีสีทองนะ ฮ่าๆ) และปุ่มนี้ถ้าหากเราเบื่อกับสีเดิมๆ ก็สามารถปรับเปลี่ยนสีให้เป็นสีอื่นๆได้ครับ ด้วยวิธีง่ายๆดังต่อไปนี้ 1. เปิดหน้าต่างเบราเซอร์ Firefox ขึ้นมาใหม่ แล้วคลิกปุ่มเริ่มการทำงาน Firefox -> Help -> Troubleshooting Information 2. คลิกปุ่ม Open Containing Folder 3. ที่ชื่อโฟลเดอร์ chrome ให้เปลี่ยนเป็น chrome_backup หรือเป็นชื่ออะไรก็ได้ตามต้องการ 4. แล้วคลิกปุ่ม New folder เพื่อสร้างโฟลเดอร์ใหม่ขึ้นมา พร้อมกับเปลี่ยนชื่อเป็น chrome ใหม่ แล้วดับเบิ้ลคลิกเข้าไปภายในโฟลเดอร์ใหม่นี้ 5. กดปุ่ม Alt เพื่อเรียกใช้งานเมนู Tools -> แล้วเลือก Folder options... พร้อมกับเอาเครื่องหมายถูกออกหน้าหัวข้อ Hide extensions for known file types แล้วกด Apply -> OK Note1. ตรงนี้เราตั้งค่าเพื่อให้สามารถจัดการเปลี่ยนนามสกุลของไฟล์ในขั้นตอนต่อไปได้ครับ 6. ในโฟลเดอร์ chrome ให้คลิกขวาบริเวณพื้นที่ว่างๆ แล้วเลือก New -> Text Document เพื่อสร้างเท็กซ์ไฟล์ใหม่ ก็จะได้เป็นดังรูป แล้วดับเบิ้ลคลิกเปิดเท็กซ์ไฟล์นี้ขึ้นมา 7. ก็อบปี้ข้อความด้านล่างนี้ไปใส่ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); #appmenu-button { background: #CDCDCD !important; } #appmenu-button dropmarker:before { content: "Firefox" !important; color: #000000 !important; } #appmenu-button .button-text…

Review Overview

About varietypc

บทความส่วนใหญ่บนเว็บไซต์ VarietyPC.net จะมีการนำเสนอบทความทั้งข้อความและรูปภาพประกอบที่ค่อนข้างละเอียด ส่วนหนึ่งก็เพื่อจุดประสงค์ที่ต้องการให้ผู้ใช้งานมือใหม่สามารถทำความเข้าใจได้ง่ายและไม่เกร็งหรือกลัวที่จะแก้ปัญหาด้วยตัวเอง เหมือนเวลาผมเข้าเว็บไซต์บางเว็บที่มีการอธิบายแบบลวกๆ อธิบายไม่เข้าใจ ทำให้งงเป็นไก่ตาแตกไปเป็นวันๆหรือยกเลิกที่จะทำไปเลยก็มี หากเพื่อนๆมีข้อสงสัยส่วนใด สามารถสอบถามได้นะครับ