Kuinka muuttaa oranssin palkin ulkonäköä Firefoxissa

Rakastan Firefoxin räätälöintitapaa. 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ä noin: konfigurointiasetuksia voidaan säätää melkein minkä tahansa saavuttamiseksi, esteettisellä rintamalla on CSS-komponentteja, jotka voidaan määritellä rajapinnan ulkoasun muuttamiseksi.

Tarkastellaan Firefoxin oranssia painiketta, joka on asetettu selaimen vasempaan yläkulmaan, ja näemme, kuinka sen ulkoasua ja tuntemusta voidaan muuttaa. Katso esimerkiksi kuva (alla) ja muista, kuinka olen vaihtanut värin oranssista punaiseksi, tekstin valkoisesta mustaksi ja Firefoxista -sovellukseksi. Mielenkiintoista, eikö?

Näin voit tehdä samanlaisia ​​muutoksia.

Vaiheet Firefox-painikkeen ulkonäön mukauttamiseen

Jokaiseen Firefoxissa luomaan profiiliin on liitetty CSS-tiedosto. Se on tarkoitettu käyttäjän syötteille muuttamaan selaimen esitystä. Prosessissa kerromme sinulle myös, kuinka löytää tiedosto tai luoda se, jos sitä ei ole.

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

Vaihe 2: Uusi välilehti avataan. Katso kohta, joka lukee Sovelluksen perusteet. Päästäksesi profiilikansioosi napsauta Näytä kansio -painiketta. On suositeltavaa avata profiilikansio täältä, koska jos profiileja on useita, et ehkä tiedä kumpaa käytetään.

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

Vaihe 4: Tässä kansiossa pitäisi olla tiedosto nimeltä userChrome.css. Nimen on oltava täsmälleen sama kuin tässä kirjoitettu.

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

Vaihe 5: Napsauta hiiren kakkospainikkeella tyhjää tilaa ja luo uusi -> tekstiasiakirja. Kun olet valmis, avaa tiedosto Muistiolla.

Vaihe 6: Siirry nyt Tiedosto ja Tallenna nimellä -dokumentiksi nimellä userChrome.css. Varmista, että muutat Tallenna nimellä -tyypiksi Kaikki tiedostot Tallenna- valintaikkunan alaosasta. Napsauta Tallenna ja sulje asiakirja.

Vaihe 7: Avaa userChrome.css- tiedosto Muistiolla. Napsauta hiiren kakkospainikkeella tiedostoa ja valitse Avaa kansiolla -> Muistio.

Vaihe 8: Kopioi alla oleva koodinpätkä (sellaisena kuin se on) ja lisää se tiedostoon. Tallenna muutokset.

@nimespace url (“http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”);

# appmenu-painike {

tausta: # oranssi ! tärkeä;

}

# appmenu-painike pudotusmerkki: ennen {

sisältö: “ Firefox ”! tärkeä;

väri: # FFFFFF ! tärkeä;

}

# appmenu-button.button-text {

näyttö: ei mitään! tärkeää;

}

Huomaa palat lihavoituna. Ne edustavat painikkeen väriä, tekstiä ja tekstin väriä vastaavasti. Voit muuttaa näitä arvoja painikkeen ulkoasun muuttamiseksi. Tässä on koodi, joka vastaa kuvaa, jonka näit alussa.

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 vähäinen. Jos osaat hallita koodeja, voit tehdä muutoksen melkein mitä tahansa Firefoxissa. Jos sinulla on joitain niistä, joita olet käyttänyt kaikkia näitä vuosia, jaa lukijoidemme kanssa ja auttamaan hymyillen aloittelijoille Firefox-käyttäjille.