Het uiterlijk van de oranje balk in Firefox wijzigen

Ik ben dol op de manier waarop Firefox kan worden aangepast. Ik bedoel, er is niets in de browser dat niet kan worden gewijzigd of aangepast aan de eisen en het comfort van een gebruiker. Terwijl aan het functionele einde ongeveer: configuratie-voorkeuren kunnen worden aangepast om bijna alles te bereiken, op esthetisch vlak hebben we CSS-componenten die kunnen worden gedefinieerd om het uiterlijk van de interface te wijzigen.

We zullen de oranje knop van Firefox linksboven in de browser bekijken en kijken hoe het uiterlijk 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. Interessant toch?

Hier leest u hoe u soortgelijke wijzigingen kunt aanbrengen.

Stappen om het uiterlijk van de Firefox-knop aan te passen

Aan elk profiel dat u in Firefox maakt, is een CSS-bestand 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 maken als het niet bestaat.

Stap 1: Open Firefox en navigeer naar Firefox (de oranje knop) -> Help -> Probleemoplossingsinformatie.

Stap 2: Er wordt een nieuw tabblad geopend. Zoek naar het gedeelte Toepassingsbasics lezen. Klik op de knop Map weergeven om naar uw profielmap te gaan. Het is raadzaam om hier de profielmap te openen, want als er meerdere profielen zijn, weet u misschien niet welke er wordt gebruikt.

Stap 3: In uw profieldirectory vindt u een map met de naam chrome. Als u dat niet kunt vinden, kunt u er een maken.

Stap 4: In deze map moet er een bestand met de naam userChrome.css zijn. De naam moet precies zo zijn als hier gespeld.

Nogmaals, als u het niet kunt vinden, kunt u er een maken. Als dit het geval is, gaat u naar stap 7. Anders gaat u verder met stap 5.

Stap 5: Klik met de rechtermuisknop op en maak ruimte vrij en maak een nieuw -> tekstdocument. Zodra u klaar bent, opent u het bestand met Kladblok.

Stap 6: Ga nu naar Bestand en sla op als het document als userChrome.css. Zorg ervoor dat u het type Opslaan als wijzigt in Alle bestanden onder aan het dialoogvenster Opslaan. Klik op Opslaan en sluit het document.

Stap 7: Open het bestand userChrome.css met Kladblok. Klik 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.

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

# appmenu-button {

achtergrond: # oranje ! belangrijk;

}

# appmenu-knop dropmarker: voor {

inhoud: " Firefox "! belangrijk;

kleur: # FFFFFF ! belangrijk;

}

# appmenu-button.button-text {

display: geen! belangrijk;

}

Let op de vetgedrukte brokken. 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.

Als u geen kennis heeft van Hex-codes, kunt u naar deze link verwijzen. Of u kunt deze controleren.

Conclusie

Deze wijziging is slechts een kleine wijziging. Als je de codes onder de knie hebt, kun je bijna alles in Firefox opknappen. Als je er een paar hebt die je al die jaren gebruikt, deel die dan met onze lezers en help de nieuwe Firefox-gebruikers met een glimlach te glimlachen.