28Jun
Ali se naveličate pogledati v oranžni Firefox menijski gumb? Vmesnik Firefox je popolnoma prilagodljiv, zato lahko spremenite barvo, besedilo in druge lastnosti menija Firefox, da ustvarite svoj videz po meri.
Če želite spremeniti izgled menija Firefox, bomo uredili datoteko userChrome.css. Ta datoteka vam omogoča spreminjanje videza katerega koli dela Firefoxa in njegove funkcionalnosti.
Pred potapljanjem v urejanje datoteke userChrome.css bomo namestili dodatek, imenovan ChromEdit Plus, ki nam bo omogočil enostavno urejanje in shranjevanje v pravilni obliki.Če želite odpreti spletno stran ChromEdit Plus, kliknite to povezavo.
http: //webdesigns.ms11.net/ chromeditp.html
Na strani kliknite gumb Dodaj v Firefox.
Prikaže se lahko naslednje sporočilo. Kliknite Dovoli, da nadaljujete z namestitvijo dodatka ChromEdit Plus.
OPOMBA: Bodite previdni glede tega, kaj dovolite pri namestitvi razširitev in druge programske opreme.Če niste prepričani o izdelku ali ne zaupate podjetju, ne namestite. Preizkusili smo ChromEdit Plus in ugotovili, da je varen in zanesljiv.
Prikaže se pogovorno okno Namestitev programske opreme. Kliknite Namesti zdaj, ki morda ni na voljo, dokler se odštevanje ne konča.
OPOMBA: Dolzino odštevanja lahko spremenite na gumbu Namesti, vendar ne priporočamo, da ga onemogočite.
Za dokončanje namestitve morate znova zagnati Firefox. V pojavnem pogovornem oknu kliknite Znova zaženi zdaj.
Ko se Firefox ponovno zažene, se na desni strani naslovnega polja doda gumb ChromEdit Plus. Kliknite, da odprete okno ChromEdit Plus.
V oknu ChromEdit Plus so privzeto privzeti tri zavihke. Urejali bomo datoteko userChrome.css, ki je na prvem zavihku.Če je kartica prazna, kopirajte in prilepite naslednje besedilo na kartico userChrome.css in kliknite Shrani. To vam daje privzeto datoteko userChrome.css.
@namespace url( "http: //www.mozilla.org/keymaster/gatekeeper/ there.is.only.xul");
# gumb za appmenu{ ozadje
: #orange! Important;
}
# dropmaker za appmenu-gumb: pred vsebino{
vsebina: "Firefox"!
barva: #FFFFFF! Important;
}
# appmenu-gumb. button-text{
display: none! Important;
}
Morda že imate datoteko userChrome.css, v tem primeru na zavihku userChrome.css že obstaja besedilo. Kopirajte zgornje besedilo, razen za prvo vrstico, vrstico @namespace, in jo prilepite na zavihek nekje po vrstici @namespace.Če želite ohraniti tisto, kar že imate, lahko prilepite zgornje besedilo na koncu datoteke.
POMEMBNO: Prepričajte se, da vsi narekovaji v userChrome.css niso pametne navedbe, vključno s tistimi v vrstici @namespace. Morali bi biti navadni, neposredni citati.Če je kdo od njih pameten narekovaj, datoteka ne bo vplivala na videz Firefoxa.
Kliknite Znova zaženi, če želite znova zagnati Firefox z novo ali spremenjeno datoteko userChrome.css.
V tem primeru bomo barvo ozadja spremenili v temno modro in spremenili besedilo »Firefox« na »Kako naj Geek«.
Če želite spremeniti barvo ozadja, spremenite besedilo "#orange" v vrstici "ozadje" v razdelku "# apmenu-button" v drugačno barvo, tako da uporabite šestnajsto barvno kodo ali barvno kodo HTML.Na primer, smo izbrali temno modro barvo s šestrobo barvo kode # 2C4362.
OPOMBA: Če želite ugotoviti šestnajstiško kodo barve za želeno barvo, si oglejte naše članke o pridobivanju hex barvnih kod iz decimalnih RGB barv, izbiri barv od koder koli na zaslonu in pridobivanje barvnih kod v več oblikah.
Če želite spremeniti besedilo na gumbu, spremenite besedilo »Firefox« v vrstici »vsebina« v razdelku »spustni meni za # appmenu-button: pred« na želeno besedilo, na primer »Kako naj Geek«.Po besedilu smo dodali presledek, da imamo več prostora med besedilom in puščico spustnega menija na gumbu.
Lahko spremenite tudi barvo besedila tako, da spremenite vrstico "barve" v istem "razdelku dropmaker: pred" oddelkom. Barvo besedila smo pustili v beli barvi( #FFFFFF), vendar ga lahko spremenite v nekaj svetlobo( # F2F2F2) ali podobno.
Kliknite Shrani in nato znova zaženite, da bodo spremembe začele veljati.
Gumb je zdaj temno modro in pravi "Kako naj Geek".
Poleg gumba za ozadje lahko poleg gumba dodate tudi ozadje. Ustvarili smo sliko, ki ima levi fevikon How-To Geek in pregledno ozadje, tako da se skozi temno modro barvo ozadja pokaže.Če želite svojemu gumbu dodati ozadje, v razdelku »# apmenu-gumb« dodajte naslednjo vrstico, tako da spremenite pot v ponudbah na lokacijo vaše slike v računalniku. Pustite datoteko: /// na poti.
background-image: url( "datoteka: /// C: /Users/Lori/Pictures/ htg_background.png")! Pomembno;
Znova kliknite Shrani in znova zaženite.
Zdaj je naš gumb končan.
Prilagodite lahko tudi gumb menija Firefox, tako da ga pretvorite v ikono. Prav tako smo objavili številne druge nasvete in popravke za čim večje izkoriščanje Firefoxa.