Kako prilagoditi videz gumba menija Orange Firefox
Ali se naveličate gledanja oranžnega gumba menija Firefox? Vmesnik Firefoxa je popolnoma prilagodljiv, tako da lahko spremenite barvo, besedilo in druge lastnosti gumba menija Firefox, da ustvarite lasten videz po meri.
Če želite spremeniti videz gumba menija Firefox, bomo uredili datoteko userChrome.css. Ta datoteka vam omogoča, da spremenite videz katerega koli dela Firefoxa in njegovo funkcionalnost.
Pred potopom v urejanje datoteke userChrome.css bomo namestili dodatek, imenovan ChromEdit Plus, ki nam bo omogočil enostavno urejanje datoteke in njeno shranjevanje v pravilni obliki. Kliknite naslednjo povezavo, da odprete spletno stran ChromEdit Plus.
http://webdesigns.ms11.net/chromeditp.html
Na strani kliknite gumb Dodaj v Firefox.
Lahko se prikaže naslednje sporočilo. Kliknite Dovoli, da nadaljujete z namestitvijo dodatka ChromEdit Plus.
OPOMBA: Bodite zelo previdni glede tega, kaj dovolite pri nameščanju razširitev in druge programske opreme. Če niste prepričani o izdelku ali ne zaupate podjetju, ga ne nameščajte. Testirali 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: Dolžino odštevanja lahko spremenite z gumbom Namesti, vendar vam tega ne priporočamo.
Za dokončanje namestitve morate ponovno zagnati Firefox. V pojavnem oknu kliknite Zaženi zdaj.
Ko se Firefox ponovno zažene, se desno od polja Naslov doda gumb ChromEdit Plus. Kliknite ga, da odprete okno ChromEdit Plus.
V oknu ChromEdit Plus so privzeto trije zavihki. Uredili bomo datoteko userChrome.css, ki je na prvem zavihku. Če je jeziček prazen, kopirajte in prilepite naslednje besedilo na kartico userChrome.css in kliknite Shrani. Tako dobite privzeto datoteko userChrome.css.
@namespace url (“http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”);
# appmenu-button
ozadje: #orange! important;
# appmenu-button dropmarker: pred
vsebina: »Firefox«! pomembna;
barva: #FFFFFF!
# appmenu-button .button-text
prikaz: noben! pomemben;
Morda že imate datoteko userChrome.css, v tem primeru bo na kartici userChrome.css že besedilo. Kopirajte celotno besedilo zgoraj, razen prve vrstice, @namespace line in jo prilepite na kartico nekje za vrstico @namespace. Če želite ohraniti tisto, kar že imate, lahko zgornje besedilo prilepite na konec datoteke.
POMEMBNO: Prepričajte se, da vsi narekovaji v userChrome.css NISO pametni narekovaji, vključno s tistimi v vrstici @namespace. Morajo biti navadne, ravne kotacije. Če je katera od njih pametna kotacija, datoteka ne bo vplivala na videz Firefoxa.
Kliknite Ponovni zagon, da znova zaženete Firefox s pomočjo nove ali popravljene datoteke userChrome.css.
V tem primeru bomo spremenili barvo ozadja v temno modro in spremenili besedilo »Firefox« v »Kako naj Geek«.
Če želite spremeniti barvo ozadja, spremenite besedilo »#orange« v vrstici »ozadje« v razdelku »# appmenu-button« v drugo barvo, pri čemer uporabite kodo hex barve ali HTML barvno kodo. Na primer, izbrali smo temno modro s šestnajstiško barvno kodo # 2C4362.
OPOMBA: Če želite ugotoviti šestnajstiško kodo barve za želeno barvo, si oglejte naše članke o pridobivanju šestnajstiških barvnih kod iz decimalnih barv RGB, izbiranju barv od kjerkoli na zaslonu in pridobivanju barvnih kod v več formatih.
Če želite spremeniti besedilo na gumbu, spremenite besedilo »Firefox« v vrstici »vsebina« v razdelku »# appmenu-button dropmarker: before« v želeno besedilo, na primer »Kako naj Geek«. Za besedilom smo dodali presledek, da je med besedilom in puščico na spustnem meniju več prostora.
Lahko spremenite tudi barvo besedila, tako da spremenite vrstico »barva« v istem razdelku »# appmenu-button dropmarker: before«. Barvo besedila smo pustili belo (#FFFFFF), vendar jo lahko spremenite v svetlo sivo (# F2F2F2) ali kaj podobnega.
Kliknite Shrani in nato Zaženi, da bodo spremembe začele veljati.
Gumb je zdaj temno modra in pravi »Kako naj Geek«.
Poleg spreminjanja barve ozadja lahko na gumb dodate tudi sliko za ozadje. Ustvarili smo sliko, ki ima ikono za nasvete How-To Geek na levi in prosojno ozadje, tako da se bo prikazala temno modra barva ozadja. Če želite svojemu gumbu dodati sliko za ozadje, dodajte naslednjo vrstico v razdelek »# appmenu-button« in spremenite pot v narekovajih do lokacije slike v računalniku. Pustite "file: ///" na poti.
background-image: url (“datoteka: /// C: /Users/Lori/Pictures/htg_background.png”)!
Ponovno kliknite Shrani in znova zaženi.
Zdaj je naš gumb dokončan.
Gumb menija Firefox lahko prilagodite tudi tako, da ga pretvorite v ikono. Objavili smo tudi številne druge nasvete in popravke, da bi kar najbolje izkoristili Firefox.
