Ky tutorial vjen si shtesë e një tutoriali që bëmë disa ditë më parë. Ne ju kemi treguar me të vërtetë se si të shtoni tekst lëvizës në një kolonë në Divi. Sot, ne do t'ju tregojmë se si të përdorni të njëjtën teknikë, për të shtuar një seksion "super hero" (shprehja e përdorur për dshkruaj një zonë e madhe e një faqe interneti e krijuar për të tërhequr vëmendjen dhe për të nxjerrë në pah elemente të caktuara).

Le të fillojë.

Shtoni paraqitjen e paracaktuar

Për të shtuar paraqitjen në faqen tuaj, hapni menunë e cilësimeve në fund të ndërtuesit Divi dhe klikoni simbolin plus. Në dritaren kërcyese Load from Library, zgjidhni Job Recruiter Layout Pack. Pastaj klikoni për të përdorur paraqitjen e faqes kryesore.

Model modeli divi

Hiq përmbajtjen shtesë me paraqitjen

Pasi prezantimi të jetë ngarkuar në faqe, vendosni pamjen e kornizës dhe hiqni të gjitha përmbajtje të prezantimit, me përjashtim të kokës me gjerësi të plotë dhe seksionit pak poshtë tij.

Seksioni i seksionit të modifikimit të dizajnit

Krijimi i animacionit të tekstit përzgjedhës

Siç mund ta shihni, fjala "i punësuar" është përdorur tashmë si një element i madh i dizajnit të tekstit në një modul teksti në seksionin e dytë. Ne do ta kthejmë këtë modul teksti në një element të përgjegjshëm të krijimit të altoparlantit të tekstit. Çelësi për ta bërë drejtkëndëshin e tekstit të përgjegjshëm është të sigurohemi që linja dhe moduli i tekstit të kenë gjerësinë e plotë të dritares së shfletuesit. Ne mund ta bëjmë këtë duke përdorur 100% gjerësi. Atëherë mund të përdorim njësinë e gjatësisë vw për madhësinë e tekstit. Kjo do ta bëjë tekstin të përshtatet mirë për gjerësinë e shfletuesit. Pas kësaj, ne do të zbatojmë të njëjtat parime që kemi përdorur më parë për të ilustruar shembullin tonë të thjeshtë të lëvizjes.

Ja se si ta bëjmë atë.

Përditësoni parametrat e rreshtit

Siç u përmend më herët, rreshti duhet të jetë 100% që të funksionojë dizajni i kësaj zgjedhjeje të përgjegjshme. Kjo i lejon modulit tonë të tekstit të përdorë njësitë e gjatësisë vw në lidhje me gjerësinë e shfletuesit. Meqenëse paraqitja jonë e paracaktuar tashmë ka një linjë me gjerësi 100%, ne nuk kemi pse të bëjmë asgjë.

Konfigurimi i gjerësisë së modulit të linjës Divi

Sidoqoftë, ne duhet të rregullojmë pjesën tjetër të cilësimeve si më poshtë.

  • Margjina: -24vv poshtë
  • Transformoni boshtin Y të përkthimit: -24vw
  • Rrjedhja horizontale: e fshehur
  • Vërshimi vertikal: i fshehur

Konfigurimi i cilësimeve të linjës Divi

Marzhi negativ i poshtëm është heqja e hapësirës negative që mbetet sa herë që lëvizim rreshtin duke përdorur komandën translate translate. Dhe duhet të fshehim tejmbushjen e rreshtit për efektin e tekstit tonë të përzgjedhjes.

Përditësoni modelin e tekstit të modulit të tekstit

Tani të gjithë ju duhet të bëni është të azhurnoni modulin e tekstit për ta kthyer atë në një element të madh të dizajnit të tekstit.

Hapni modulin e tekstit dhe azhurnoni si vijon:

  • Ngjyra e tekstit të tekstit: rgba (255,255,255,0.16)
  • Madhësia e tekstit të tekstit: 36vw
  • Margjina: -100% në të majtë, 100% në të djathtë

Madhësia e tekstit përdor një njësi të gjatësisë vw, kështu që teksti përshtatet mirë me gjerësinë e shfletuesit.

Konfigurimi i modulit të tekstit Divi

Shtoni një animacion në modulin e tekstit

  • Stili i animacionit: Slide
  • Drejtimi i animacionit: majtas
  • Kohëzgjatja e animacionit: 10000ms
  • Intensiteti i animacionit: 100%
  • Animimi i kurbës së shpejtësisë: lineare
  • Përsëriteni animacionin: Lak

Konfigurimi i animacionit të tekstit DiviDizajni përfundimtar

Tani, kontrolloni modelin përfundimtar.

Divi i animuar i punësuarMendimet e fundit

Kutitë e tekstit mund të jenë një mjet i dobishëm për dizajnin e uebit. Ata nuk kufizohen vetëm në funksionimin e tyre si tik-takues. Ata gjithashtu mund të shtojnë një element interesant animacioni në dizajnin tuaj të internetit. Dhe pjesa më e mirë është ajo Divi e bën të lehtë krijimin dhe dizajnimin e të gjitha llojeve të gjërave të bukura. Shpresoj që ky tutorial t'ju ndihmojë të krijoni tekste të thjeshta përzgjedhëse sa herë që ju nevojiten.

Shpresoj të dëgjoj nga ju në komente.

Për shëndetin tuaj!