Šiame straipsnyje sužinosite, kaip:

Hostinger svetainių kūrimo įrankyje numatytąsias animacijas įgalinsite dviem būdais:

PASTABA: Kodo elementas numatytųjų animacijų nepalaiko

Svetainės redagavimo aplinkoje išskleiskite kairėje esančią skiltį Svetainės stiliai. Atsidarykite poskiltį Animacijos ir pasirinkite norimą (atsirasti, slinkti, išplėsti):

Tokiu būdu, pasirinkta animacija pritaikoma visiems svetainės elementams (išskyrus kodo elementą) ir skiltims. Panorėjus, konkretaus elemento animaciją galite išjungti jo nustatymuose; pavyzdžiui, teksto elemento animacijų nustatymai:

Atlikę pakeitimų, atnaujinkite svetainę. Norėdami pamatyti rezultatą, atsidarykite svetainės peržiūros režimą arba realią svetainės versiją.

Svetainės redagavimo aplinkoje spauskite ant norimo elemento ir atsidarykite jo nustatymus. Tada, ieškokite nustatymų skilties Animacijos ir nustatykite norimą. Pavyzdžiui, teksto elemento animacijų nustatymai:

Paveikslėlio elemento animacijų nustatymai:

Mygtuko elemento animacijų nustatymai:

Ir taip toliau! Atlikę pakeitimų, atnaujinkite svetainę. Norėdami pamatyti rezultatą, atsidarykite svetainės peržiūros režimą arba realią svetainės versiją.

Į svetainę taip pat galite įterpti animacijų iš įvairių internetinių platformų. Šiame pavyzdyje naudojamos nemokamos Lordicon animacijos.

1. Prisijunkite į Lordicon, pasirinkite norimą animaciją ir redaguokite ją pagal savo poreikius:

2. Sukūrę animaciją, spauskite HTML → Copy HTML code:

3. Savo Hostinger paskyroje atsidarykite svetainės redagavimo aplinką ir norimoje svetainės vietoje pridėkite kodo elementą.

4. Įterpkite animacijos kodą į elementą ir ji bus atvaizduota jūsų svetainėje:

Prireikus, keiskite kodo elemento dydį.

5. Galiausiai, atnaujinkite svetainę, kad pakeitimai atsispindėtų ir jūsų svetainės lankytojams.

Norėdami pamatyti rezultatą, atsidarykite svetainės peržiūros režimą arba realią svetainės versiją.