Tovább a tartalomhoz

Sorháttér widget: részecskék

Animált részecskék a Sorháttér Középső rétegében: nyolc kész stílus, szín és alak beállítása, vagy saját particles.js-konfiguráció.

A szakasz mögött mozgó részecskék mozgást adnak a háttérnek anélkül, hogy elvonnák a figyelmet a ráhelyezett szövegről. A Sorháttér widget a Középső rétegében animált részecskéket rajzol: nyolc kész stílus közül választhatsz, vagy megadhatod a saját particles.js-beállításaidat. A widget a Pro bővítmény része; a bekapcsolását és a rétegeit az áttekintő fejezet írja le.

  • Kapcsold be a Row Background widgetet a The Plus Addons → Widgets oldalon.
  • Húzd a widgetet abba a tárolóba (vagy klasszikus szakaszba), amelyik a hátteret kapja. A widget maga semmit nem rajzol, a háttér a tárolót tölti ki.
  1. Add hozzá a Sorháttér widgetet a tárolóhoz. A Tartalom → Mély réteg szakaszban válassz hátteret, amelyre a részecskék kerülnek, például egy sötét Folytonos színt.
  2. Nyisd meg a Középső réteg szakaszt, és a Válaszd ki az opciót listában válaszd a Canvas-effektus elemet.
  3. Válassz egy Vászonstílust.
  4. Állítsd be a részecskék színét: a Stílus 2 és a Stílus 7 között a Szín mezőt, a Stílus 1 esetén a Több szín kiválasztása listát használd. A Stílus 5, Stílus 6 és Stílus 7 esetén van Vászon alakja is.
  5. Egyéni stílusnál építsd fel a részecskéidet a particles.js online szerkesztőjében, és illeszd be a kapott JSON-t a Részecskék JSON mezőbe.
https://minta-bolt.hu/h8-attekintes/
Három réteggel készült háttér: a tájkép fölött vékony vonalakkal összekötött részecskék, legfelül sötét fedvény

A képen a Canvas-effektus részecskéi a Mély réteg képe fölött, a Felső réteg fedvénye alatt látszanak.

Stílus További beállítások
Stílus 1 Lebegő buborékok; Több szín kiválasztása
Stílus 2, Stílus 3, Stílus 4 Szín
Stílus 5, Stílus 6, Stílus 7 Szín és Vászon alakja (Kör, Edge, Háromszög, Sokszög, Csillag)
Stílus 8 Fehér, felfelé úszó buborékok; nincs színbeállítás
Egyéni Részecskék JSON és Részecskék JSON z-indexe
  • Mind a nyolc stílus és az egyéni JSON is animált volt a megjelenő oldalon.
  • A részecskék a Mély réteg fölött és a Felső réteg alatt jelennek meg, ezért a Felső rétegben lévő fedvény őket is eltakarja.
  • A panel jelzi, hogy az Egyéni vászon a szerkesztőben nem látszik. Frissítsd az oldalt, és a megjelenő oldalon ellenőrizd.
  • Az Egyéni vászon nem előnézhető a szerkesztőben.
  • A Stílus 8 mindig fehér buborékokat használ.

A részecskék nem látszanak. Lehet, hogy a részecskék színe megegyezik a háttérrel, vagy túl halvány rajta. Válassz kontrasztos Színt vagy sötétebb Mély réteget.

Az egyéni részecskéim nem jelennek meg. A megjelenő oldalon nézd meg, ne a szerkesztőben, és ellenőrizd, hogy a JSON-t teljes egészében illesztetted-e be.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások