Kuinka muuttaa oranssin palkin ulkoasua Firefoxissa 1

Kuinka muuttaa oranssin palkin ulkoasua Firefoxissa

Rakastan tapaa

Firefoxia voi muokata

. Tarkoitan, että selaimessa ei ole mitään, jota ei voida muuttaa tai muokata käyttäjän vaatimusten ja mukavuuden mukaan. Vaikka toiminnallisessa päässä

about:config-asetukset

voidaan säätää saavuttamaan melkein mitä tahansa, esteettisellä puolella meillä on CSS-komponentteja, jotka voidaan määrittää

muuttaa käyttöliittymän ulkonäköä

.

Harkitsemme Firefoxin oranssi painike joka sijaitsee selaimen vasemmassa yläkulmassa, ja katso, kuinka sen ulkoasua ja tuntumaa voidaan muuttaa. Katso esimerkiksi kuvaa (alla) ja huomaa, kuinka olen vaihtanut värin oranssista punaiseksi, tekstin valkoisesta mustaksi ja Firefoxista Guiding Techiin. Mielenkiintoista, eikö?

Mukautettu Firefox-painike

Näin voit tehdä vastaavia muutoksia.

Firefox-painikkeen ulkoasun mukauttaminen

Jokaiseen Firefoxilla luomaasi profiiliin on liitetty CSS-tiedosto. Se on tarkoitettu käyttäjien syötteisiin vaihtelemaan selaimen esitystapaa. Prosessin aikana kerromme myös, kuinka voit löytää kyseisen tiedoston tai luoda sellaisen, jos sitä ei ole olemassa.

Vaihe 1: Avaa Firefox ja siirry kohtaan Firefox (oranssi painike) -> Ohje -> Vianmääritystiedot.

Firefoxin vianmääritystiedot

Vaihe 2: Uusi välilehti käynnistetään. Etsi osion lukema Sovelluksen perusteet. Pääset profiilikansioosi napsauttamalla Näytä kansio -painiketta. On suositeltavaa avata profiilikansio tästä, koska jos profiileja on useita, et ehkä tiedä, mikä niistä on käytössä.

Firefox Näytä kansio

Vaihe 3: Profiilihakemistostasi löydät kansion nimeltä kromi. Jos et löydä sitä, voit luoda sellaisen.

Firefox-profiili Chrome-kansio

Vaihe 4: Tässä kansiossa pitäisi olla tiedosto nimeltä userChrome.css. Nimen pitäisi olla täsmälleen tässä kirjoitettuna.

Tarkista Chrome-tiedosto

Jälleen, jos et löydä sitä, voit luoda sellaisen. Jos se on siellä, siirry vaiheeseen 7. Jatka muussa tapauksessa vaiheesta 5.

Vaihe 5: Napsauta hiiren kakkospainikkeella ja tyhjennä tila ja luo a Uusi -> Tekstiasiakirja. Kun olet valmis, avaa tiedosto Notepadilla.

Uusi tekstiasiakirja

Vaihe 6: Siirry nyt kohtaan Tiedosto ja Tallentaa Kuten asiakirja kuin userChrome.css. Varmista, että vaihdat Tallenna tyyppinä to Kaikki tiedostot pohjasta Tallentaa valintaikkuna. Klikkaa Tallentaa ja sulje asiakirja.

Tallenna käyttäjänä Chrome E1349804863273

Vaihe 7: Avaa userChrome.css tiedosto Notepadilla. Napsauta vain hiiren kakkospainikkeella tiedostoa ja valitse Avaa sovelluksella -> Muistio.

Vaihe 8: Kopioi alla oleva koodinpätkä (sellaisenaan) ja liitä se tiedostoon. Tallenna muutokset.

@namespace url(”http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”);#appmenu-button {tausta: #oranssi !important;}#appmenu-button dropmarker:before {content: ”Firefox” !tärkeää;väri: #FFFFFF !important;}#appmenu-button .button-text {display: none !important;}

Huomaa palaset sisään lihavoitu. Ne edustavat painikkeen väriä, tekstiä ja tekstin väriä. Voit muuttaa näitä arvoja muuttaaksesi painikkeen ulkoasua. Tässä on koodi, joka vastaa alussa näkemääsi kuvaa.

Firefox Chrome Css-koodi E1349804958201

Jos sinulla ei ole tietoa Hex-koodeista, voit viitata tähän linkkiin. Tai voit tarkistaa tämän.

Johtopäätös

Tämä muutos on vain pieni. Jos hallitset koodit, voit muuttaa melkein mitä tahansa Firefoxissa. Jos sinulla on joitain niistä, joita olet käyttänyt kaikki nämä vuodet, jaa lukijoillemme ja auta hymyilemään aloitteleville Firefox-käyttäjille.

Tue työtämme ❤️

Jos pidit tästä artikkelista, harkitse tipin antamista, jotta voimme jatkaa laadukkaan sisällön julkaisemista.

Turvallinen maksu PayPalilla
Moyens I/O Staff on motivoinut sinua antamalla neuvoja tekniikasta, henkilökohtaisesta kehityksestä, elämäntavoista ja strategioista, jotka auttavat sinua.