28Jun
Oletko 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.
Firefox-valikkopainikkeen ulkoasun muuttamiseksi editoimme käyttäjä-chrome.css-tiedostoa. Tämän tiedoston avulla voit muuttaa Firefoxin minkä tahansa osan ulkoasua ja sen toimintoja.
Ennen sukeltamista käyttäjätietokoneen userchrome.css-tiedoston 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 näkyä.Napsauta Salli, jos haluat jatkaa ChromEdit Plus -lisäosan asentamista.
HUOMAA: Ole varovainen siitä, mitä sallit, kun asennat laajennuksia ja muita ohjelmistoja. 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ä.
Sinun on käynnistettävä Firefox uudelleen, jotta asennus loppuu. 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-painikkeen pisaramerkki: ennen{
sisältöä: "Firefox"! Tärkeä;
väri: #FFFFFF! Tärkeä;
}
# appmenu-painike. button-text{
näyttö: ei ole 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ä kaikki userChrome.css-lainaukset eivät ole älykkäitä lainauksia, mukaan lukien @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 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äen heksadesimaalivärikoodia tai HTML-värikoodia. Esimerkiksi valitsimme tumman sinisen # 2C4362: n heksadesimaalisella värikoodilla.
HUOMAUTUS: Jos haluat selvittää haluamasi värin heksadesimaalivärikoodin, katso artikkeleitamme siitä, että saavat hex värikoodit desimaaleista RGB-väreistä, valitsemalla värit mistä tahansa näytöllä ja saada värikoodit useissa eri muodoissa.
Muuta tekstin painiketta muuttamalla "Firefox" -teksti "content" -rivillä "# appmenu-painikkeen pisaramerkki: ennen" -osiossa 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 vaihtaa tekstin värin myös vaihtamalla "väri" -rivin samaan "# appmenu-painikkeen pisaramerkkiin: ennen" -osaan. 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 kertoo "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 ja vaihda polku lainausmerkkeihin tietokoneesi kuvaan. Jätä polku "tiedosto: ///".
taustakuva: url( "tiedosto: /// C: /Users/Lori/Pictures/ htg_background.png")! Tärkeä;
Napsauta Tallenna ja käynnistä uudelleen.
Nyt meidän 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.