كيفية تغيير مظهر شريط البرتقال في فايرفوكس

أنا أحب الطريقة التي يمكن تخصيص Firefox. أعني أنه لا يوجد شيء في المتصفح لا يمكن تغييره أو تعديله وفقًا لمتطلبات المستخدم وراحته. بينما في النهاية الوظيفية حول: يمكن تعديل تفضيلات التكوين لتحقيق أي شيء تقريبًا ، على الجبهة الجمالية لدينا مكونات CSS يمكن تعريفها لتعديل مظهر الواجهة.

سنأخذ في الاعتبار الزر البرتقالي الخاص بـ Firefox والموضع في أعلى يسار المتصفح ونرى كيف يمكن تعديل شكله وشعوره. على سبيل المثال ، تحقق من الصورة (أدناه) ولاحظ كيف غيّرت اللون من اللون البرتقالي إلى اللون الأحمر والنص من الأبيض إلى الأسود ومن Firefox إلى. مثيرة للاهتمام ، أليس كذلك؟

إليك كيفية إجراء تغييرات مماثلة.

خطوات لتخصيص مظهر فايرفوكس زر

كل ملف تعريف تنشئه على Firefox لديه ملف CSS مرتبط به. من المفترض أن تختلف مدخلات المستخدم من عرض المتصفح. في هذه العملية ، سنخبرك أيضًا بكيفية العثور على هذا الملف أو إنشاء ملف إذا لم يكن موجودًا.

الخطوة 1: افتح Firefox وانتقل إلى Firefox (الزر البرتقالي) -> مساعدة -> معلومات استكشاف الأخطاء وإصلاحها.

الخطوة 2: سيتم إطلاق علامة تبويب جديدة. ابحث عن قسم قراءة أساسيات التطبيق. للوصول إلى مجلد ملف التعريف الخاص بك ، انقر على زر إظهار المجلد. يُنصح بفتح مجلد ملف التعريف من هنا لأنه في حالة وجود ملفات تعريف متعددة ، قد لا تعرف أي ملف مستخدم.

الخطوة 3: في دليل ملف التعريف الخاص بك ستجد مجلد يسمى chrome. إذا لم تجد ذلك ، يمكنك إنشاء واحدة.

الخطوة 4: في هذا المجلد ، يجب أن يكون هناك ملف باسم userChrome.css. يجب أن يكون الاسم مكتوبًا تمامًا هنا.

مرة أخرى ، إذا لم تتمكن من العثور عليه ، يمكنك إنشاء واحدة. إذا كان هناك ، انتقل إلى الخطوة 7. عدا ذلك تابع مع الخطوة 5.

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

الخطوة 6: انتقل الآن إلى ملف وحفظ باسم المستند باسم userChrome.css. تأكد من تغيير " حفظ بنوع" إلى " كافة الملفات" من أسفل مربع الحوار " حفظ". انقر فوق حفظ وإغلاق المستند.

الخطوة 7: افتح الملف userChrome.css باستخدام المفكرة. ببساطة انقر بزر الماوس الأيمن فوق الملف واختر " فتح باستخدام -> المفكرة".

الخطوة 8: انسخ مقتطف الشفرة أدناه (كما هو) وألحقه بالملف. حفظ التغييرات.

namespace url ("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul") ؛

# appmenu-button {

الخلفية: # البرتقالي !

}

# appmenu-button dropmarker: قبل {

المحتوى: " Firefox "!

اللون: # FFFFFF !

}

# appmenu-button.button-text {

عرض: لا شيء!

}

لاحظ الأجزاء الغامقة. أنها تمثل لون الزر والنص ولون النص على التوالي. لتغيير مظهر الزر ، يمكنك تعديل هذه القيم. إليك الرمز الذي يتوافق مع الصورة التي شاهدتها في البداية.

إذا لم تكن لديك معلومات عن رموز Hex ، فيمكنك الرجوع إلى هذا الرابط. أو يمكنك التحقق من هذا واحد.

استنتاج

هذا التغيير هو مجرد تغيير بسيط. إذا تمكنت من إتقان الرموز ، فستتمكن من إجراء أي تغيير تقريبًا في Firefox. إذا كان لديك بعض من تلك التي كنت تستخدمها طوال هذه السنوات ، شاركها مع قرائنا وساعد في جلب الابتسامات لمستخدمي Firefox الجدد.