Oranssi Firefox-valikkopainikkeen mukauttaminen

Oletko kyllästynyt katsomaan oranssia Firefox-valikkopainiketta? Firefoxin käyttöliittymä on täysin muokattavissa, joten voit muuttaa Firefox-valikkopainikkeen väriä, tekstiä ja muita ominaisuuksia, jotta voit luoda oman mukautetun ulkoasun.

Voit muuttaa Firefox-valikkopainikkeen ulkonäköä muokkaamalla userChrome.css-tiedostoa. Tämän tiedoston avulla voit muuttaa minkä tahansa Firefoxin osan ulkoasua ja sen toimivuutta.

Ennen kuin käytät sukellusta userChrome.css-tiedoston muokkaamiseen, asennamme lisäosan, nimeltään ChromEdit Plus, jonka avulla voimme muokata tiedostoa helposti ja tallentaa sen oikeaan muotoon. Siirry ChromEdit Plus -sivulle napsauttamalla seuraavaa linkkiä.

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

Napsauta Lisää Firefox-painiketta sivulla.

Seuraava viesti voi näyttää. Voit jatkaa ChromEdit Plus -lisäosan asentamista valitsemalla Salli.

HUOMAUTUS: Ole varovainen siitä, mitä sallit laajennuksia ja muita ohjelmia asennettaessa. Jos et ole varma tuotteesta tai et luota yritykseen, älä asenna. Testasimme ChromEdit Plus -järjestelmän ja totesimme sen olevan turvallista ja luotettavaa.

Näyttöön tulee Ohjelmiston asennus -valintaikkuna. Valitse Asenna nyt, joka ei välttämättä ole käytettävissä, ennen kuin laskenta päättyy.

HUOMAUTUS: Voit muuttaa lähtölaskennan pituutta Asenna-painikkeella, mutta emme suosittele sen poistamista käytöstä.

Sinun on käynnistettävä Firefox uudelleen käynnistääksesi asennuksen. Napsauta ponnahdusikkunassa Käynnistä nyt uudelleen.

Kun Firefox käynnistyy uudelleen, osoitekentän oikealle puolelle lisätään ChromEdit Plus -painike. Avaa ChromEdit Plus -ikkuna napsauttamalla sitä.

ChromEdit Plus -ikkunassa on oletusarvoisesti kolme välilehteä. Muokkaamme ensimmäisessä välilehdessä olevaa userChrome.css-tiedostoa. Jos välilehti on tyhjä, kopioi ja liitä seuraava teksti userChrome.css-välilehdelle ja valitse Tallenna. Tämä antaa sinulle oletusarvon userChrome.css-tiedoston.

@namespace url (“http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”);
# appmenu-painike
tausta: #orange! tärkeää;

# appmenu-painikkeen pudotusmerkki: ennen
sisältö: “Firefox”!
väri: #FFFFFF!

# appmenu-painike. Button-text
näyttö: ei mitään!

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

TÄRKEÄÄ: Varmista, että kaikki userChrome.css-lainausmerkit eivät ole älykkäitä lainausmerkkejä, mukaan lukien ne, jotka ovat @namespace-rivillä. Niiden pitäisi olla tavallisia, suoria lainauksia. Jos jokin niistä on älykkäitä lainauksia, tiedosto ei vaikuta Firefoxin ulkoasuun lainkaan.

Käynnistä Firefox uudelleen valitsemalla Käynnistä uudelleen käyttämällä uutta tai tarkistettua userChrome.css-tiedostoa.

Tässä esimerkissä aiomme muuttaa taustavärin tumman siniseksi ja muuttaa Firefox-tekstiä "How-To Geek" -asetukseksi.

Voit muuttaa taustavärin muuttamalla "# appange" - osion "tausta" - rivin tekstiä "#orange" toiseen väriin käyttämällä hex-värikoodia tai HTML-värikoodia. Esimerkiksi valitsimme tummansinisen, jossa on # 2C4362 -värikoodi.

HUOMAUTUS: Jos haluat selvittää haluamasi värin kuusivärikoodin, katso artikkeleita, jotka koskevat hex-värikoodien saamista desimaalista RGB-väreistä, värien valitsemisesta missä tahansa näytössä ja värikoodien saamista useissa muodoissa.

Jos haluat muuttaa painikkeen tekstiä, vaihda ”Firefox” -teksti ”# appmenu-painikkeen pudotusmarkkinoija: ennen” -kohdan ”sisältö” -rivillä haluamaasi tekstiin, kuten “How-To Geek”. Lisäsimme tekstin jälkeen välilyönnin, jotta tekstin ja painikkeen avattavan nuolen välillä on enemmän tilaa.

Voit myös muuttaa tekstin väriä muuttamalla ”värin” riviä samassa ”# appmenu-painikkeen pudotusmarkkinoija: ennen” -osiossa. Jätimme tekstin värin valkoiseksi (#FFFFFF), mutta voit muuttaa sen vaaleanharmaaksi (# F2F2F2) tai jotain sellaista.

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

Painike on tummansininen ja sanoo “How-To Geek”.

Voit myös lisätä taustakuvan painikkeeseen taustan värin muuttamisen lisäksi. Olemme luoneet kuvan, jossa on How-To Geek favicon vasemmalla ja läpinäkyvä tausta, jotta tummansininen taustaväri näkyy läpi. Jos haluat lisätä taustakuvan painikkeeseesi, lisää seuraava rivi “# appmenu-painike” -osaan ja muuta polkujen hintatasoa kuvasi sijaintiin tietokoneellasi. Jätä "tiedosto: ///" polulle.

taustakuva: url (“tiedosto: /// C: /Users/Lori/Pictures/htg_background.png”)!

Valitse Tallenna ja käynnistä uudelleen.

Nyt painike on valmis.

Voit myös muokata Firefox-valikkopainiketta muuntamalla sen kuvakkeeksi. Olemme myös julkaisseet monia muita vinkkejä ja vinkkejä, jotta saat kaiken irti Firefoxista.