Android

วิธีการเปลี่ยนลักษณะที่ปรากฏของแถบสีส้มใน Firefox

Faith Evans feat. Stevie J – "A Minute" [Official Music Video]

Faith Evans feat. Stevie J – "A Minute" [Official Music Video]

สารบัญ:

Anonim

ฉันชอบวิธีที่ Firefox สามารถปรับแต่งได้ ฉันหมายความว่าไม่มีสิ่งใดในเบราว์เซอร์ที่ไม่สามารถเปลี่ยนแปลงหรือแก้ไขได้ตามความต้องการและความสะดวกสบายของผู้ใช้ ในขณะที่การทำงานสิ้นสุดเกี่ยวกับ: การตั้งค่าการกำหนดค่าสามารถปรับแต่งเพื่อให้บรรลุเกือบทุกอย่างที่ด้านหน้าความงามที่เรามีองค์ประกอบ CSS ที่สามารถกำหนดเพื่อปรับเปลี่ยนลักษณะที่ปรากฏของอินเตอร์เฟซ

เราจะพิจารณา ปุ่มสีส้มของ Firefox ที่วางอยู่ด้านบนซ้ายของเบราว์เซอร์และดูว่าสามารถแก้ไขรูปลักษณ์และความรู้สึกของมันได้อย่างไร ตัวอย่างเช่นตรวจสอบภาพ (ด้านล่าง) และสังเกตว่าฉันเปลี่ยนสีจากสีส้มเป็นสีแดงได้อย่างไรข้อความจากสีขาวเป็นสีดำและจาก Firefox เป็น น่าสนใจใช่มั้ย

นี่คือวิธีที่คุณสามารถทำการเปลี่ยนแปลงที่คล้ายกัน

ขั้นตอนในการปรับแต่งปุ่ม Firefox

แต่ละโปรไฟล์ที่คุณสร้างบน Firefox มีไฟล์ CSS ที่เกี่ยวข้อง มันมีไว้สำหรับผู้ใช้อินพุตเพื่อเปลี่ยนแปลงการแสดงของเบราว์เซอร์ ในกระบวนการเราจะบอกคุณถึงวิธีการค้นหาไฟล์นั้นหรือสร้างไฟล์หากไม่มีอยู่

ขั้นตอนที่ 1: เปิด Firefox และไปที่ Firefox (ปุ่มสีส้ม) -> ความช่วยเหลือ -> ข้อมูลการแก้ไขปัญหา

ขั้นตอนที่ 2: แท็บใหม่จะเปิดตัว มองหาส่วนการอ่าน พื้นฐานการใช้งาน หากต้องการไปยังโฟลเดอร์โปรไฟล์ของคุณให้คลิกที่ปุ่ม แสดงโฟลเดอร์ ขอแนะนำให้เปิดโฟลเดอร์โปรไฟล์จากที่นี่เพราะหากมีหลายโปรไฟล์คุณอาจไม่ทราบว่ากำลังใช้อันไหนอยู่

ขั้นตอนที่ 3: ในไดเรกทอรีโปรไฟล์ของคุณคุณจะพบโฟลเดอร์ชื่อ chrome หากคุณไม่พบสิ่งนั้นคุณสามารถสร้างได้

ขั้นตอนที่ 4: ในโฟลเดอร์นี้ควรมีไฟล์ชื่อ userChrome.css ชื่อควรตรงกับการสะกดที่นี่

ถ้าคุณไม่พบมันอีกคุณสามารถสร้างมันขึ้นมาได้ หากอยู่ที่นั่นให้ไปที่ขั้นตอนที่ 7 เลือกดำเนินการต่อด้วยขั้นตอนที่ 5

ขั้นตอนที่ 5: คลิกขวาและพื้นที่ว่างและสร้าง ใหม่ -> เอกสารข้อความ เมื่อเสร็จแล้วให้เปิดไฟล์ด้วย Notepad

ขั้นตอนที่ 6: ตอนนี้ไปที่ ไฟล์ และ บันทึก เป็น เอกสารเป็น userChrome.css ตรวจสอบให้แน่ใจว่าคุณเปลี่ยน ประเภทบันทึกเป็น ไฟล์ทั้งหมด จากด้านล่างของกล่องโต้ตอบ บันทึก คลิกที่ บันทึก และปิดเอกสาร

ขั้นตอนที่ 7: เปิดไฟล์ userChrome.css ด้วย Notepad เพียงคลิกขวาที่ไฟล์และเลือก Open With -> Notepad

ขั้นตอนที่ 8: คัดลอกข้อมูลโค้ดด้านล่าง (ตามที่เป็น) และผนวกเข้ากับไฟล์ บันทึกการเปลี่ยนแปลง

@namespace url (“ http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”);

# appmenu-button {

พื้นหลัง: # orange ! สำคัญ;

}

# appmenu-button dropmarker: ก่อนหน้า

เนื้อหา:“ Firefox ”! สำคัญ;

สี: # FFFFFF ! สำคัญ;

}

# appmenu-button.button-text {

แสดง: ไม่มี! สำคัญ;

}

สังเกตชิ้นส่วนที่เป็น ตัวหนา พวกเขาเป็นตัวแทนของสีปุ่มข้อความและสีข้อความตามลำดับ เพื่อเปลี่ยนลักษณะที่ปรากฏของปุ่มคุณอาจแก้ไขค่าเหล่านี้ นี่คือรหัสที่สอดคล้องกับภาพที่คุณเห็นในตอนแรก

หากคุณไม่มีความรู้เกี่ยวกับรหัส Hex คุณอาจอ้างอิงถึงลิงค์นี้ หรือคุณอาจตรวจสอบอันนี้

ข้อสรุป

การเปลี่ยนแปลงนี้เป็นเพียงเล็กน้อย หากคุณสามารถควบคุมรหัสได้คุณจะสามารถแปลงโฉมเกือบทุกอย่างใน Firefox หากคุณมีบางอย่างที่คุณใช้มานานหลายปีแบ่งปันกับผู้อ่านของเราและช่วยในการนำรอยยิ้มไปสู่ผู้ใช้ Firefox มือใหม่