28Jun
Máte strašné, že sa pozeráte na oranžové tlačidlo ponuky Firefoxu? Rozhranie prehliadača Firefox je úplne prispôsobiteľné, takže môžete meniť farbu, text a iné vlastnosti tlačidla ponuky Firefox a vytvoriť si vlastný vzhľad.
Ak chcete zmeniť vzhľad tlačidla ponuky Firefox, upravujeme súbor userChrome.css. Tento súbor umožňuje zmeniť vzhľad akejkoľvek časti Firefoxu, rovnako ako jeho funkčnosť.
Pred ponorom do úpravy súboru userChrome.css nainštalujeme doplnok nazývaný ChromEdit Plus, ktorý nám umožní jednoducho upraviť súbor a uložiť ho v správnom formáte. Kliknutím na nasledujúci odkaz prejdete na webovú stránku ChromEdit Plus.
http: //webdesigns.ms11.net/ chromeditp.html
Kliknite na tlačidlo Pridať na Firefox na stránke.
Môže sa zobraziť nasledujúca správa. Kliknutím na tlačidlo Povoliť pokračujte v inštalácii doplnku ChromEdit Plus.
POZNÁMKA: Buďte veľmi opatrní, čo umožňujete pri inštalácii rozšírení a iného softvéru. Ak si nie ste istí výrobkom alebo nedôverujete spoločnosti, neinštalujte ho. Testovali sme ChromEdit Plus a zistili sme, že je bezpečný a spoľahlivý.
Zobrazí sa dialógové okno Inštalácia softvéru. Kliknite na tlačidlo Inštalovať teraz, ktoré nemusia byť k dispozícii, kým sa nezastaví odpočítavanie.
POZNÁMKA: Môžete zmeniť dĺžku odpočítavania na tlačidlo Inštalovať, ale neodporúčame ho vypnúť.
Ak chcete dokončiť inštaláciu, musíte reštartovať program Firefox. Kliknite na položku Reštartovať teraz v rozbaľovacom dialógovom okne.
Po reštarte aplikácie Firefox sa vpravo od adresy Adresa pridá tlačidlo ChromEdit Plus. Kliknutím naň otvoríte okno ChromEdit Plus.
Štandardne sú v okne ChromEdit Plus tri záložky. Budeme upravovať súbor userChrome.css, ktorý je na prvej karte. Ak je karta prázdna, skopírujte a vložte nasledujúci text na kartu userChrome.css a kliknite na tlačidlo Uložiť.Toto vám poskytuje predvolený súbor userChrome.css.
@namespace url( "http: //www.mozilla.org/keymaster/gatekeeper/ there.is.only.xul");
# apmenu-tlačidlo{
background: #orange! Important;
}
# appmenu-tlačidlo dropmarker: pred{
obsah: "Firefox"! Dôležité;Farba
: #FFFFFF!
}
# apmenu-tlačidlo. button-text{
display: none! Important;
}
Možno už máte súbor userChrome.css, v takom prípade už na karte userChrome.css už bude text. Skopírujte celý vyššie uvedený text s výnimkou prvého riadku, riadku @namespace a vložte ho na kartu niekde za riadok @namespace. Ak chcete zachovať to, čo už máte, môžete text prilepiť na konci súboru.
DÔLEŽITÉ: Uistite sa, že všetky úvodzovky v userChrome.css NIE sú inteligentné úvodzovky, vrátane tých, ktoré sú uvedené v riadku @namespace. Mali by to byť bežné, rovno citáty. Ak je niektorá z nich inteligentné, súbor nebude mať vplyv na vzhľad Firefoxu.
Kliknutím na položku Reštartovať reštartujte Firefox pomocou nového alebo revidovaného súboru userChrome.css.
V tomto príklade zmeníme farbu pozadia na tmavú modrú a zmeníme text "Firefox" na "How-To Geek".
Ak chcete zmeniť farbu pozadia, zmeňte text "#orange" na riadok "pozadie" v sekcii "# appmenu-button" na inú farbu pomocou hexadecimálneho kódu farby alebo kódu farby HTML.Napríklad sme si vybrali tmavo modrej farby s hexadecimálnym farebným kódom # 2C4362.
POZNÁMKA: Ak chcete zistiť kód šesťfarebnej farby pre požadovanú farbu, prečítajte si naše články o získavaní hexadecimálnych kódov farieb z desatinných farieb RGB, výberu farieb z ľubovoľného miesta na obrazovke a získaní farebných kódov vo viacerých formátoch.
Ak chcete zmeniť text na tlačidle, zmeňte text "Firefox" na riadok "obsah" v sekcii "# appmenu-button dropmarker: before" na požadovaný text, napríklad "How-To Geek".Za text sme pridali medzeru, aby sme mali väčší priestor medzi textom a šípkou rozbaľovacej ponuky na tlačidle.
Môžete si tiež vybrať zmenu farby textu tak, že zmeníte riadok "farba" v rovnakom "# appmenu-button dropmarker: before".Farbu textu sme ponechali ako bielu( #FFFFFF), ale môžete ju zmeniť na niečo ako svetlošedú( # F2F2F2) alebo niečo podobné.
Kliknutím na tlačidlo Uložiť a potom na položku Reštartovať vykonajte zmeny.
Tlačidlo je teraz tmavo modré a hovorí "How-To Geek".
Okrem zmeny farby pozadia môžete k tlačidlu pridať aj obrázok pozadia. Vytvorili sme obrázok, ktorý má na ľavej strane funkciu How-To Geek favicon a priehľadné pozadie, ktoré zobrazuje tmavomodrá farba pozadia. Ak chcete do svojho tlačidla pridať obrázok pozadia, pridajte nasledujúci riadok do sekcie "# appmenu-button" a zmeňte cestu v úvodzovkách na umiestnenie obrázka v počítači. Ponechajte "súbor: ///" v ceste.
pozadia-obrázok: url( "súbor: /// C: /Users/Lori/Pictures/ htg_background.png")! Dôležité;
Znova kliknite na tlačidlo Uložiť a znova spustiť.
Teraz je naše tlačidlo dokončené.
Tlačidlo ponuky Firefox môžete prispôsobiť tak, že ho skonvertujete na ikonu. Vydali sme tiež mnoho ďalších tipov a vylepšení, aby sme čo najlepšie využili Firefox.