كيفية تغيير مظهر Orange Bar في Firefox
منوعات / / February 11, 2022
![شعار Firefox](/f/0fa264e34b1ca3c2ed1a31205eba0a78.png)
أحب الطريقة
يمكن تخصيص Firefox
. أعني أنه لا يوجد شيء في المتصفح لا يمكن تغييره أو تعديله وفقًا لمتطلبات المستخدم وراحته. بينما في النهاية الوظيفية
حول: تفضيلات التكوين
يمكن تعديلها لتحقيق أي شيء تقريبًا ، من الناحية الجمالية ، لدينا مكونات CSS يمكن تعريفها
تعديل مظهر الواجهة
.
سوف نأخذة بعين الاعتبار الزر البرتقالي لفايرفوكس التي يتم وضعها في الجزء العلوي الأيسر من المتصفح ومعرفة كيف يمكن تعديل الشكل والمظهر. على سبيل المثال ، تحقق من الصورة (أدناه) ولاحظ كيف قمت بتغيير اللون من البرتقالي إلى الأحمر ، والنص من الأبيض إلى الأسود ومن Firefox إلى Guiding Tech. ممتع ، أليس كذلك؟
![زر فايرفوكس المخصص](/f/67e170e6c8cea120c0aef82662ae4b9a.png)
إليك كيفية إجراء تغييرات مماثلة.
خطوات لتخصيص مظهر زر فايرفوكس
كل الملف الشخصي الذي قمت بإنشائه على Firefox يحتوي على ملف CSS مرتبط به. إنه مخصص لإدخالات المستخدم لتغيير عرض المتصفح. في هذه العملية ، سنخبرك أيضًا بكيفية العثور على هذا الملف أو إنشاء واحد إذا لم يكن موجودًا.
الخطوة 1: افتح Firefox وانتقل إلى Firefox (الزر البرتقالي) -> تعليمات -> معلومات استكشاف الأخطاء وإصلاحها.
![معلومات استكشاف أخطاء Firefox وإصلاحها](/f/965eaff5873bf301b9265ab841602ad2.png)
الخطوة 2: سيتم إطلاق علامة تبويب جديدة. ابحث عن قسم القراءة
أساسيات التطبيق. للوصول إلى مجلد ملف التعريف الخاص بك ، انقر فوق إظهار المجلد زر. يُقترح فتح مجلد ملف التعريف من هنا لأنه إذا كان موجودًا ملفات تعريف متعددة قد لا تعرف أي واحد يتم استخدامه.![مجلد عرض Firefox](/f/1e5e9f2dab19069e3b9d9dc8c685d127.png)
الخطوه 3: في دليل ملف التعريف الخاص بك ، ستجد مجلدًا يسمى كروم. إذا لم تتمكن من العثور على ذلك ، يمكنك إنشاء واحدة.
![ملف تعريف Firefox Chrome Folder](/f/3208372b84924a42136d1602e5863540.png)
الخطوة الرابعة: في هذا المجلد يجب أن يكون هناك ملف باسم userChrome.css. يجب أن يكون الاسم تمامًا كما هو مكتوب هنا.
![تحقق من ملف Chrome](/f/3b57791d28a208905467d8e44e6067c1.png)
مرة أخرى ، إذا لم تتمكن من العثور عليه ، يمكنك إنشاء واحد. إذا كان هناك ، فانتقل إلى الخطوة 7. عدا ذلك ، تابع مع الخطوة 5.
الخطوة الخامسة: انقر بزر الماوس الأيمن فوق مساحة فارغة وقم بإنشاء ملف جديد -> مستند نصي. بمجرد الانتهاء من ذلك ، افتح الملف باستخدام برنامج Notepad.
![مستند نصي جديد](/f/55de673755fd310907740b947c7f6905.png)
الخطوة السادسة: اذهب الآن إلى ملف و يحفظكما المستند كـ userChrome.css. تأكد من تغيير ملف حفظ كنوع ل كل الملفات من أسفل يحفظ الحوار. انقر فوق يحفظ وأغلق المستند.
![حفظ كمستخدم Chrome E1349804863273](/f/c289cda9cea2a99574898aa1bdf61975.png)
الخطوة السابعة: افتح ال userChrome.css ملف مع المفكرة. ما عليك سوى النقر بزر الماوس الأيمن على الملف واختيار افتح باستخدام -> المفكرة.
الخطوة 8: انسخ مقتطف الشفرة أدناه (كما هو) وألحقه بالملف. احفظ التغييرات.
namespace url (“ http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”);
# appmenu- زر {
معرفتي: #البرتقالي !الأهمية؛
}
# appmenu-button dropmarker: قبل {
المحتوى: "ثعلب النار" !الأهمية؛
اللون: #FFFFFF !الأهمية؛
}
# appmenu-button .button-text {
العرض: لا شيء!
}
لاحظ الأجزاء الموجودة في بالخط العريض. وهي تمثل لون الزر والنص ولون النص على التوالي. لتغيير مظهر الزر ، يمكنك تعديل هذه القيم. هذا هو الرمز الذي يتوافق مع الصورة التي رأيتها في البداية.
![Firefox Chrome Css Code E1349804958201](/f/ce2a2036c51303bb5f931a588131cd57.png)
إذا لم يكن لديك معرفة برموز Hex ، فيمكنك ذلك الرجوع إلى هذا الارتباط. أو يمكنك التحقق هذا.
استنتاج
هذا التغيير هو مجرد تغيير بسيط. إذا تمكنت من إتقان الرموز ، فستتمكن من إجراء تغيير على أي شيء تقريبًا في Firefox. إذا كان لديك بعض من تلك التي كنت تستخدمها طوال هذه السنوات ، فشاركها مع قرائنا وساعد في جلب الابتسامات لمستخدمي Firefox المبتدئين هناك.
آخر تحديث في 03 فبراير 2022
قد تحتوي المقالة أعلاه على روابط تابعة تساعد في دعم Guiding Tech. ومع ذلك ، فإنه لا يؤثر على نزاهة التحرير لدينا. يظل المحتوى غير متحيز وأصيل.