Dëshironi të dini se si të ndryshoni një imazh kur rri pezull me DIVI?
Efektet hover janë disa nga ndërveprimet më të thjeshta mikro që një përdorues mund të ketë me a Faqja e internetit. të Ndërtuesi i Temave Divi ofron një sërë efektesh tepër të thjeshta fluturimi që mund t'i përdorni për të krijuar një ndërveprim tërheqës për çdo person që ju viziton Faqja e internetit.
Një nga efektet më të habitshme dhe më të dobishme të Divi është aftësia për të ndryshuar një imazh kur një përdorues vendos kursorin mbi të.
Ne ju tregojmë në këtë tutorial se si të arrini një ndryshim të bukur të imazhit kur rri pezull kursorin e miut mbi të.
studim
Para se të fillojmë, le të hedhim një vështrim në rezultatin që duam të arrijmë.
Krijo një faqe me Divi Theme Builder
Filloni duke shtuar një faqe të re në Site Web nga Paneli i WordPress.
Shih gjithashtu: Si të krijoni një menu rrëshqitëse dhe shtytëse në DIVI?
Më pas, jepni një titull faqes tuaj dhe klikoni në " Përdorni Divi Builder ".
Pastaj klikoni në " Zgjidhni paraqitjen«
Gjeni dhe zgjidhni " Faqja kryesore e kujdesit të qenve »
Zgjidhni një Layout dhe klikoni në " Zgjidhni paraqitjen »
Gjeni imazhet tuaja
Kur jeni në Divi Builder, thjesht gjeni imazhet ku dëshironi të shtoni efektin.
Vini re se mund ta përdorni në çdo element që përmban një imazh
Hap cilësimet e modulit
Kur të keni marrë vendimin tuaj, klikoni në ikonën e ingranazhit dhe futni parametrat e modulit që përmban imazhin.
Lexo gjithashtu: Si mund të notoj postimet e blogut në DIVI?
Në rastin e kësaj pakete paraqitjeje, imazhi në të cilin do të aplikojmë efektin hover është sfondi i kolonës më të djathtë të rreshtit të parë.
Futni cilësimet e kolonës.
Gjeni imazhin në cilësimet
Pasi të jeni në cilësimet e kolonë saktë, sigurohuni që të zgjidhni skedën Përmbajtje. Lëvizni poshtë derisa të gjeni opsionin Poshtë.
sous sfond, Divi ju jep mundësinë të përdorni ose një ngjyrë të fortë, ose një gradient, ose një imazh ose një video në formatin .mp4.
Dhe megjithëse efektet hover mund të aplikohen në cilindo prej tyre, ne punojmë në skedën Imazhi, i treti nga e majta.
Aktivizo "Efektet Hover".
Lëvizni miun mbi fjalën sfond (titrat më të vogla) dhe kërkoni përikona e shigjetës në opsionet që shfaqen. Ky është çelësi për Efektet Divi Hover.
Kur aktivizohet ky opsion, shfaqen dy skeda të reja. Skeda e majtë është imazhi bazë që shfaqet pa ndërveprim.
Zgjidhni imazhin tuaj të ri
Kur lëvizni kursorin poshtë mbi imazh, do të keni opsionet normale: për të zëvendësuar imazhin ou për të fshirë imazhin.
Nëse zgjidhni ikonën e koshit, ajo do të aktivizojë efektin e pezullimit, por do ta zhdukë imazhin.
Meqë ne duam ndërrues imazhin në hover, ne do të ose klikoni në vetë imazhin, qoftë nëikonë ingranazhi .
Zgjidhni imazhin e pezullimit (zëvendësim)
Kjo do të hapë bibliotekën tuaj të mediave. Më pas mund të zgjidhni imazhin e ri që dëshironi të shohin përdoruesit tuaj kur rri pezull mbi origjinalin. Klikoni mbi 'Ngarko një imazh'
Kontrolloni për gabime me imazhin origjinal
Ne sugjerojmë gjithmonë që të siguroheni që edhe imazhi origjinal të mbetet i njëjtë. Pra, për të kontrolluar, klikoni në skeda e majtë dhe sigurohuni që imazhi origjinal të jetë ende në vend.
Nëse gjithçka është mirë, mund të ruani cilësimet tuaja.
- Ruaj cilësimet e kolonës
- Shtypni përsëri tik -tak i gjelbër për të ruajtur cilësimet e linjës.
Ruani cilësimet e përgjithshme të përgjithshme dhe publikoni faqen.
Rezultat
Nëse keni ndjekur të gjithë hapat në këtë tutorial, duhet ta merrni këtë.
Shkarkoni DIVI Tani!!!
Përfundim
Divi's Theme Builder është plot me mjete të fuqishme që çdokush mund t'i përdorë krijoni një faqe në internet interesante dhe interaktive. Ndryshimi i imazhit të pezullimit që ju treguam në këtë udhëzues është vetëm një nga mjetet e shumta.
Nëse keni nevojë për më shumë elementë për të përfunduar projektet e krijimit të faqes suaj të internetit, shfletoni gjithashtu udhëzuesin tonë në Krijimi i blogut të WordPress ose atë më Divi: tema më e mirë e WordPress të të gjitha kohërave.
Nëse keni ndonjë shqetësim apo sugjerim, na gjeni në pjesa e komenteve për të folur për të. Por ndërkohë, ndajeni këtë artikull në rrjetet tuaja të ndryshme sociale.
...