Hur man anpassar utseendet på Orange Firefox Meny-knappen

Blir du trött på att titta på den orange Firefox menyknappen? Firefox-gränssnittet är helt anpassningsbart, så du kan ändra färg, text och andra egenskaper på Firefox-menyknappen för att skapa ditt eget anpassade utseende.

För att ändra utseendet på Firefox-menyknappen redigerar vi filen userChrome.css. Den här filen kan du ändra utseendet på någon del av Firefox, liksom dess funktionalitet.

Innan du dykar till att redigera filen userChrome.css installerar vi ett tillägg, kallat ChromEdit Plus, som gör att vi enkelt kan redigera filen och spara den i rätt format. Klicka på följande länk för att gå till ChromEdit Plus-webbsidan.

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

Klicka på knappen Lägg till till Firefox på sidan.

Följande meddelande kan visas. Klicka på Tillåt för att fortsätta installera ChromEdit Plus-tillägget.

OBS! Var mycket försiktig med vad du tillåter när du installerar tillägg och annan programvara. Om du inte är säker på produkten eller inte litar på företaget, installera inte. Vi testade ChromEdit Plus och fann att den var säker och pålitlig.

Dialogrutan Programvaruinstallation visas. Klicka på Installera nu, vilket kanske inte är tillgängligt förrän nedräkningen är klar.

OBS! Du kan ändra längden på nedräkningen på Install-knappen, men vi rekommenderar inte att inaktivera den.

Du måste starta om Firefox för att slutföra installationen. Klicka på Starta om nu på popup-dialogrutan.

När Firefox startas om, läggs knappen ChromEdit Plus till höger om adressrutan. Klicka på den för att öppna ChromEdit Plus-fönstret.

Det finns tre flikar som standard i ChromEdit Plus-fönstret. Vi kommer att redigera filen userChrome.css, som finns på den första fliken. Om fliken är tom kopiera och klistra in följande text på fliken userChrome.css och klicka på Spara. Detta ger dig en standard userChrome.css-fil.

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

# drop-down-knapp för appmenuknapp: före
innehåll: "Firefox"! viktigt;
färg: #FFFFFF! viktigt;

# appmenu-knapp. knapp-text
display: ingen! viktigt;

Du kanske redan har en userChrome.css-fil, i vilket fall det redan finns text på fliken userChrome.css. Kopiera all text ovan med undantag för första raden, raden @ namespace och klistra in den på fliken någonstans efter @namespace-raden. Om du vill behålla det du redan har kan du klistra in ovanstående text i slutet av filen.

VIKTIGT: Se till att alla citat i userChrome.css inte är smarta citat, inklusive de som finns i rutan @namespace. De borde vara vanliga, raka citat. Om någon av dem är smarta citat kommer filen inte att påverka Firefox-utseendet alls.

Klicka på Starta om för att starta om Firefox med den nya eller reviderade filen UserChrome.css.

I det här exemplet kommer vi att ändra bakgrundsfärgen till en mörkblå och ändra "Firefox" -texten till "How-To Geek".

För att ändra bakgrundsfärgen ändrar du texten "#orange" i "background" -raden i avsnittet # # appmenu-knappen till en annan färg med hjälp av hex-färgkoden eller HTML-färgkoden. Till exempel valde vi en mörkblå med hex färgkoden på # 2C4362.

OBS! Om du vill ta reda på hex-färgkoden för en färg du vill ha, se våra artiklar om hur du får hex-färgkoder från decimal RGB-färger, välja färger från var som helst på skärmen och få färgkoder i flera format.

För att ändra texten på knappen, ändra "Firefox" -texten på "content" -raden i "# appmenu-knappen dropmarker: före" -delen till önskad text, till exempel "How-To Geek". Vi lägger till ett mellanslag efter att texten har mer utrymme mellan texten och rullgardinsmenyn på knappen.

Du kan också välja att ändra färg på texten också genom att ändra "färg" -raden i samma "# appmenu-knappen dropmarker: före" -avsnittet. Vi lämnade textfärgen som vit (#FFFFFF), men du kan ändra den till något som en ljusgrå (# F2F2F2), eller något liknande.

Klicka på Spara och starta om om ändringarna ska träda i kraft.

Knappen är nu mörkblå och säger "How-To Geek".

Du kan också lägga till en bakgrundsbild till knappen, förutom att ändra bakgrundsfärgen. Vi skapade en bild som har How-To Geek favicon till vänster och en transparent bakgrund så att den mörkblå bakgrundsfärgen visar igenom. Om du vill lägga till en bakgrundsbild till din knapp lägger du till följande rad i avsnittet # # appmenu-knappen, och ändrar sökvägen i citat till platsen för din bild på din dator. Lämna filen "///" i sökvägen.

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

Klicka på Spara och starta om igen.

Nu är vår knapp klar.

Du kan också anpassa Firefox-menyknappen genom att konvertera den till en ikon. Vi har också publicerat många andra tips och tweaks för att få ut mesta möjliga av Firefox.