เทคนิคการปรับแต่งสี Tab ของ FireFox เขียนโดย คุณ TinaCat

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

หลายๆท่านก็คงเคยใช้ FireFox แต่จะรู้บ้างไหมว่าเราสามารถปรับแต่งสี Tab ของ FireFox ได้ด้วยตนเองอย่างง่ายๆ (สำหรับท่านที่ทราบแล้ว และมีอะไรแนะนำเพิ่มเติม ก็ยินดีรับฟังค่ะ) เริ่มกันเลยนะคะ

ใช้ Notepad หรือ EditPlus สร้างไฟล์ userChrome.css ขึ้นมาค่ะ แล้วใส่โค้ดตามนี้ค่ะ

tab{
-moz-appearance: none !important;
}

tab[selected=”true”] {
background-color: rgb(x,y,z) !important;
color: black !important;
}

tab:not([selected=”true”]) {
background-color: rgb(x,y,z) !important;
color: black !important;
}

โดยในส่วนของสี เราสามารถใส่ชื่อสีตรงๆเลยก็ได้ เช่น Black, White, Red..
หรือให้ใส่เป็นโค้ดสี RGB ในรูปแบบของ rgb(x,y,z) ก็ได้ค่ะ ตัวเลขในวงเล็บคืออัตราส่วนของสีแดง (Red), สีเขียว (Green) และสีน้ำเงิน (Blue)ค่าสูงสุดที่ใช้ได้คือ 255 ค่ะ (0 – 255)

ส่วนแรก tab[selected=”true”] คือ Tab ที่เราเลือกเปิดใช้งานในขณะนั้น

ส่วนที่สอง tab:not([selected=”true”]) คือ Tab ส่วนที่ไม่ Active ค่ะ

background-color คือสีพื้นหลังของ Tab

color หมายถึงสีตัวหนังสือ

เมื่อปรับแต่งสีที่ต้องการได้แล้ว ก็ Save ไฟล์ในชื่อ userChrome.css ไว้ที่ [C:\Documents and Settings\YOUR USERNAME\Application

Data\Mozilla\Firefox\Profiles\xxxxxxxx.default\chrome\] (Windows 2000 / XP) หรือ [C:\WINDOWS\Application

Data\Mozilla\Firefox\Profiles\xxxxxxxx.default\chrome\] (Windows 98 / Me) ค่ะ

xxxxxxxx.default อันนี้ของแต่ละท่านจะได้เป็นตัวเลขและตัวหนังสือที่ไม่เหมือนกันนะคะ

และก็ ก่อน Save ไฟล์อย่าลืมเลือกให้เป็น All Files ก่อนนะคะ

เสร็จแล้วลองเปิดใช้งาน FireFox ดูนะคะ ลองเปิดขึ้นมา 2-3 Tab เปรียบเทียบสีดู ถ้ายังไม่พอใจก็แก้ไขสีได้ใหม่ค่ะ

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

http://www.colorschemer.com/online.html

เว็บโค้ดสีอีก 2 เว็บค่ะ

http://www.padge.com/colorscheme.htm

http://www.siteprocentral.com/html_color_code.html

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s


%d bloggers like this: