كيفية تخصيص مظهر زر القائمة في فايرفوكس البرتقال

هل تعبت من النظر إلى زر القائمة في Firefox البرتقالي؟ واجهة Firefox قابلة للتخصيص تمامًا ، لذا يمكنك تغيير اللون والنص والخصائص الأخرى لزر قائمة Firefox لإنشاء مظهرك المخصص الخاص بك.

لتغيير مظهر زر قائمة Firefox ، سنقوم بتحرير ملف userChrome.css. يسمح لك هذا الملف بتغيير مظهر أي جزء من فايرفوكس ، بالإضافة إلى وظائفه.

قبل الغوص في تعديل ملف userChrome.css ، سنقوم بتثبيت وظيفة إضافية تسمى ChromEdit Plus ، والتي ستسمح لنا بتعديل الملف بسهولة وحفظه بالتنسيق الصحيح. انقر فوق الرابط التالي للانتقال إلى صفحة الويب ChromEdit Plus.

http://webdesigns.ms11.net/chromeditp.html

انقر فوق الزر Add to Firefox على الصفحة.

قد يتم عرض الرسالة التالية. انقر فوق "السماح" لمتابعة تثبيت الوظيفة الإضافية ChromEdit Plus.

ملاحظة: كن حذرًا للغاية حول ما تسمح به عند تثبيت الإضافات والبرامج الأخرى. إذا لم تكن متأكدًا من المنتج أو لا تثق في الشركة ، فلا تقم بالتثبيت. اختبرنا ChromEdit Plus ووجدناها آمنة وموثوقة.

يعرض مربع الحوار تثبيت البرامج. انقر فوق التثبيت الآن ، والذي قد لا يكون متاحًا حتى انتهاء العد التنازلي.

ملاحظة: يمكنك تغيير طول العد التنازلي على زر التثبيت ، لكننا لا نوصي بتعطيله.

يجب عليك إعادة تشغيل فايرفوكس لإنهاء التثبيت. انقر فوق إعادة التشغيل الآن في مربع الحوار المنبثق.

بمجرد إعادة تشغيل Firefox ، تتم إضافة الزر ChromEdit Plus إلى يمين مربع العنوان. انقر فوقه لفتح نافذة ChromEdit Plus.

توجد ثلاث علامات تبويب بشكل افتراضي على نافذة ChromEdit Plus. سنقوم بتحرير ملف userChrome.css ، الموجود في علامة التبويب الأولى. إذا كانت علامة التبويب فارغة ، فقم بنسخ النص التالي ولصقه في علامة التبويب userChrome.css وانقر فوق حفظ. يمنحك هذا ملف userChrome.css افتراضي.

namespace url ("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul") ؛
# زر appmenu
الخلفية: #orange!

# dropmener زر appmenu: before
المحتوى: "فايرفوكس"!
اللون: #FFFFFF!

# زر appmenu .button-text
عرض: لا شيء!

قد يكون لديك بالفعل ملف userChrome.css ، وفي هذه الحالة سيكون هناك نص بالفعل في علامة التبويب userChrome.css. انسخ كل النص أعلاه باستثناء السطر الأول ، سطرnamespace ، والصقه في علامة التبويب في مكان ما بعد سطرnamespace. إذا كنت تريد الاحتفاظ بما لديك بالفعل ، فيمكنك لصق النص أعلاه في نهاية الملف.

هام: تأكد من أن جميع علامات الاقتباس في userChrome.css ليست علامات اقتباس ذكية ، بما في ذلك تلك الموجودة في سطرnamespace. يجب أن يكونا على شكل علامات مستقيمة عادية. إذا كان أي منهم عبارة عن علامات اقتباس ذكية ، فلن يؤثر الملف على مظهر Firefox على الإطلاق.

انقر فوق إعادة التشغيل لإعادة تشغيل Firefox باستخدام ملف userChrome.css الجديد أو الذي تمت مراجعته.

في هذا المثال ، سنقوم بتغيير لون الخلفية إلى اللون الأزرق الغامق وتغيير نص "Firefox" إلى "How-To Geek".

لتغيير لون الخلفية ، قم بتغيير النص "#orange" على سطر "الخلفية" في قسم "# ​​appmenu-button" إلى لون مختلف ، باستخدام رمز لون ست عشري ، أو رمز لون HTML. على سبيل المثال ، اخترنا اللون الأزرق الداكن مع رمز اللون السداسي رقم # 2C4362.

ملاحظة: لمعرفة رمز اللون السداسي للون الذي تريده ، راجع مقالاتنا حول الحصول على رموز ألوان ست عشري من ألوان RGB العشرية ، واختيار الألوان من أي مكان على الشاشة ، والحصول على رموز ملونة بتنسيقات متعددة.

لتغيير النص الموجود على الزر ، قم بتغيير النص "Firefox" الموجود على سطر "المحتوى" الموجود في القسم "# ​​dropmener-button dropmener: before" إلى النص المطلوب ، مثل "How-To Geek". أضفنا مسافة بعد النص للحصول على مساحة أكبر بين النص والسهم المنسدل على الزر.

يمكنك اختيار تغيير لون النص أيضًا عن طريق تغيير خط "اللون" في القسم "# ​​dropmener-button: before" نفسه. لقد تركنا لون النص بلون أبيض (#FFFFFF) ، ولكن يمكنك تغييره إلى شيء ما مثل لون رمادي فاتح (# F2F2F2) ، أو شيء من هذا القبيل.

انقر فوق حفظ ثم أعد تشغيلها لتصبح التغييرات سارية المفعول.

الزر الآن أزرق داكن ويقول "How-To Geek".

يمكنك أيضًا إضافة صورة خلفية للزر ، بالإضافة إلى تغيير لون الخلفية. أنشأنا صورة تحتوي على favicon How-To Geek على اليسار وخلفية شفافة بحيث يظهر لون خلفية زرقاء داكنة خلال. لإضافة صورة خلفية إلى الزر الخاص بك ، أضف السطر التالي إلى قسم "# ​​appmenu-button" ، وقم بتغيير المسار في علامات الاقتباس إلى موقع صورتك على الكمبيوتر الخاص بك. اترك "الملف: ///" في المسار.

background-image: url ("file: /// C: /Users/Lori/Pictures/htg_background.png")!

انقر فوق حفظ ثم إعادة التشغيل مرة أخرى.

الآن لدينا زر كاملة.

يمكنك أيضًا تخصيص زر قائمة فايرفوكس عن طريق تحويله إلى رمز. لقد نشرنا أيضًا العديد من النصائح الأخرى والتعديلات للحصول على أقصى استفادة من Firefox.