FireFox selaimen ulkonäköä voidaan jossakin määrin muuttaa userChrome.css tyylimäärittely tiedoston avulla. Nämä tyylimäärittelyt ovat aivan samoja kuin HTML -tiedostoillakin. Aloitettaessa on suurin vaikeus tietää FireFox selaimen elementtien nimet, ja siihen auttaa vain sitkeä hakeminen verkosta.
Jos olet joskus katsonut HTML -sivun tyylitiedoston rivejä, olet huomannut että siellä yksilöidään elementtejä antamalla niille luokka- tai id- nimi. Tämä sama koskee myös FireFox selaimen tyylittelyä.
esim:
#nav-bar {
background: blue !important;
}
Esimerkissä, määritellään navikointipalkin taustaväriksi sininen, ja tämähän vastaa täysin HTML-sivun syntaksia. No se siitä.
userChrome.css
Tämä tiedosto täytyy sijoittaa aktiivin profiilikansion alle, chrome -kansioon. Tätä chrome -kansiota ei oletuksena FireFox asennus luo, joten se on sinun itsesi tehtävä.
Aktiivi profiilikansio
Tämän kansion pakallistaminen käy helpoimin näin:
Avaa profiilikansiosi:
Napsauta hiirellä FireFox selaimen navikointipalkin oikeasta reunasta löytyvää hampurilaisen tai kolmen pisteen muodostamaa valikkoa. Avautuvasta valikosta löytyy alhaalta "Ohje" -valinta, napsauta sitä, nyt sinulle avautuu uusi valikko, josta haet valinnan "Tietoja ongelmatilanteisiin", napsauta sitä.
Vieritä avautunutta sivua, ja yritä paikallistaa "Profiilikansio", nyt voit painaa painiketta "Avaa kansio", tänne sinun on luotava tuo chrome -kansioon, johon sitten sijoitat tuon userChrome.css tiedoston.
TÄRKEÄÄ
userChrome.css tiedoston täytyy sisältää seuraava rivi, eikä sitä riviä saa muuttaa:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
Jos tuo rivi ei ole juuri noin, ei mitään tiedoston tyylittelyjä toteuteta. Ja aina kun tähän tiedostoon teet muutoksia, on FireFox selaimen kaikki ikkunat suljettava, ja muutokset näkyy uudelleen käynnistyksen jälkeen.
Kysyttävää ? vastaan jos osaan.
FireFoxin kustomointi
9
297
Vastaukset
- turhaa-piperrystä
Jaa. Miksi moiseen piperrykseen pitäisi ryhtyä?
- eikiitos
Eikö quantumissa toimi edes valmiit skinit? Sehän on sitten aivan paska kun muutenkin ulkonäkö aivan perseestä, chromesta matkittu.
- chromule
Tiettävästi Chrome on paljon myöhempi tekele.
- pikkusieluista
Ei kyllä uusinkaan FF näytä muulta kuin omalta itseltään.
Täytyy olla melko pikkusielu että alkaa jotain selaimen ulkonäköä tuunaamaan :D - vaihteluvirkistää
pikkusieluista kirjoitti:
Ei kyllä uusinkaan FF näytä muulta kuin omalta itseltään.
Täytyy olla melko pikkusielu että alkaa jotain selaimen ulkonäköä tuunaamaan :DSinusta on siis sama vaikka kaikilla olisi samanlaiset vaatteet, auto, puhelin...Minä tykkään vaihtaa vaatteita aika useinkin, autoa ja puhelinta harvemmin, selaimen ulkonäköä kun alkaa kyllästyttää eli ehkä kerran kuussa, noihin chrome-tyylisiin kyllästyn välittömästi. Vähintäänkin pitää olla tumma eikä vaalea.
- exBersel
Hieno asia jos joku haluaa näin tehdä, eikä siinä on ole mitään mitä kritisoisin.
Mutta miksi? Minusta Firefoxin käyttöliittymä on parempi kuin Chromen. Lisäksi Firefox on yksityisyyden kannalta parempi. Suorituskyky on riittävä ja muutakaan valittamista FF:ssä ei juuri ole. Jos jotain ottaisin Chromelta, se olisi HTML5-suorituskyky, mutta käytännössä tässäkään ei ole niin paljon eroa, että sitä käytössä huomaisi. En oikein ymmärrä Chromen suosiota. FF:ssä on parempi yksityisyyden kannalta ja siihen saa helpommin lisäosia. Lisäksi sen käyttöliittymä parin valinnan jälkeen on parempi.
Miksi Chrome on niin suosittu? Onko se vain muotijuttu, kun muillakin on sellainen? - Turbo-Urpo1
Tuossa alussa puhuin hyvin lyhyesti FireFox selaimen ulkonäön kustomoinnista josta vielä puuttuu selainlaajennoksen käyttäminen ulkonäön muutoksiin (tulee juttua myöhemin), ja nyt sitten siitä miten käyttäjä voi vaikuttaa verkkosivun sisällön näköön, silloin kun sisältöä näytetään selaimen oletustyylillä.
Eli jokainen selain, ei vain FireFox, sisältää tarkat määrittelyt, miten mikin HTML-elemetti näytetään katselijalle oletusarvoilla. FireFox tarjoaa käyttäjilleen mahdollisuuden vaikuttaa noihin oletusasetuksiin, ja se tapahtuu [ userContent.css ] tiedoston välityksellä ( https://s25.postimg.cc/j4j3pmp1r/Valinta_099.png ).
Tämän [ userContent.css ] tiedoston sijainti on sama kuin aiemin mainitun [ userChrome.css ] tiedostonkin sijainti, myös sisältö on täysin HTML-tyylitiedoston sisältöä. Se että onko olemassa tarvetta muuttaa selaimen oletuksia HTML-elementeille, ehkä on, ehkä ei.
Tässä esimerkkikuvassa ensin Firefox selaimen oletuksilla tämä s24 sivun kommentointilomakkeen koko ja näkö: https://s25.postimg.cc/snssjehsf/Valinta_097.png ja sitten kuva jossa noita oletuksia on hiukan muutettu: https://s25.postimg.cc/t0k6ppptb/Valinta_098.png- Turbo-Urpo1
Muuten jos joku innostuu asiasta, niin aiemin tulla ylhäällä kerroin kuinka profiilikansio paikallistetaan valikkokomentojen avulla, mutta kirjanmerkkinä sen löytää nopeamin, joten käytä navikointipalkin osoiteriviä hyväksi, kirjoittamalla:
about:profiles - Turbo-Urpo1
Turbo-Urpo1 kirjoitti:
Muuten jos joku innostuu asiasta, niin aiemin tulla ylhäällä kerroin kuinka profiilikansio paikallistetaan valikkokomentojen avulla, mutta kirjanmerkkinä sen löytää nopeamin, joten käytä navikointipalkin osoiteriviä hyväksi, kirjoittamalla:
about:profilesYllä antamani tyylittely esimerkki, vaikutti kaikkiin sivuihin joilla kyseset elementit esiintyi oletus nimillään, mutta tässä vaikutusta on rajattu niin että vain s24:n lomake näkyy FireFox selaimessa normaalia hienonpana: https://s25.postimg.cc/tjtvcfgsv/Valinta_100.png
Nuo elementin leveydet, voit määritellä px, em tai % yksiköillä, ehkä paras on tuo 100% joka mukautuu aina käytössä olevan tilan mukaan.
textarea.form-control {
min-width: 48em !important;
min-height: 18em !important;
background-color: oldlace !important;
}
.nickname-container input {
min-width: 48em !important;
background-color: oldlace !important;
}
Jaaha, eiköhän tämä tästä jo tullutkin käsiteltyä.
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Purra hyökkää nyt suomalaisen duunarin kimppuun teettämällä mamuilla palkatonta työtä
Niinpä niin. Persut duunaripuolue, HAH. Joko alkaa kovapäisinkin persu älyämään, että persut ovat Suomen kansan vastain41112832Purra ehdottaa vaan Tanskan mallia, joka on erittäin hyvä malli
Purra ehdotti helmikuussa Suomeen Tanskan mallia, jossa maahanmuuttajilta vaaditaan työntekoa sosiaalitukien saamiseksi.2745613Kokoomusnuoret: Sosiaalitukien työvelvoitteen tulisi koskea kaikkia
Riikka Purra on esittänyt, että maahanmuuttajilta tulisi edellyttää palkatonta työtä sosiaalitukien vastineeksi. Kokoom2434177Purra vaatii: Työvelvoite maahanmuuttajille ja kantasuomalaisille pitkäaikaistyöttömille
Jos Perussuomalaiset ja Kokoomus ovat seuraavan hallituksen kaksi johtavaa puoluetta, on suomalaisille pitkäaikaistyöttö3203439Jyrki Linnankivi, Jyrki 69 - Goottirokkarista kirkonmieheksi Lappiin!
Jyrki Linnankivi eli Jyrki 69 on The 69 Eyes -rockyhtyeen vokalisti. Lauluhommien lisäksi hän sanoittaa, säveltää ja sov262166Onnea Maria ja Vilma Amazing Race -voitosta!
Maria Guzenina ja Vilma Vähämaa voittivat Amazing Race Suomi -kisan. Voiton hetkellä Guzenina paljasti, miksi valitsi Vi201950Juhana Vartiainen(ex-sd): Köyhien pitää tehdä jotain elämälleen säilyttääkseen tukensa
Juhana Vartiainen ehdottaa Suomeen ”Tanskan mallia”, jossa sosiaaliturvaa saadakseen pitäisi hakea ensisijaisesti etuuks1121831En ymmärrä näitä SDP:n ja muun vasemmiston kannattajia
Eivätkö ihmiset tiedä, että Suomen ongelmat johtuvat vasemmistolaisesta yhteiskuntamallista? Suomessa on ollut vasemmis851386Mikä on mielestäsi paras miestyyppi?
Esimerkit kärjistettyinä: a) perustavallinen/tasainen b) himourheilija c) varakas, turvallinen elättäjä d) puolikrimina1771081Martina Aitolehti
Instagramissa pomppas esille Martinan kumipallot. Ihan säikähin. Ja tää on Martina-ketju!273995