28Jun

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

click fraud protection

Máte strach, že se díváte na oranžové tlačítko nabídky Firefox? Rozhraní prohlížeče 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 vlastní vzhled.

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

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

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

Klepně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 s produktem nebo nevěříte společnosti, neinstalujte jej. Testovali jsme ChromEdit Plus a zjistili jsme, že je bezpečný a spolehlivý.

instagram viewer

Zobrazí se dialogové okno Instalace softwaru. Klepně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 vpravo od pole Adresa přidá tlačítko ChromEdit Plus. Kliknutím na něj otevřete okno ChromEdit Plus.

Ve výchozím nastavení existují tři záložky v okně ChromEdit Plus. 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{
background: #orange! Important;
}
# appmenu-tlačítko dropmarker: před{
obsah: "Firefox"! Důležité;
barva: #FFFFFF! Důležité;
}
# apmenu-tlačítko. button-text{
display: none! Important;
}

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 userChrome.css NENÍ inteligentní uvozovky, včetně těch v řádku @namespace. Měly by být obyčejné, rovné citace. Pokud je některý z nich chytrý, nabídka nebude mít vliv na vzhled Firefoxu vůbec.

Klepnutím na tlačítko Restart 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 části "# appmenu-button" na jinou barvu pomocí hexadecimálního barevného kódu nebo barevného kódu HTML.Například jsme zvolili tmavě modrou barvu hexadecimálního kódu # 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ěr 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.

Klepněte na tlačítko Uložit a restartujte, aby se změny projevily.

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á vlevo složku How-To Geek a průhledné pozadí, které ukazuje barvu tmavě modrého pozadí.Chcete-li k tlačítku přidat obrázek na pozadí, přidejte následující řádek do sekce "# appmenu-button" a změňte cestu v uvozovkách na umístění obrázku v počítači. Ponechte "soubor: ///" v cestě.

pozadí-obrázek: url( "soubor: /// C: /Users/Lori/Pictures/ htg_background.png")! Důležité;

Znovu klepněte na tlačítko Uložit a restartovat.

Nyní je naše tlačítko kompletní.

Tlačítko nabídky Firefox můžete také přizpůsobit tak, že ho převedete na ikonu. Také jsme zveřejnili řadu dalších tipů a vylepšení, abychom mohli Firefox využít co nejvíce.