Kuinka muuttaa oranssin palkin ulkoasua Firefoxissa
Sekalaista / / February 11, 2022
![Firefox-logo](/f/0fa264e34b1ca3c2ed1a31205eba0a78.png)
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ä
Tietoja: konfigurointiasetukset
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 kuva (alla) ja huomaa, kuinka olen vaihtanut värin oranssista punaiseksi, tekstin valkoisesta mustaksi ja Firefoxista Guiding Techiin. Mielenkiintoista, eikö?
![Mukautettu Firefox-painike](/f/67e170e6c8cea120c0aef82662ae4b9a.png)
Näin voit tehdä vastaavia muutoksia.
Firefox-painikkeen ulkoasun mukauttaminen
Jokainen profiili, jonka luot Firefoxilla siihen liittyy 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](/f/965eaff5873bf301b9265ab841602ad2.png)
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äältä, koska jos niitä on useita profiileja et ehkä tiedä kumpaa on käytössä.
![Firefox Näytä kansio](/f/1e5e9f2dab19069e3b9d9dc8c685d127.png)
Vaihe 3: Profiilihakemistostasi löydät kansion nimeltä kromi. Jos et löydä sitä, voit luoda sellaisen.
![Firefox-profiili Chrome-kansio](/f/3208372b84924a42136d1602e5863540.png)
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](/f/3b57791d28a208905467d8e44e6067c1.png)
Jälleen, jos et löydä sitä, voit luoda sellaisen. Jos se on siellä, siirry vaiheeseen 7. Muussa tapauksessa jatka vaiheesta 5.
Vaihe 5: Napsauta hiiren kakkospainikkeella ja tyhjennä tila ja luo a Uusi -> Tekstiasiakirja. Kun olet valmis, avaa tiedosto Notepadilla.
![Uusi tekstiasiakirja](/f/55de673755fd310907740b947c7f6905.png)
Vaihe 6: Siirry nyt kohtaan Tiedosto ja TallentaaKuten asiakirja kuin userChrome.css. Varmista, että vaihdat Tallenna tyyppinä kohtaan Kaikki tiedostot pohjasta Tallentaa valintaikkuna. Klikkaa Tallentaa ja sulje asiakirja.
![Tallenna käyttäjänä Chrome E1349804863273](/f/c289cda9cea2a99574898aa1bdf61975.png)
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 !tärkeä;
}
#appmenu-button dropmarker: ennen {
sisältö: "Firefox" !tärkeä;
väri: #FFFFFF !tärkeä;
}
#appmenu-button .button-text {
näyttö: ei mitään !tärkeää;
}
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](/f/ce2a2036c51303bb5f931a588131cd57.png)
Jos sinulla ei ole tietoa Hex-koodeista, voit katso tästä linkistä. Tai voit tarkistaa Tämä.
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.
Päivitetty viimeksi 03.2.2022
Yllä oleva artikkeli saattaa sisältää kumppanilinkkejä, jotka auttavat tukemaan Guiding Techiä. Se ei kuitenkaan vaikuta toimitukselliseen eheyteemme. Sisältö pysyy puolueettomana ja autenttisena.