28Jun
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, vil vi redigere filen userChrome.css. Denne filen lar deg endre utseendet til en hvilken som helst del av Firefox, samt funksjonaliteten.
Før du dykker inn i redigering av userChrome.css filen, installerer vi et tillegg, kalt ChromEdit Plus, som lar oss enkelt 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 starter på nytt, legges ChromEdit Plus-knappen til høyre for adressefeltet. Klikk på den for å åpne ChromEdit Plus-vinduet.
Som standard finnes tre faner 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 har kanskje allerede 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".
Hvis du vil endre bakgrunnsfargen, endrer du «#orange» -teksten på «bakgrunn» -linjen 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.
Hvis du vil endre teksten på knappen, endrer du "Firefox" -teksten på "innhold" -linjen 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 også ved å endre "farge" -linjen i den samme "# appmenu-knappen 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 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 "# appmenu-knappen" -delen, og endre banen i sitatene til plasseringen av bildet ditt på datamaskinen. Legg "filen: ///" i banen.
bakgrunnsbilde: url( "fil: /// C: /Users/Lori/Pictures/ htg_background.png")! Viktig;
Klikk 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.