28Jun
Ar pavargote žiūrėti į oranžo "Firefox" meniu mygtuką?"Firefox" sąsaja yra visiškai pritaikoma, todėl galite pakeisti spalvą, tekstą ir kitas "Firefox" meniu mygtuko savybes, kad sukurtumėte savo pasirinktinį išvaizdą.
Norėdami pakeisti "Firefox" meniu mygtuko išvaizdą, mes redaguosime vartotojoChrome.css failą.Šis failas leidžia jums pakeisti bet kokios "Firefox" dalies išvaizdą, taip pat jo funkcionalumą.
Prieš pasinerdami į vartotojoChrome.css failo redagavimą, mes įdiegsime priedą, pavadintą "ChromEdit Plus", kuris leis mums lengvai redaguoti failą ir išsaugoti jį teisingu formatu. Spustelėkite šią nuorodą, jei norite eiti į "ChromEdit Plus" tinklalapį.
http: //webdesigns.ms11.net/ chromeditp.html
Spustelėkite mygtuką Pridėti prie Firefox puslapyje.
Šis pranešimas gali būti rodomas. Spustelėkite Leisti, kad ir toliau diegtumėte "ChromEdit Plus" priedą.
PASTABA: būkite labai atsargūs, ko leisite diegdami plėtinius ir kitą programinę įrangą.Jei nesate tikri apie produktą arba nepatikite įmonę, nedėkite. Mes išbandėme ChromEdit Plus ir nustatėme, kad ji yra saugi ir patikima.
Parodomas programinės įrangos diegimo dialogo langas. Spustelėkite "Diegti dabar", kuris gali nebūti pasiekiamas, kol baigsis atsiskaitymas.
PASTABA: mygtuką "Įdiegti" galite pakeisti atgalinės trukmės ilgį, tačiau mes nerekomenduojame jį išjungti.
Norėdami užbaigti diegimą, turite iš naujo paleisti "Firefox".Iššokančiajame dialogo lange spustelėkite Paleisti iš naujo.
Kai "Firefox" paleista iš naujo, "ChromEdit Plus" mygtukas pridedamas prie lauko "Adresas" dešinėje. Spustelėkite ją, kad atidarytumėte "ChromEdit Plus" langą.
Numatyta, kad ChromEdit Plus lange yra trys skirtukai. Mes redaguosime vartotojoChrome.css failą, kuris yra ant pirmojo skirtuko. Jei skirtukas tuščias, nukopijuokite ir įklijuokite šį tekstą skirtuke userChrome.css ir spustelėkite Išsaugoti. Tai suteikia jums numatytąjį "userChrome.css" failą.
@namespace url( "http: //www.mozilla.org/keymaster/gatekeeper/ there.is.only.xul");
# appmenu mygtukas{
background: #orange! Important;
}
# appmenu mygtukas dropmarker: prieš{
turinys: "Firefox"! Svarbu;
spalva: #FFFFFF! Svarbu;
)
# appmenu-button. button-text(
ekranas: nė vienas! Svarbu;
}
Galbūt jau turite failą userChrome.css, tokiu atveju jau bus tekstas skirtuke userChrome.css. Kopijuoti visą aukščiau esantį tekstą, išskyrus pirmąją eilutę, eilutę @namespace ir įklijuoti ją į skirtuką po eilutės @namespace. Jei norite išsaugoti tai, ką jau turite, galite įklijuoti aukščiau esantį tekstą failo pabaigoje.
SVARBU: įsitikinkite, kad visi vartotojoChrome.css citatos yra NEI protingos kabutės, įskaitant eilutes @namespace. Jie turėtų būti paprastos, tiesios kabutės. Jei kuri nors iš jų yra protingos kabutės, failas visai nekeičia "Firefox" išvaizdos.
Spustelėkite "Paleisti iš naujo", kad iš naujo paleistumėte "Firefox" naudodami naują arba pataisytą "userChrome.css" failą.
Šiame pavyzdyje mes pakeisime fono spalvą į tamsiai mėlyną ir pakeisime "Firefox" tekstą į "How-To Geek".
Norėdami pakeisti fono spalvą, pakeiskite "#orange" tekstą "fono" eilutėje skyriuje "# appmenu-button" į kitą spalvą, naudodami šešioliktainį spalvų kodą arba HTML spalvų kodą.Pavyzdžiui, pasirinkome tamsiai mėlyną su # 2C4362 šešiakampio spalvos kodu.
PASTABA: norėdami sužinoti norimo spalvos šešioliktainį kodą, žr. Straipsnius apie dešimtainių RGB spalvų šešioliktainių kodų pasirinkimą, spalvų pasirinkimą bet kurioje ekrano vietoje ir spalvų kodų išdėstymą įvairiais formatais.
Norėdami pakeisti tekstą ant mygtuko, pakeiskite "Firefox" tekstą "turinio" eilutėje skyriuje "# appmenu-button dropmarker: before" į norimą tekstą, pvz., "How-To Geek".Po teksto pridėjome tarpą tarp teksto ir mygtuko išskleidžiamosios rodyklės tarpo.
Galite pasirinkti pakeisti teksto spalvą, pakeisdami "spalvų" eilutę toje pačioje "# appmenu-button dropmarker: before" skiltyje. Mes palikome teksto spalvą kaip balta( #FFFFFF), tačiau ją galite pakeisti kaip šviesiai pilka( # F2F2F2) arba kažką panašaus.
Spustelėkite "Išsaugoti", tada "Paleiskite", kad pakeitimai įsigaliotų.
Mygtukas dabar tamsiai mėlynas ir sako "How-To Geek".
Be fono spalvos pakeitimo, mygtukui taip pat galite pridėti fono paveikslėlį.Mes sukūrėme paveikslėlį, kuriame yra "How-To Geek" piktograma kairėje ir skaidrus fonas, todėl tamsiai mėlyna fono spalva. Norėdami pridėti fono paveikslėlį savo mygtukui, pridėkite šią eilutę į skyrių "# appmenu-button", pakeisdami kabučių kelią į savo vaizdo vietą savo kompiuteryje. Palikite keliu "failą: ///".
fono paveikslėlis: url( "failas: /// C: /Users/Lori/Pictures/ htg_background.png")! Svarbu;
Spustelėkite "Išsaugoti ir vėl paleiskite".
Dabar mūsų mygtukas yra baigtas.
Taip pat galite pritaikyti "Firefox" meniu mygtuką, konvertuodami jį į piktogramą.Mes taip pat paskelbėme daugybę kitų patarimų ir patobulinimų, kad išnaudotume visas "Firefox" galimybes.