Kaip pritaikyti "Orange Firefox" meniu mygtuką "Išvaizda"

Kaip pritaikyti "Orange Firefox" meniu mygtuką "Išvaizda"
Kaip pritaikyti "Orange Firefox" meniu mygtuką "Išvaizda"

Video: Kaip pritaikyti "Orange Firefox" meniu mygtuką "Išvaizda"

Video: Kaip pritaikyti
Video: How to Fix Outlook Send Receive Error [Solved] - YouTube 2024, Balandis
Anonim
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ą.
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ą.

Jei norite pakeisti "Firefox" meniu mygtuko išvaizdą, redaguosime failą userChrome.css. Šis failas leidžia jums pakeisti bet kokios "Firefox" dalies išvaizdą, taip pat jo funkcionalumą.

Prieš pasinerdami į redaguojant failą userChrome.css, 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į.
Prieš pasinerdami į redaguojant failą userChrome.css, 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į.

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

Spustelėkite mygtuką Pridėti prie Firefox puslapyje.

Galima rodyti šį pranešimą. Spustelėkite Leisti, kad ir toliau diegtumėte "ChromEdit Plus" priedą.
Galima rodyti šį pranešimą. Spustelėkite Leisti, kad ir toliau diegtumėte "ChromEdit Plus" priedą.

PASTABA: būkite labai atsargūs, ką 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.
Parodomas programinės įrangos diegimo dialogo langas. Spustelėkite "Diegti dabar", kuris gali nebūti pasiekiamas, kol baigsis atsiskaitymas.

PASTABA: mygtuką "Įdiegti" galite pakeisti atgalinio skaičiaus ilgį, tačiau mes nerekomenduojame jį išjungti.

Turite iš naujo paleisti "Firefox", kad užbaigtumėte diegimą. Iššokančiajame dialogo lange spustelėkite Paleisti iš naujo.
Turite iš naujo paleisti "Firefox", kad užbaigtumėte diegimą. Iššokančiajame dialogo lange spustelėkite Paleisti iš naujo.
Kai "Firefox" bus iš naujo paleistas, mygtukas "ChromEdit Plus" bus pridėtas prie lauko "Adresas" dešinėje. Spustelėkite ją, kad atidarytumėte "ChromEdit Plus" langą.
Kai "Firefox" bus iš naujo paleistas, mygtukas "ChromEdit Plus" bus pridėtas prie lauko "Adresas" dešinėje. Spustelėkite ją, kad atidarytumėte "ChromEdit Plus" langą.
Pagal numatytuosius nustatymus "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ą.
Pagal numatytuosius nustatymus "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(“https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”); #appmenu-button { background: #orange !important; } #appmenu-button dropmarker:before { content: “Firefox” !important; color: #FFFFFF !important; } #appmenu-button.button-text { display: none !important; }

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 tas, kurios yra eilutėje @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ą failą userChrome.css.

Šiame pavyzdyje mes ketiname pakeisti fono spalvą į tamsiai mėlyną ir pakeisti "Firefox" tekstą į "How-To Geek".
Šiame pavyzdyje mes ketiname pakeisti fono spalvą į tamsiai mėlyną ir pakeisti "Firefox" tekstą į "How-To Geek".

Norėdami pakeisti fono spalvą, pakeiskite "#orange" tekstą "fono" eilutėje "# appmenu-button" skirsnyje į 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 išsiaiškinti šešioliktainį spalvų kodą norimos spalvos, žr. Straipsnius apie šešioliktainių spalvų kodų iš dešimties RGB spalvų pasirinkimą, spalvų pasirinkimą bet kurioje ekrano vietoje ir spalvų kodų išdėstymą įvairiais formatais.

Norėdami pakeisti mygtuko tekstą, pakeiskite "Firefox" tekstą "turinio" eilutėje "# appmenu-button dropmarker: before" skirsnyje į 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 liniją "spalva" toje pačioje "# appmenu-button dropmarker: before" skiltyje. Mes palikome teksto spalvą kaip balta (#FFFFFF), bet ją galite pakeisti kaip šviesiai pilka (# F2F2F2) arba kažką panašaus.

Spustelėkite "Išsaugoti", tada "Paleisti iš naujo", kad pakeitimai įsigaliotų.

Dabar mygtukas yra tamsiai mėlynas ir sako "How-To Geek".
Dabar mygtukas yra 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ą: ///".
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ą: ///".

background-image: url(“file:///C:/Users/Lori/Pictures/htg_background.png”) !important;

Spustelėkite Išsaugoti ir iš naujo paleiskite dar kartą.

Rekomenduojamas: