Firefox kezdőlap háttér

Nem is olyan régen futottam bele ebbe a dologba. Égető vágyat éreztem, hogy a böngészőben a kezdőlap hátterét valami sokkal szimpatikusabbra cseréljem. Egy kis keresgélés után meg is leltem a mikéntjét: 1. Egy új lapot nyitva a keresősávbe írjuk be az alábbi szöveget: about:support Az alkalmazás alapadatai résznél a profilkönyvtár sorban kattintsunk a könyvtár megnyitása gombra.

Ekkor a fájlkezelőnkben megnyílik a firefox profilkönyvtára. 2. Ha még nincs, akkor készítsünk ebbe a könyvtárba egy chrome nevű mappát. 3. A chrome mappán belül hozzunk létre egy img nevűt is, valamint egy userContent.css nevű fájlt. A kiválasztott képünket helyezzük el az img könyvtárban. 4. Egy szimpatikus szövegszerkesztővel nyissuk meg az userContent.css fájlt, majd másoljuk bele az alábbi szöveget:

@-moz-document url(about:home), url(about:newtab), url(about:privatebrowsing) {
.click-target-container *, .top-sites-list * {
color: #fff !important ;
text-shadow: 2px 2px 2px #222 !important ;
}

body::before {
content: "" ;
z-index: -1 ;
position: fixed ;
top: 0 ;
left: 0 ;
background: #f9a no-repeat url(img/image.jpg) center ;
background-size: cover ;
width: 100vw ;
height: 100vh ;
}
}

FONTOS! Ne felejtsük el az url(img/image.jpg) részben a fájlnevet a képünknek megfelelően módosítani. Mentsük el a fájlt és nyugodtan zárjuk be a szüvegszerkesztőt. 5. A keresősávba ezt írjuk be: about:config , fogadjuk el a kockázatokat és lépjünk tovább. A megjelenő oldalon a keresőbe írjuk be a következő sort: toolkit.legacyUserProfileCustomizations.stylesheets az értéket állítsuk ture-ra. Ezzel jeleztük a Firefoxnak, hogy használja a korábban létrehozott userContent.css fájlt. 6. Indítsuk újra a böngészőt és élvezzük a legújabb beállításunkat! Egy kis magyarázat a css fájlhoz: 1.

@-moz-document url(about:home), url(about:newtab), url(about:privatebrowsing)

Kezdőlapon, új lapon és privát lapon is engedélyezi a kép használatát. 2.

.click-target-container *, .top-sites-list * {
color: #fff !important ;
text-shadow: 2px 2px 2px #222 !important ;
}

A "Népszerű oldalak" és a "Kiemelések" színét sötét háttéren fehérre cseréli, sötét árnyékkal. Világosabb kép esetén ezt a részt érdemes szerkeszteni. 3.

body::before {
content: "" ;
z-index: -1 ;
position: fixed ;
top: 0 ;
left: 0 ;
background: #f9a no-repeat url(img/cherry-blossom-1260646.jpg) center ;
background-size: cover ;
width: 100vw ;
height: 100vh ;
}

Betölti a képet a body::before résznél, aminek a poziciója fixált. Ha a háttérkép nem található, vagy valamiért nem betöéthető, akkor a háttért a #f9a színnel tölti ki. A background-size: cover -nek köszönhetően pedig a képünk szépen követi a böngészőablak átméretezését. Végeredményül pedig nálam most kb. így fest a Firefox kezdőlapja: