Slik tilpasser du utseendet til oransje Firefox-menyknappen

Video: Slik tilpasser du utseendet til oransje Firefox-menyknappen

Video: Windows 10 Maintenance Tasks - YouTube 2024, April

2024 Forfatter: Geoffrey Carr | [email protected]. Sist endret: 2024-01-12 05:14

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 begynner å redigere filen userChrome.css, 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.


https://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 svært 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.

Når Firefox startes på nytt, legges ChromEdit Plus-knappen til høyre for adressefeltet. 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(“https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”); #appmenu-button { background: #orange !important; } #appmenu-button dropmarker:before { content: “Firefox” !important; color: #FFFFFF !important; } #appmenu-button.button-text { display: none !important; }

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 bakgrunnsfarge, 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 også ved å endre "farge" -linjen i 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 på Lagre og deretter på nytt for å få endringene til å fungere.

Knappen er nå mørk blå 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. La "filen: ///" stå i banen.


background-image: url(“file:///C:/Users/Lori/Pictures/htg_background.png”) !important;

Klikk på Lagre og start på nytt.

Anbefalt:

Slik endrer du utseendet til Netflixs undertekster

Netflix har anstendig undertekster, men noen ganger kan de være vanskelige å lese om de vises over en lys bakgrunn, eller hvis synet ditt ikke er det det pleide å være. Heldigvis kan du tilpasse de undertekstene for å få dem til å se ut, men du vil. Slik endrer du størrelse, font, farge, bakgrunn og mer.

Slik tilpasser du tastaturet til OS X og legger til snarveier

Mac-brukere vet at tastatursnarveier er veien å gå i OS X. Ved å bruke tastaturet til å utføre rutinemessige og repeterende oppgaver, er det en flott timesaver og virkelig oppgraderer ferdighetsnivået ditt, men visste du at du kan legge til eller til og med tilpasse hurtigtastene?

Slik tilpasser du elementene på oransje Firefox-menyen

En av de fine tingene om Firefox er at den er helt tilpassbar. Vi har nylig vist deg hvordan du kan endre utseendet på oransje Firefox-menyknappen. Du kan også tilpasse elementene som er tilgjengelige på menyen selv ved å legge til, fjerne og omorganisere alternativene.

Få det gamle utseendet Windows Defender tilbake på Windows 10 v1703

Du kan få det klassiske gamle utseendet til Windows Defender tilbake på Windows 10 Creators Update bare ved å kjøre denne kjørbare filen. Les mer her.

WAMP Server-ikonet viser oransje og ikke snu grønt

Hvis WAMP Server-ikonet alltid er oransje, starter WAMP Server Apache ikke, eller WAMP-serveren viser rødt ikon og blir ikke grønt, og disse forslagene hjelper deg med å løse problemet.