Hogyan tudom a webáruház hátterét megváltoztatni?

A háttér vagy háttérkép megváltoztatását, az admin felületen belül, a Beállítások > Megjelenés > Sablon testreszabás menüpontban a Sablon színek fül alatt a body háttérszín módosításával lehetséges. Ha képet szeretnénk elhelyezni, akkor a Sablon CSS fül alatt az alábbi kódot kell beilleszteni:
.page-body {
background:url("../image/header-bg.png") repeat-x;
}
Az url utáni zárójelben a kép elérési útját kell megadni, a repeat-x pedig a kép ismétlődést jelenti.

Van még kérdése? Kérelem beküldése

2 Megjegyzések

  • Avatar
    Mézes András

    Én személy szerint nem szeretem, ha ismétlődik a háttér, mert csúnya. :)
    Szóval a fenti CSS kódot egy kicsit módosítva, illetve megfelelő felbontású (értsd, ha teljes szélességre állítod, nem lesz rövid alul sem a kép) háttérképet használva az alábbi CSS kódot használnám:
    .page-body {
    background:url("../image/header-bg.png") top left;
    background-size: contain;
    }

    A top left beteszi a képet a bal felső sarokba, míg a contain széthúzza, hogy az egész oldalt betöltse, így nem fog ismétlődni és minden felbontáson betölti a képernyőt, illetve ha elkezded a böngészőt átméretezni, akkor is.

  • Avatar
    Mézes András

    Ha pedig valaki nem szeretné, hogy ismétlődjön a háttérkép, illetve mozogjon együtt a görgetéssel, akkor az alábbi CSS-t tudja használni:
    .page-body {
    background:url("../image/header-bg.png") top left;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    }

Kérjük, Belépés után hagyjon megjegyzést.