Slik endrer du utseendet på oransjestang i firefox

Jeg elsker måten Firefox kan tilpasses på. Jeg mener det ikke er noe i nettleseren som ikke kan endres eller endres i henhold til brukerens krav og komfort. Mens vi i den funksjonelle enden om: konfigurasjonsinnstillinger kan tilpasses for å oppnå nesten hva som helst, har vi på den estetiske fronten CSS-komponenter som kan defineres for å endre utseendet på grensesnittet.

Vi vil vurdere Firefox oransje knapp som er plassert øverst til venstre i nettleseren og se hvordan utseendet og følelsen kan endres. Sjekk for eksempel bildet (under) og merk hvordan jeg har endret fargen fra oransje til rød, teksten fra hvit til svart og fra Firefox til. Interessant, ikke sant?

Slik kan du gjøre lignende endringer.

Trinn for å tilpasse Firefox Buttons utseende

Hver profil som du oppretter på Firefox, har en CSS-fil tilknyttet. Det er ment for brukerinnganger for å variere visningen av nettleseren. I prosessen vil vi også fortelle deg hvordan du finner den filen eller oppretter en hvis den ikke eksisterer.

Trinn 1: Åpne Firefox og naviger til Firefox (den oransje knappen) -> Hjelp -> Feilsøkingsinformasjon.

Trinn 2: En ny fane vil bli lansert. Se etter delen som leser Grunnleggende om applikasjoner. For å komme til din profilmappe, klikk på Vis mappe- knappen. Det er anbefalt å åpne profilmappen herfra, fordi hvis det er flere profiler, vet du kanskje ikke hvilken som blir brukt.

Trinn 3: I din profilkatalog finner du en mappe som heter chrome. Hvis du ikke finner det, kan du opprette en.

Trinn 4: I denne mappen skal det være en fil som heter userChrome.css. Navnet skal være nøyaktig like stavet her.

Igjen, hvis du ikke finner den, kan du opprette en. Hvis den er der, gå til trinn 7. Fortsett å fortsette med trinn 5.

Trinn 5: Høyreklikk på og tom plass og lag et nytt -> tekstdokument. Når du er ferdig, åpner du filen med Notisblokk.

Trinn 6: Gå nå til File and Save As dokumentet som userChrome.css. Forsikre deg om at du endrer Lagre som-typen til Alle filer fra bunnen av Lagre- dialogboksen. Klikk på Lagre og lukk dokumentet.

Trinn 7: Åpne filen userChrome.css med Notisblokk. Bare høyreklikk på filen og velg Åpne med -> Notisblokk.

Trinn 8: Kopier kodebiten nedenfor (som den er) og legg den til filen. Lagre endringene.

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

# appmenu-knapp {

bakgrunn: # oransje ! viktig;

}

# appmenu-knapp dropmarker: før {

innhold: “ Firefox ”! viktig;

farge: # FFFFFF ! viktig;

}

# appmenu-knapp. knapp-tekst {

skjerm: ingen! viktig;

}

Legg merke til biter med fet skrift. De representerer henholdsvis knappfarge, tekst og tekstfarge. For å endre utseendet på knappen kan du endre disse verdiene. Her er koden som tilsvarer bildet du så i begynnelsen.

Hvis du ikke har kunnskap om Hex-koder, kan du henvise til denne lenken. Eller du kan sjekke denne.

Konklusjon

Denne endringen er bare en mindre. Hvis du kan mestre kodene vil du kunne gi en makeover til nesten hva som helst i Firefox. Hvis du har noen av dem du har brukt i alle disse årene, kan du dele med leserne våre og hjelpe til med å bringe smil til de nybegynnede Firefox-brukerne der ute.