Android

Sådan ændres udseendet på orange bar i firefox

Technology Stacks - Computer Science for Business Leaders 2016

Technology Stacks - Computer Science for Business Leaders 2016

Indholdsfortegnelse:

Anonim

Jeg elsker den måde Firefox kan tilpasses. Jeg mener, at der ikke er noget i browseren, der ikke kan ændres eller ændres i henhold til en brugers krav og komfort. Mens i den funktionelle ende omkring: konfigurationsindstillinger kan tilpasses for at opnå næsten alt, på den æstetiske front har vi CSS-komponenter, der kan defineres for at ændre udseendet på grænsefladen.

Vi vil overveje Firefox's orange knap, der er placeret øverst til venstre i browseren og se, hvordan dens udseende og følelse kan ændres. Tjek for eksempel billedet (nedenfor) og bemærk, hvordan jeg har ændret farven fra orange til rød, teksten fra hvid til sort og fra Firefox til. Interessant, ikke?

Her er, hvordan du kan foretage lignende ændringer.

Trin til at tilpasse Firefox Buttons udseende

Hver profil, du opretter på Firefox, har en CSS-fil tilknyttet. Det er beregnet til brugerindgange til at variere visningen af ​​browseren. I processen vil vi også fortælle dig, hvordan du finder den fil eller opretter en, hvis den ikke findes.

Trin 1: Åbn Firefox og naviger til Firefox (den orange knap) -> Hjælp -> Oplysninger om fejlfinding.

Trin 2: En ny fane startes. Se efter afsnittet, der læser Grundlæggende anvendelse. For at komme til din profilmappe skal du klikke på knappen Vis mappe. Det foreslås at åbne profilmappen herfra, fordi hvis der er flere profiler, ved du muligvis ikke, hvilken der bruges.

Trin 3: I dit profilmappe finder du en mappe kaldet krom. Hvis du ikke kan finde det, kan du oprette en.

Trin 4: I denne mappe skal der være en fil med navnet userChrome.css. Navnet skal være nøjagtigt som stavet her.

Igen, hvis du ikke kan finde det, kan du oprette en. Hvis det er der, skal du gå til trin 7. Ellers fortsæt med trin 5.

Trin 5: Højreklik på og tom plads og opret et nyt -> Tekstdokument. Når det er gjort, skal du åbne filen med Notepad.

Trin 6: Gå nu til Fil og Gem som dokumentet som userChrome.css. Sørg for, at du ændrer Gem som type til Alle filer nederst i dialogboksen Gem. Klik på Gem og luk dokumentet.

Trin 7: Åbn filen userChrome.css med Notepad. Højreklik på filen og vælg Åbn med -> Notepad.

Trin 8: Kopier nedenstående kodenavn (som den er) og tilføj den til filen. Gem ændringerne.

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

# appmenu-knap {

baggrund: # orange ! vigtig;

}

# appmenu-knap dropmarker: før {

indhold: “ Firefox ”! vigtigt;

farve: # FFFFFF ! vigtig;

}

# appmenu-knap.knap-tekst {

display: ingen! vigtig;

}

Bemærk bunkerne med fed skrift. De repræsenterer henholdsvis knapfarve, tekst og tekstfarve. For at ændre udseendet på knappen kan du ændre disse værdier. Her er koden, der svarer til det billede, du så i starten.

Hvis du ikke har viden om Hex-koder, kan du henvise til dette link. Eller du kan tjekke denne.

Konklusion

Denne ændring er kun en mindre ændring. Hvis du kan mestre koderne, vil du være i stand til at give en makeover til næsten alt i Firefox. Hvis du har nogle af dem, du har brugt i alle disse år, skal du dele med vores læsere og hjælpe med at bringe smil til newbie Firefox-brugere derude.