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ä.
http://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.
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.
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.
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.
@namespace url ("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
# appmenu-painike
tausta: #orange! tärkeä;
# appmenu-painike pisaramerkki: ennen
sisältö: "Firefox"! tärkeä;
väri: #FFFFFF! tärkeä;
# appmenu-painike .button-text
display: none! tärkeää;
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.
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".
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: ///".
taustakuva: url ("file: /// C: /Users/Lori/Pictures/htg_background.png")! tärkeä;
Napsauta Tallenna ja käynnistä uudelleen.
Nyt nappi on valmis.
Voit myös muokata Firefox-valikkopainiketta muuntamalla se kuvakkeeksi. Olemme julkaisseet myös monia muita vinkkejä ja vinkkejä, joiden avulla saat kaiken irti Firefoxista.
