Háttér és több háttér, pixli docs
Az egyik leggyakoribb feladat az, hogy beállíthatja a hátteret egy tárolóhoz. Tipikusan ez egy szín, gradiens vagy kép.
Színes háttérként
A háttér színének beállításához válassza ki a kívánt színt a palettáról, vagy írja be manuálisan az értékét. Ezt az opciót előzetesen engedélyezheti a jelölőnégyzet bejelölésével.
Figyelem! Ha bekapcsolja a háttér színét, felülbírálja az elem összes többi hátterét. Ha egy bizonyos színre szüksége van egy elem több hátterének egyike számára, akkor egy gradiensen keresztül hozza létre, ugyanazokat a színeket választva a "zászlók" számára.
Az "1" gomb visszaállítja a színértéket. A bal oldali panel szükséges a kívánt színséma kiválasztásához. A jobb oldali panel a szín átláthatóságát határozza meg. Az alsó panel lehetővé teszi a gyakran használt színek mentését.
Gradiens háttérként
A blokk hátterének második változata a gradiens. A gradiens két vagy több színből állhat. Ha színt szeretne hozzáadni a színhez, kattintson duplán a sávon a színintenzitással.
A "jelölőnégyzet" eltávolításához egyszerűen kattintson rá kétszer, és a megnyitott panelen kattintson a "törlés" gombra. A színátmenet színei is átlátszóak lehetnek.
A gradiens lehet lineáris és sugárirányú. Az üzemmódok közötti váltáshoz használja az 1-es és a 2-es gombot. Minden gradiens típusnak saját beállításai vannak, és könnyedén kísérelheti meg őket.
A gradiensnek két lehetősége is van:
- - A színátmenet forgatógombja, amely aktiválva 180 fokos fordulatot tesz a színátmenetben.
- - Gomb a hurok átkeléséhez. Aktiválásakor a gradiens végtelennek ismételni.
Gradiens háttérként
Az egyik leggyakoribb funkció. Ez a funkció nemcsak a gombokhoz, hanem a konténerekhez is ajánlott. Például, ha háttérként szeretné beilleszteni egy fényképet, majd elhelyezni azt a tartalmat. Jobb háttérbe helyezni, nem pedig a "kép" widget használatával. Abban az esetben, ha adaptív blokkot kell készíteni háttérképnel, akkor ez a funkció is jobb. Amikor animációval dolgozik, gyakran inkább háttérként használják, nem widgetként
Az alábbiakban részletesebben tárgyalja a funkcionalitást:
Először is állítsa be a "Kép" rádiókeretet a funkció aktiválásához. Ezután be kell töltenie a háttérképet. Ezt kétféle módon lehet elvégezni:
- - Letöltés közvetlenül a számítógépről
- - Feltöltés képkatalógus használatával
Ezek után a háttérkép típusától és céljától függően állítsa be a háttérbeállításokat.
Válassza ki a háttér pozíciót (1), és szükség esetén javítsa ki a jobb oldali csúszkákkal (2). Szintén állítsa be a háttér megismétlésének szabályait, vagy tiltsa le (3).
A következő fontos jellemző a "háttérméret".
Három értéket vehet fel:
Auto: Ha egyszerre van beállítva a szélesség és a magasság (automatikus auto) esetén, a háttérméret továbbra is az eredeti; ha csak a kép egy oldalára (100px auto), akkor a méret automatikusan kiszámolódik a kép arányai alapján.
Fedél: A kép méretarányának megtartása mellett, úgy, hogy szélessége vagy magassága megegyezzen a blokk szélességével vagy magasságával.
Tartalom: A képet a megőrzött arányokkal skálázza úgy, hogy a kép teljesen a blokk belsejébe kerüljön.
A következő hasznos funkció a háttér megőrzésének képessége. Ha ez az opció be van kapcsolva, akkor a háttér rögzül, ha az oldalt görgetik. És létrehozza a hatását, hasonló a paralax hatásához. Javasoljuk, hogy e funkció alternatívájaként alkalmazza a mobil verziókon és táblagépeken az oldal gyorsabb betöltését.
Figyelem! Amikor a háttér egy, akkor a színátmenet és a kép nem fog működni, amíg nem aktiválod, ha a piros ikonra kattintasz a szemmel.
Gradiens háttérként
Új hátteret hozhat létre úgy, hogy beírja a nevét a mezőbe, és rákattint a "plusz" gombra. Mindegyik külön háttér be- és kikapcsolható a bal oldalon található "szemek" ikon segítségével.
Leggyakrabban több háttér funkciója kerül alkalmazásra a gombokra, amikor egy gradiens egyidejű beállítására és egy ikon beillesztésére van szükség. De ahogy gyakran használják, hogy "díszítik" a webhely elemeit, például sötétíteni egy képet egy gradienssel.
Cserélheti a háttereket az egérrel húzva. Ebben az esetben az első háttér a legmagasabb lesz.
Figyelem! A szín nem háttér. Ha be van kapcsolva, felülbírálja az elem összes hátterét. Ha a háttérszínt szeretné beállítani, hajtsa végre ezt a színátmenet segítségével. Egy tiplik "szín" más háttérrel kombinálva ajánlott, ha szükséges, a színek elszíneződése vagy világosítása miatt. (Válasszon színt és állítsa be annak átlátszóságát).