ऑरेंज फ़ायरफ़ॉक्स मेनू बटन की उपस्थिति को कस्टमाइज़ कैसे करें

ऑरेंज फ़ायरफ़ॉक्स मेनू बटन की उपस्थिति को कस्टमाइज़ कैसे करें
ऑरेंज फ़ायरफ़ॉक्स मेनू बटन की उपस्थिति को कस्टमाइज़ कैसे करें

वीडियो: ऑरेंज फ़ायरफ़ॉक्स मेनू बटन की उपस्थिति को कस्टमाइज़ कैसे करें

वीडियो: ऑरेंज फ़ायरफ़ॉक्स मेनू बटन की उपस्थिति को कस्टमाइज़ कैसे करें
वीडियो: How Microsoft killed the one cool product they ever had: MSN Messenger - YouTube 2024, नवंबर
Anonim
क्या आप नारंगी फ़ायरफ़ॉक्स मेनू बटन को देखने से थक गए हैं? फ़ायरफ़ॉक्स का इंटरफ़ेस पूरी तरह से अनुकूलन योग्य है, इसलिए आप अपना खुद का कस्टम लुक बनाने के लिए फ़ायरफ़ॉक्स मेनू बटन के रंग, टेक्स्ट और अन्य गुणों को बदल सकते हैं।
क्या आप नारंगी फ़ायरफ़ॉक्स मेनू बटन को देखने से थक गए हैं? फ़ायरफ़ॉक्स का इंटरफ़ेस पूरी तरह से अनुकूलन योग्य है, इसलिए आप अपना खुद का कस्टम लुक बनाने के लिए फ़ायरफ़ॉक्स मेनू बटन के रंग, टेक्स्ट और अन्य गुणों को बदल सकते हैं।

फ़ायरफ़ॉक्स मेनू बटन की उपस्थिति को बदलने के लिए, हम userChrome.css फ़ाइल को संपादित करेंगे। यह फ़ाइल आपको फ़ायरफ़ॉक्स के किसी भी भाग, साथ ही साथ इसकी कार्यक्षमता को बदलने की अनुमति देती है।

UserChrome.css फ़ाइल को संपादित करने में डाइविंग से पहले, हम एक एड-ऑन इंस्टॉल करेंगे, जिसे क्रोमएडिट प्लस कहा जाता है, जो हमें फ़ाइल को आसानी से संपादित करने और सही प्रारूप में सहेजने की अनुमति देगा। ChromEdit Plus वेबपृष्ठ पर जाने के लिए निम्न लिंक पर क्लिक करें।
UserChrome.css फ़ाइल को संपादित करने में डाइविंग से पहले, हम एक एड-ऑन इंस्टॉल करेंगे, जिसे क्रोमएडिट प्लस कहा जाता है, जो हमें फ़ाइल को आसानी से संपादित करने और सही प्रारूप में सहेजने की अनुमति देगा। ChromEdit Plus वेबपृष्ठ पर जाने के लिए निम्न लिंक पर क्लिक करें।

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

पृष्ठ पर फ़ायरफ़ॉक्स में जोड़ें बटन पर क्लिक करें।

निम्नलिखित संदेश प्रदर्शित हो सकता है। ChromEdit Plus ऐड-ऑन इंस्टॉल करना जारी रखने के लिए अनुमति दें पर क्लिक करें।
निम्नलिखित संदेश प्रदर्शित हो सकता है। ChromEdit Plus ऐड-ऑन इंस्टॉल करना जारी रखने के लिए अनुमति दें पर क्लिक करें।

नोट: एक्सटेंशन और अन्य सॉफ़्टवेयर इंस्टॉल करते समय आप जो भी अनुमति देते हैं उसके बारे में बहुत सावधान रहें। यदि आप उत्पाद के बारे में निश्चित नहीं हैं या कंपनी पर भरोसा नहीं करते हैं, तो इंस्टॉल न करें। हमने क्रोमडेड प्लस का परीक्षण किया और इसे सुरक्षित और भरोसेमंद पाया।

सॉफ्टवेयर स्थापना संवाद बॉक्स प्रदर्शित करता है। अभी इंस्टॉल करें पर क्लिक करें, जो कि उलटी गिनती खत्म होने तक उपलब्ध नहीं हो सकता है।
सॉफ्टवेयर स्थापना संवाद बॉक्स प्रदर्शित करता है। अभी इंस्टॉल करें पर क्लिक करें, जो कि उलटी गिनती खत्म होने तक उपलब्ध नहीं हो सकता है।

नोट: आप इंस्टॉल बटन पर उलटी गिनती की लंबाई बदल सकते हैं, लेकिन हम इसे अक्षम करने की अनुशंसा नहीं करते हैं।

इंस्टॉलेशन को समाप्त करने के लिए आपको फ़ायरफ़ॉक्स को पुनरारंभ करना होगा। पॉपअप संवाद पर अभी पुनरारंभ करें पर क्लिक करें।
इंस्टॉलेशन को समाप्त करने के लिए आपको फ़ायरफ़ॉक्स को पुनरारंभ करना होगा। पॉपअप संवाद पर अभी पुनरारंभ करें पर क्लिक करें।
एक बार फ़ायरफ़ॉक्स पुनरारंभ हो जाने पर, ChromeEdit Plus बटन को पता बॉक्स के दाईं ओर जोड़ा जाता है। क्रोमएडिट प्लस विंडो खोलने के लिए इसे क्लिक करें।
एक बार फ़ायरफ़ॉक्स पुनरारंभ हो जाने पर, ChromeEdit Plus बटन को पता बॉक्स के दाईं ओर जोड़ा जाता है। क्रोमएडिट प्लस विंडो खोलने के लिए इसे क्लिक करें।
ChromeEdit Plus विंडो पर डिफ़ॉल्ट रूप से तीन टैब हैं। हम userChrome.css फ़ाइल को संपादित करेंगे, जो पहले टैब पर है। यदि टैब खाली है, तो निम्न पाठ को उपयोगकर्ता Chrome.css टैब पर कॉपी और पेस्ट करें और सहेजें पर क्लिक करें। यह आपको एक डिफ़ॉल्ट उपयोगकर्ता Chrome.css फ़ाइल देता है।
ChromeEdit Plus विंडो पर डिफ़ॉल्ट रूप से तीन टैब हैं। हम userChrome.css फ़ाइल को संपादित करेंगे, जो पहले टैब पर है। यदि टैब खाली है, तो निम्न पाठ को उपयोगकर्ता Chrome.css टैब पर कॉपी और पेस्ट करें और सहेजें पर क्लिक करें। यह आपको एक डिफ़ॉल्ट उपयोगकर्ता Chrome.css फ़ाइल देता है।

@namespace url(“https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”); #appmenu-button { background: #orange !important; } #appmenu-button dropmarker:before { content: “Firefox” !important; color: #FFFFFF !important; } #appmenu-button.button-text { display: none !important; }

आपके पास पहले से ही userChrome.css फ़ाइल हो सकती है, इस स्थिति में उपयोगकर्ता क्रोम.css टैब पर पहले से ही टेक्स्ट होगा। पहली पंक्ति को छोड़कर उपरोक्त सभी टेक्स्ट कॉपी करें, @ नेमस्पेस लाइन, और इसे @namespace लाइन के बाद कहीं भी टैब पर पेस्ट करें। यदि आप जो भी पहले रखते हैं उसे रखना चाहते हैं, तो आप उपरोक्त पाठ को फ़ाइल के अंत में पेस्ट कर सकते हैं।

महत्वपूर्ण: सुनिश्चित करें कि उपयोगकर्ता में सभी उद्धरण Chrome.css स्मार्ट कोट्स नहीं हैं, जिनमें @namespace लाइन में शामिल हैं। वे साधारण, सीधे उद्धरण होना चाहिए। यदि उनमें से कोई स्मार्ट उद्धरण हैं, तो फ़ाइल फ़ायरफ़ॉक्स की उपस्थिति को प्रभावित नहीं करेगी।

नए या संशोधित उपयोगकर्ता Chrome.css फ़ाइल का उपयोग कर फ़ायरफ़ॉक्स को पुनरारंभ करने के लिए पुनरारंभ करें पर क्लिक करें।

इस उदाहरण में, हम पृष्ठभूमि रंग को एक गहरे नीले रंग में बदलने जा रहे हैं और "फ़ायरफ़ॉक्स" टेक्स्ट को "हाउ टू गीक" में बदल देंगे।
इस उदाहरण में, हम पृष्ठभूमि रंग को एक गहरे नीले रंग में बदलने जा रहे हैं और "फ़ायरफ़ॉक्स" टेक्स्ट को "हाउ टू गीक" में बदल देंगे।

पृष्ठभूमि रंग बदलने के लिए, हेक्स रंग कोड, या HTML रंग कोड का उपयोग करके "# appmenu-button" खंड में "पृष्ठभूमि" रेखा पर "#orange" टेक्स्ट को एक अलग रंग में बदलें। उदाहरण के लिए, हमने # 2 सी 4362 के हेक्स रंग कोड के साथ एक गहरा नीला चुना है।

नोट: अपने इच्छित रंग के लिए हेक्स रंग कोड को समझने के लिए, दशमलव आरजीबी रंगों से हेक्स रंग कोड प्राप्त करने, स्क्रीन पर कहीं से भी रंगों का चयन करने और कई प्रारूपों में रंग कोड प्राप्त करने के बारे में हमारे लेख देखें।

बटन पर टेक्स्ट को बदलने के लिए, "वर्चुअल" टेक्स्ट को "सामग्री" लाइन पर "# appmenu-button dropmarker: इससे पहले" अनुभाग में अपने वांछित पाठ, जैसे "हाउ टू गीक" में बदलें। पाठ के बाद टेक्स्ट और ड्रॉप-डाउन तीर के बीच टेक्स्ट के बाद हमने एक स्थान जोड़ा।

आप "रंग" पंक्ति को उसी "# एपमेनू-बटन ड्रॉपमार्कर: पहले" अनुभाग में बदलकर टेक्स्ट का रंग बदलना चुन सकते हैं। हमने टेक्स्ट रंग को सफेद (# एफएफएफएफएफएफ) के रूप में छोड़ा, लेकिन आप इसे हल्के भूरे रंग (# एफ 2 एफ 2 एफ 2), या ऐसा कुछ बदल सकते हैं।

सहेजें पर क्लिक करें और फिर परिवर्तनों को प्रभावी बनाने के लिए पुनरारंभ करें।

बटन अब गहरा नीला है और कहता है "कैसे करें गीक"।
बटन अब गहरा नीला है और कहता है "कैसे करें गीक"।
Image
Image

पृष्ठभूमि रंग बदलने के अलावा, आप बटन पर पृष्ठभूमि छवि भी जोड़ सकते हैं। हमने एक ऐसी छवि बनाई है जिसमें बाईं ओर हाउ-टू गीक फेविकॉन और पारदर्शी पृष्ठभूमि है ताकि गहरा नीला पृष्ठभूमि रंग दिखाया जा सके। अपने बटन पर पृष्ठभूमि छवि जोड़ने के लिए, "# appmenu-button" अनुभाग में निम्न पंक्ति जोड़ें, उद्धरण में पथ को अपने कंप्यूटर पर अपनी छवि के स्थान पर बदलना। पथ में "फ़ाइल: ///" छोड़ दें।

background-image: url(“file:///C:/Users/Lori/Pictures/htg_background.png”) !important;

सहेजें पर क्लिक करें और पुनरारंभ करें।

सिफारिश की: