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
216
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
Ja taas ammuttu kokkolassa
Kokkolaisilta pitäisi kerätä pois kaikki ampumaset, keittiöveitset ja kaikki mikä vähänkään paukku ja on terävä.354289Kuinka kauan
Olet ollut kaivattuusi ihastunut/rakastunut? Tajusitko tunteesi heti, vai syventyivätkö ne hitaasti?1141586Milli-helenalla ongelmia
Suomen virkavallan kanssa. Eipä ole ihme kun on etsintäkuullutettu jenkkilässäkin. Vähiin käy oleskelupaikat virottarell2481546Helena Koivu on äiti
Mitä hyötyä on Mikko Koivulla kohdella LASTENSA äitiä huonosti . Vie lapset tutuista ympyröistä pois . Lasten kodista.2181400- 351266
Ja taas kerran hallinto-oikeus että pieleen meni
Hallinto-oikeus kumosi kunnanhallituksen päätöksen vuokratalojen pääomituksesta. https://sysmad10.oncloudos.com/cgi/DREQ881078Löydänköhän koskaan
Sunlaista herkkää tunteellista joka jumaloi mua. Tuskin. Siksi harmittaa että asiat meni näin 🥲1321072Kun näen sinut
tulen iloiseksi. Tuskin uskallan katsoa sinua, herätät minussa niin paljon tunteita. En tunne sinua hyvin, mutta jotain471054Purra saksii taas. Hän on mielipuuhassaan.
Nyt hän leikkaa hyvinvointialueiltamme kymmeniä miljoonia. Sotea romutetaan tylysti. Terveydenhoitoamme kurjistetaan. ht2671031- 62994