Miten muokata Orange Firefox -valikon ulkoasua

Miten muokata Orange Firefox -valikon ulkoasua
Miten muokata Orange Firefox -valikon ulkoasua

Video: Miten muokata Orange Firefox -valikon ulkoasua

Video: Miten muokata Orange Firefox -valikon ulkoasua
Video: Haastattelussa: Jake Dunwoody - YouTube 2024, Maaliskuu
Anonim
Onko kyllästynyt katselemaan oranssia Firefox-valikkopainiketta? Firefoxin käyttöliittymä on täysin muokattavissa, joten voit muuttaa Firefoxin valikkopainikkeen värejä, tekstejä ja muita ominaisuuksia luomaan oman muokattavan ulkoasun.
Onko kyllästynyt katselemaan oranssia Firefox-valikkopainiketta? Firefoxin käyttöliittymä on täysin muokattavissa, joten voit muuttaa Firefoxin valikkopainikkeen värejä, tekstejä ja muita ominaisuuksia luomaan oman muokattavan ulkoasun.

Jos haluat muuttaa Firefox-valikkopainikkeen ulkoasua, muokkaamme käyttäjänChrome.css-tiedostoa. Tämän tiedoston avulla voit muuttaa Firefoxin minkä tahansa osan ulkoasua ja sen toimintoja.

Ennen kuin sukellamme käyttäjäkoneen Chrome-tiedostojen muokkaamiseen, asennamme lisäosan nimeltä ChromEdit Plus, jonka avulla voimme helposti muokata tiedostoa ja tallentaa sen oikeaan muotoon. Siirry ChromEdit Plus -sivulle napsauttamalla seuraavaa linkkiä.
Ennen kuin sukellamme käyttäjäkoneen Chrome-tiedostojen muokkaamiseen, asennamme lisäosan nimeltä ChromEdit Plus, jonka avulla voimme helposti muokata tiedostoa ja tallentaa sen oikeaan muotoon. Siirry ChromEdit Plus -sivulle napsauttamalla seuraavaa linkkiä.

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

Napsauta sivun Lisää Firefox-painiketta.

Seuraava viesti saattaa tulla näkyviin. Napsauta Salli, jos haluat jatkaa ChromEdit Plus -lisäosan asentamista.
Seuraava viesti saattaa tulla näkyviin. Napsauta Salli, jos haluat jatkaa ChromEdit Plus -lisäosan asentamista.

HUOMAA: Ole varovainen siitä, mitä sallit, kun asennat laajennuksia ja muita ohjelmia. Jos et ole varma tuotteesta tai älä luota yritykseen, älä asenna. Testasimme ChromEdit Plus -ohjelman ja löysimme sen turvalliseksi ja luotettavaksi.

Ohjelmiston asennus -valintaikkuna tulee näyttöön. Napsauta Asenna nyt, joka ei ehkä ole käytettävissä, ennen kuin laskenta loppuu.
Ohjelmiston asennus -valintaikkuna tulee näyttöön. Napsauta Asenna nyt, joka ei ehkä ole käytettävissä, ennen kuin laskenta loppuu.

HUOMAUTUS: Voit muuttaa laskurin päivämäärän asennuspainikkeella, mutta emme suosittele sen poistamista käytöstä.

Viimeistele asennus, sinun on käynnistettävä Firefox uudelleen. Napsauta uudestaan Käynnistä nyt ponnahdusikkunassa.
Viimeistele asennus, sinun on käynnistettävä Firefox uudelleen. Napsauta uudestaan Käynnistä nyt ponnahdusikkunassa.
Kun Firefox käynnistyy uudelleen, ChromEdit Plus -painike lisätään Osoite-ruutuun oikealle. Avaa ChromEdit Plus -ikkuna napsauttamalla sitä.
Kun Firefox käynnistyy uudelleen, ChromEdit Plus -painike lisätään Osoite-ruutuun oikealle. Avaa ChromEdit Plus -ikkuna napsauttamalla sitä.
ChromEdit Plus -ikkunassa on oletuksena kolme välilehteä. Aiomme muokata userChrome.css-tiedostoa, joka on ensimmäisellä välilehdellä. Jos välilehti on tyhjä, kopioi ja liitä seuraava teksti UserChrome.css-välilehdelle ja napsauta Tallenna. Tämä antaa sinulle oletuksena olevan UserChrome.css-tiedoston.
ChromEdit Plus -ikkunassa on oletuksena kolme välilehteä. Aiomme muokata userChrome.css-tiedostoa, joka on ensimmäisellä välilehdellä. Jos välilehti on tyhjä, kopioi ja liitä seuraava teksti UserChrome.css-välilehdelle ja napsauta Tallenna. Tämä antaa sinulle oletuksena olevan UserChrome.css-tiedoston.

@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; }

Sinulla voi olla jo userChrome.css-tiedosto, jolloin UserChrome.css-välilehdellä on jo teksti. Kopioi kaikki yllä oleva teksti lukuun ottamatta ensimmäistä riviä, @namespace -rivillä ja liitä se välilehdelle jonnekin @namespace -rivin jälkeen. Jos haluat säilyttää sen, mitä sinulla on jo, voit liittää yllä olevan tekstin tiedoston lopussa.

TÄRKEÄÄ: Varmista, että käyttäjän kaikki käyttäjächrome.css-lainaukset eivät ole älykkäitä lainauksia, mukaan lukien @namespace-rivillä olevat. Niiden pitäisi olla tavallisia, suoria lainauksia. Jos jokin niistä on älykkäitä lainauksia, tiedosto ei vaikuta Firefoxin ulkoasuun lainkaan.

Käynnistä Firefox uudesta tai tarkistetusta userChrome.css-tiedostosta napsauttamalla Käynnistä uudelleen.

Tässä esimerkissä aiomme muuttaa taustavärin tummansiniseksi ja muuttaa "Firefox" -teksti "How-To Geek" -kenttään.
Tässä esimerkissä aiomme muuttaa taustavärin tummansiniseksi ja muuttaa "Firefox" -teksti "How-To Geek" -kenttään.

Muuta taustaväriä muuttamalla "#orange" -tekstin "#orange" -teksti "tausta" -rivillä eri väriseksi käyttämällä heksadesimaalivärikoodia tai HTML-värikoodia. Esimerkiksi valitsimme tumman sinisen # 2C4362: n heksadesimaalisella värikoodilla.

HUOMAUTUS: Jos haluat selvittää haluamasi värin heksadesimaalivärikoodin, tutustu artikkeleihimme, jotka koskevat heksadesimaalisten värikoodien hankkimista desimaaleja olevista RGB-väreistä, värivaihtoehtojen valitsemisesta mistä tahansa näytöllä ja värikoodien vastaanottamisesta useissa eri muodoissa.

Vaihda painikkeen tekstiä muuttamalla "Firefox" -teksti "# appmenu-painikkeen pisaramerkki: ennen" -osion "sisältö" -rivillä haluamaasi tekstiin, kuten "How-To Geek". Lisäsimme tekstin jälkeen olevan välilyönnin, jotta tekstin ja pudotusvalikon välissä olisi enemmän tilaa.

Voit myös vaihtaa tekstin väriä vaihtamalla "väri" -rivin samassa "# appmenu-painikkeen pisaramerkinnässä: ennen" -osiossa. Jätimme tekstin värin valkoisena (#FFFFFF), mutta voit muuttaa sen vaaleanharmaaksi (# F2F2F2) tai jotain sellaista.

Napsauta Tallenna ja sitten Käynnistä uudelleen, jotta muutokset tulevat voimaan.

Painike on nyt tummansininen ja sanoo "How-To Geek".
Painike on nyt tummansininen ja sanoo "How-To Geek".
Voit myös lisätä taustakuvan painikkeeseen taustan värin muuttamisen lisäksi. Luomme kuvan, jolla on How-To Geek favicon vasemmalla ja läpinäkyvä tausta niin tummansininen taustaväri näkyy läpi. Jos haluat lisätä taustakuvan painikkeeseesi, lisää seuraava rivi "# appmenu-painike" -osioon muuttamalla polku lainausmerkkeihin tietokoneesi kuvaan. Jätä polku "file: ///".
Voit myös lisätä taustakuvan painikkeeseen taustan värin muuttamisen lisäksi. Luomme kuvan, jolla on How-To Geek favicon vasemmalla ja läpinäkyvä tausta niin tummansininen taustaväri näkyy läpi. Jos haluat lisätä taustakuvan painikkeeseesi, lisää seuraava rivi "# appmenu-painike" -osioon muuttamalla polku lainausmerkkeihin tietokoneesi kuvaan. Jätä polku "file: ///".

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

Napsauta Tallenna ja käynnistä uudelleen.

Suositeltava: