Hoe het uiterlijk van de oranje balk in Firefox te veranderen
Diversen / / February 11, 2022
![Firefox-logo](/f/0fa264e34b1ca3c2ed1a31205eba0a78.png)
ik hou van de manier
Firefox kan worden aangepast
. Ik bedoel, er is niets in de browser dat niet kan worden gewijzigd of aangepast aan de behoefte en het comfort van een gebruiker. Terwijl aan het functionele einde
over: configuratievoorkeuren
kan worden aangepast om bijna alles te bereiken, op het esthetische front hebben we CSS-componenten die kunnen worden gedefinieerd om
het uiterlijk van de interface wijzigen
.
We zullen het overwegen De oranje knop van Firefox die linksboven in de browser wordt geplaatst en kijk hoe de look en feel kan worden gewijzigd. Bekijk bijvoorbeeld de afbeelding (hieronder) en merk op hoe ik de kleur heb veranderd van oranje naar rood, de tekst van wit naar zwart en van Firefox naar Guiding Tech. Interessant, toch?
![Aangepaste Firefox-knop](/f/67e170e6c8cea120c0aef82662ae4b9a.png)
Hier leest u hoe u soortgelijke wijzigingen kunt aanbrengen.
Stappen om het uiterlijk van de Firefox-knop aan te passen
Elk profiel dat u maakt in Firefox heeft een CSS-bestand dat eraan is gekoppeld. Het is bedoeld voor gebruikersinvoer om de weergave van de browser te variëren. Tijdens het proces zullen we u ook vertellen hoe u dat bestand kunt vinden of er een kunt maken als het niet bestaat.
Stap 1: Open Firefox en navigeer naar Firefox (de oranje knop) -> Help -> Informatie over het oplossen van problemen.
![Informatie over het oplossen van problemen met Firefox](/f/965eaff5873bf301b9265ab841602ad2.png)
Stap 2: Er wordt een nieuw tabblad gelanceerd. Kijk voor de sectie lezen Basisprincipes van de toepassing. Om naar uw profielmap te gaan, klikt u op Map tonen knop. Het is raadzaam om de profielmap van hieruit te openen, want als er meerdere profielen u weet misschien niet welke wordt gebruikt.
![Firefox Toon map](/f/1e5e9f2dab19069e3b9d9dc8c685d127.png)
Stap 3: In uw profielmap vindt u een map met de naam chroom. Als u die niet kunt vinden, kunt u er een maken.
![Chrome-map voor Firefox-profiel](/f/3208372b84924a42136d1602e5863540.png)
Stap 4: In deze map zou er een bestand moeten staan met de naam userChrome.css. De naam moet precies zijn zoals hier gespeld.
![Controleer Chrome-bestand](/f/3b57791d28a208905467d8e44e6067c1.png)
Nogmaals, als u het niet kunt vinden, kunt u er een maken. Als het daar is, gaat u naar stap 7. Ga anders verder met stap 5.
Stap 5: Klik met de rechtermuisknop op en maak ruimte leeg en maak een Nieuw -> Tekstdocument. Als u klaar bent, opent u het bestand met Kladblok.
![Nieuw tekstdocument](/f/55de673755fd310907740b947c7f6905.png)
Stap 6: Ga nu naar Bestand en SparenAls het document als gebruikerChrome.css. Zorg ervoor dat u de Opslaan als type naar Alle bestanden vanaf de onderkant van de Sparen dialoog. Klik op Sparen en sluit het document.
![Opslaan als gebruiker Chrome E1349804863273](/f/c289cda9cea2a99574898aa1bdf61975.png)
Stap 7: Open de userChrome.css bestand met Kladblok. Klik gewoon met de rechtermuisknop op het bestand en kies Openen met -> Kladblok.
Stap 8: Kopieer het onderstaande codefragment (zoals het is) en voeg het toe aan het bestand. Sla de wijzigingen op.
@naamruimte-url(“ http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”);
#appmenu-knop {
achtergrond: #Oranje !belangrijk;
}
#appmenu-button dropmarker: voor {
inhoud: "Firefox" !belangrijk;
kleur: #FFFFFF !belangrijk;
}
#appmenu-knop .knop-tekst {
weergave: geen !belangrijk;
}
Let op de stukjes in stoutmoedig. Ze vertegenwoordigen respectievelijk de knopkleur, tekst en tekstkleur. Om het uiterlijk van de knop te wijzigen, kunt u deze waarden wijzigen. Hier is de code die overeenkomt met de afbeelding die u in het begin zag.
![Firefox Chrome Css-code E1349804958201](/f/ce2a2036c51303bb5f931a588131cd57.png)
Als u geen kennis heeft van Hex-codes, kunt u: zie deze link. Of u kunt controleren deze.
Gevolgtrekking
Deze wijziging is slechts een kleine. Als je de codes onder de knie hebt, kun je bijna alles in Firefox een make-over geven. Als je er een paar hebt die je al die jaren gebruikt, deel deze dan met onze lezers en help de beginnende Firefox-gebruikers een glimlach te bezorgen.
Laatst bijgewerkt op 03 februari 2022
Het bovenstaande artikel kan gelieerde links bevatten die Guiding Tech helpen ondersteunen. Het tast onze redactionele integriteit echter niet aan. De inhoud blijft onbevooroordeeld en authentiek.