Jak přizpůsobit vzhled tlačítka Orange Firefox

Máte strach, že se díváte na oranžové tlačítko nabídky Firefox? Firefox je zcela přizpůsobitelný, takže můžete změnit barvu, text a další vlastnosti tlačítka nabídky Firefox a vytvořit si vlastní vzhled.

Chcete-li změnit vzhled tlačítka nabídky Firefox, upravíme soubor userChrome.css. Tento soubor umožňuje změnit vzhled kterékoli části Firefoxu i jeho funkce.

Před potápěním do editačního souboru userChrome.css nainstalujeme doplněk, nazvaný ChromEdit Plus, který nám umožní snadno upravit soubor a uložit jej do správného formátu. Kliknutím na následující odkaz přejdete na webovou stránku ChromEdit Plus.

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

Klikněte na tlačítko Přidat na Firefox na stránce.

Může se zobrazit následující zpráva. Chcete-li pokračovat v instalaci doplňku ChromEdit Plus, klikněte na možnost Povolit.

POZNÁMKA: Buďte velmi opatrní, co povolujete při instalaci rozšíření a jiného softwaru. Pokud si nejste jisti, nebo společnost nevěříte, neinstalujte. Testovali jsme ChromEdit Plus a zjistili jsme, že je bezpečný a spolehlivý.

Zobrazí se dialogové okno Instalace softwaru. Klikněte na možnost Nyní nainstalovat, která nemusí být k dispozici, dokud nedokončíte odpočítávání.

Poznámka: Můžete změnit délku odpočítávání na tlačítko Instalace, ale nedoporučujeme jej zakázat.

Chcete-li dokončit instalaci, musíte restartovat Firefox. V rozbalovací nabídce klikněte na tlačítko Restartovat.

Po restartování aplikace Firefox se v pravé části pole Adresa přidá tlačítko ChromEdit Plus. Kliknutím na něj otevřete okno ChromEdit Plus.

Ve výchozím nastavení jsou v okně ChromEdit Plus tři záložky. Budeme editovat soubor userChrome.css, který je na první kartě. Pokud je karta prázdná, zkopírujte a vložte následující text na kartu userChrome.css a klepněte na tlačítko Uložit. To vám dává výchozí soubor userChrome.css.

@namespace url ("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
# appmenu-button
pozadí: #orange! důležité;

# appmenu-button dropmarker: před
obsah: "Firefox"! důležité;
barva: #FFFFFF!

# appmenu-button.button-text
zobrazení: žádné!

Možná již máte soubor userChrome.css, v takovém případě již bude na kartě userChrome.css již text. Zkopírujte veškerý výše uvedený text s výjimkou prvního řádku, řádek @namespace a vložte ho na kartu někde za řádek @namespace. Pokud chcete zachovat to, co již máte, můžete na konci souboru vložit tento text.

DŮLEŽITÉ: Ujistěte se, že všechny citace v souboru userChrome.css NENÍ inteligentní uvozovky, včetně těch v řádku @namespace. Měly by být obyčejné, rovné citace. Pokud některý z nich je inteligentní citace, soubor nebude mít vliv na vzhled Firefoxu vůbec.

Klepnutím na tlačítko Restartovat restartujte Firefox pomocí nového nebo revidovaného souboru userChrome.css.

V tomto příkladu změníme barvu pozadí na tmavě modrou a změníme text "Firefox" na "How-To Geek".

Chcete-li změnit barvu pozadí, změňte text "#orange" na řádku "pozadí" v sekci "# appmenu-button" na jinou barvu pomocí hexadecimálního barevného kódu nebo kódu barev HTML. Například jsme zvolili tmavě modrou barvu s hexadecimálním kódem # 2C4362.

POZNÁMKA: Chcete-li zjistit hexadecimální barevný kód pro požadovanou barvu, podívejte se na naše články o získávání hexadecimálních barev z dekadických barev RGB, výběru barev z libovolného místa na obrazovce a získání barevných kódů ve více formátech.

Chcete-li změnit text na tlačítku, změňte text "Firefox" na řádku "obsah" v sekci "# appmenu-button dropmarker: before" na požadovaný text, například "How-To Geek". Přidali jsme místo za textem místo, které má více místa mezi textem a šipkou rozbalovacího seznamu na tlačítku.

Můžete také změnit barvu textu tak, že změníte řádek "barva" ve stejné sekci "# appmenu-button dropmarker: before". Barvu textu nechali jako bílou (#FFFFFF), ale můžete ji změnit na něco jako světle šedou (# F2F2F2) nebo něco podobného.

Klepnutím na tlačítko Uložit a poté restartovat proveďte změny.

Tlačítko je nyní tmavě modré a říká "How-To Geek".

Kromě změny barvy pozadí můžete k tlačítku přidat také obrázek na pozadí. Vytvořili jsme obrázek, který má na levé straně fadek How-To Geek a transparentní pozadí, takže barva tmavě modrého pozadí ukazuje. Chcete-li k tlačítku přidat obrázek na pozadí, přidejte do sekce "# appmenu-button" následující řádek a změňte cestu v uvozovkách na umístění obrázku v počítači. Nechte cestu "file: ///".

obrázek-pozadí: url ("file: /// C: /Users/Lori/Pictures/htg_background.png")!

Klikněte znovu na možnost Uložit a restartovat.

Nyní je naše tlačítko dokončeno.

Tlačítko nabídky Firefox můžete také přizpůsobit jeho převodem na ikonu. Také jsme zveřejnili řadu dalších tipů a vylepšení, abychom získali maximum z Firefoxu.