Slik tilpasser du utseende på oransje Firefox-menyknappen

Blir du lei av å se på den oransje Firefox-menyknappen? Firefox-grensesnittet er helt tilpassbart, slik at du kan endre farge, tekst og andre egenskaper på Firefox-menyknappen for å lage ditt eget tilpassede utseende.

For å endre utseendet på Firefox-menyknappen, redigerer vi filen userChrome.css. Denne filen lar deg endre utseendet til en hvilken som helst del av Firefox, samt funksjonaliteten.

Før du begynner å redigere filen userChrome.css, installerer vi et tillegg, kalt ChromEdit Plus, som gjør at vi enkelt kan redigere filen og lagre den i riktig format. Klikk på følgende lenke for å gå til ChromEdit Plus-nettsiden.

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

Klikk på Add to Firefox-knappen på siden.

Følgende melding kan vises. Klikk Tillat for å fortsette å installere ChromEdit Plus-tillegget.

MERK: Vær veldig forsiktig med hva du tillater når du installerer utvidelser og annen programvare. Hvis du ikke er sikker på produktet eller ikke stoler på selskapet, må du ikke installere. Vi testet ChromEdit Plus og fant det å være trygt og pålitelig.

Dialogboksen Programvareinstallasjon vises. Klikk Installer nå, som kanskje ikke er tilgjengelig før nedtellingen er ferdig.

MERK: Du kan endre lengden på nedtellingen på Install-knappen, men vi anbefaler ikke å deaktivere den.

Du må starte Firefox på nytt for å fullføre installasjonen. Klikk på Restart Now i popup-dialogboksen.

Når Firefox startes på nytt, legges ChromEdit Plus-knappen til høyre for adresseboksen. Klikk på den for å åpne ChromEdit Plus-vinduet.

Det finnes tre faner som standard i ChromEdit Plus-vinduet. Vi vil redigere filen userChrome.css, som er på den første kategorien. Hvis fanen er tom, kopier og lim inn den følgende teksten på fanen userChrome.css og klikk på Lagre. Dette gir deg en standard userChrome.css-fil.

@namespace url ("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
# appmenu-knapp
bakgrunn: #orange! viktig;

# appmenu-knapp dropmarker: før
innhold: "Firefox"! viktig;
farge: #FFFFFF! viktig;

# appmenu-knapp. knapp-tekst
display: ingen! viktig;

Du kan allerede ha en userChrome.css-fil, i så fall vil det allerede være tekst på fanen userChrome.css. Kopier all teksten over, unntatt den første linjen, @namespace-linjen, og lim den inn på fanen et sted etter @namespace-linjen. Hvis du vil beholde det du allerede har, kan du lime inn teksten ovenfor på slutten av filen.

VIKTIG: Pass på at alle anførselstegnene i userChrome.css ikke er smarte anførselstegn, inkludert de i @namespace-linjen. De bør være vanlige, raske sitater. Hvis noen av dem er smarte sitater, vil filen ikke påvirke utseendet til Firefox i det hele tatt.

Klikk på Restart for å starte Firefox på nytt med den nye eller reviderte userChrome.css filen.

I dette eksemplet skal vi endre bakgrunnsfargen til en mørk blå og endre "Firefox" -teksten til "How-To Geek".

For å endre bakgrunnsfargen, endre "#orange" -teksten på linjen "bakgrunn" i "# appmenu-knappen" -delen til en annen farge, ved hjelp av hex-fargekoden eller HTML-fargekoden. For eksempel valgte vi en mørk blå med hex-fargekoden til # 2C4362.

MERK: For å finne ut hex-fargekoden for en farge du vil ha, se våre artikler om å få heksekoder fra desimal RGB-farger, velge farger fra hvor som helst på skjermen, og få fargekoder i flere formater.

For å endre teksten på knappen, endre "Firefox" -teksten på linjen "innhold" i "# appmenu-knappen dropmarker: før" -delen til ønsket tekst, for eksempel "Hvordan-til-Geek". Vi la til et mellomrom etter at teksten har mer plass mellom teksten og rullegardinpilen på knappen.

Du kan velge å endre fargen på teksten i tillegg ved å endre "farge" -linjen i samme "# appmenu-knapp dropmarker: før" -delen. Vi forlot tekstfargen som hvit (#FFFFFF), men du kan endre den til noe som en lysegrå (# F2F2F2), eller noe sånt.

Klikk på Lagre og deretter Start om for å få endringene til å fungere.

Knappen er nå mørkblå og sier "How-To Geek".

Du kan også legge til et bakgrunnsbilde til knappen, i tillegg til å endre bakgrunnsfargen. Vi har laget et bilde som har How-To Geek favicon til venstre og en gjennomsiktig bakgrunn slik at den mørkblå bakgrunnsfargen viser seg. For å legge til et bakgrunnsbilde til knappen din, legg til følgende linje i delen # # appmenu-knappen, og endre banen i sitatene til plasseringen av bildet ditt på datamaskinen. Legg "filen: ///" i banen.

bakgrunnsbilde: url ("file: /// C: /Users/Lori/Pictures/htg_background.png")! viktig;

Klikk på Lagre og start på nytt.

Nå er knappen vår fullført.

Du kan også tilpasse Firefox menyknappen ved å konvertere den til et ikon. Vi har også publisert mange andre tips og tweaks for å få mest mulig ut av Firefox.