Želite li dodati efekt točke u stupac u Elementoru?

Elementor je savršen za stvoriti web stranicu, u kojem je naglasak na dizajnu. U Elementoru možete dodati animacijske efekte kako biste svoju web stranicu učinili interaktivnijom.

Jedan od efekata animacije koji možete dodati na stranicu koju pokreće Elementor je točkasti efekt. Odjeljku, stupcu ili widgetu možete dodati efekt točke.

Ovaj će vam članak pokazati kako dodati rezultat u stupac u Elementoru. Usput, ako ste novi u Elementoru, možete potražiti naš prethodni članak kako instalirati Elementor.

Kako dodati efekt točke u stupac u Elementoru

U Elementoru je stupac obavezni element. Ovdje možete dodati widgete - stvarne elemente dizajna za stvaranje vaše stranice. Kao i kod ostalih vrsta elemenata u Elementoru, također možete prilagoditi stupac kako biste ga učinili elegantnim.

Za efekt lebdenja možete dodati jednobojnu pozadinu, pozadinu slike, sjenu. Elementor-ov ugrađeni efekt lebdenja omogućuje vam korištenje druge pozadine, drugačijeg obruba i drugačije sjene kad pokazujete.

Da biste počeli dodavati efekt točke u stupac u Elementoru, prvo kliknite ručku stupca u koji želite dodati efekt točke da biste se prebacili na ploču s postavkama stupca.

dodajte efekt točke u stupac u Elementoru

Na ploči s postavkama (ploča s lijeve strane) idite na karticu Stil i otvorite blok Pozadina. U potonjem možete otvoriti karticu AU PREGLED da biste postavili drugačiju pozadinu stanja pokazivanja.

Možete koristiti jednobojnu pozadinu, gradijentnu pozadinu ili pozadinu slike. Trajanje prijelaza (prijelaz iz normalnog stanja u pokazivanje) možete postaviti i u opcija Trajanje prijelaza.

Da biste postavili drugačiju obrub i drugu sjenku okvira na pokazivačkom stanju, možete otvoriti blok Granica. Kliknite karticu PREGLED  tog bloka i postavite stil obruba, veličinu obruba, boju obruba, radijus obruba i sjenu područja za stanje pokazivanja.

Dodavanje naprednog efekta lebdenja u stupac u Elementoru

za razliku od Divi BuilderElementor ne koristi CSS transformaciju za svoj efekt lebdenja. Stoga možete dodati samo osnovne efekte lebdenja. Ali poput Elementara (pro verzija) omogućuje vam dodavanje prilagođenog CSS-a, možete koristiti prilagođeni CSS za dodavanje CSS transformacije za dodavanje naprednog efekta lebdenja.

Efekti prenošenja stvaraju se pomoću CSS transformacije. Da biste dodali CSS transformaciju u stupac, prvo idite na kartici Napredno i otvorite blok Prilagođena CSS (provjerite je li ploča s postavkama u načinu ploče s postavkama stupca). Dodajte sljedeći CSS kôd.

dodajte efekt točke u stupac u Elementoru

Kod :

selektor: hover {prijelaz: sve .2 olakšavanje ulaska; pretvoriti: razmjera (1.1); kursor: točka; z-indeks: 1; }

U samoj CSS transformaciji postoji 5 stilova transformacije koje možete koristiti:

  • Matrica
  • prevesti
  • Skala
  • Rotirati
  • iskrivljavati

Gornji CSS kod koristi transformaciju skale. Možete ga jednostavno zamijeniti s bilo kojim stilom preobrazbe koji vam se sviđa.

čitati cette stranica kako biste saznali više o CSS transformaciji.

Ostali dodatni premium WordPress dodaci 

Otkrijte i druge WordPress plugins premium koji optimiziraju izvedbu vašeg WordPress bloga ili web stranice.

1. Rezervacija vizualnog restorana

Stvorite sustav Online Booking web stranice vašeg restorana ili kafića, zahvaljujući ovom izvrsnom premium WordPress dodatku. S potonjim, imat ćete mogućnost da sami kreirate stolove i sjedala na rešetki koju nudi ovaj dodatak i dopustite svojim klijentima da rezerviraju besplatne, to je glavna značajka ovog dodatka i ono što ga razlikuje od ostalih dodataka u ovaj popis.Vizualna rezervacija restorana

Pomoću Drag & Drop možete povući različite vrste stolova na mrežu vašeg restorana i izračunati maksimalni broj mjesta za svaki stol kao i broj stolova. Posjetitelji vašeg restorana mogu odabrati oblik stola koji preferiraju i položaj stola u odnosu na druge stolove u mreži.

Evo za tebe 5 WordPress dodatci za optimizaciju opisa kategorija i naljepnica

Kupci vašeg restorana bit će oduševljeni što ovaj izbor mogu učiniti izravno na internetu, umjesto da putuju. Pomoću ovog dodatka moći će steći predodžbu o tome što ih čeka danas.

Između ostalih značajki nudi: podršku za povlačenje i ispuštanje, 3 vrste rezervacijskog sustava, prilično intuitivno rukovanje, potpuno prilagođavanje njegovog izgleda i još mnogo toga.

Preuzmite | demo | Web hosting

2. MapSVG

MapSVG est l’un des plugins WordPress de création d’annuaire les plus puissants et les plus performants. Il vous permet de transformer n’importe quel fichier SVG en cartes vectorielles interactives et en cartes entièrement personnalisables. Il vous permet de créer un répertoire d’entreprises lokalni, popisi dobavljača itd. Mapsvg dodatak wordpress direktorij

Il propose une carte pour tous les principaux pays du monde. Ses principales fonctionnalités sont : l’édition des cartes SVG dans n’importe quel éditeur de vecteurs afin de pouvoir facilement dessiner vos propres cartes, une base de données intégrée pour afficher tout type d’objet, des outils puissants de création de formulaire, pour renseigner la base de données, l’ajout des marqueurs de géolocalisation et autres.

Pročitajte i naš članak o Kako duže zadržati posjetitelje na svojoj web stranici

Preuzmite| demo | Web hosting

3. Slider revolucija

Slider Revolution je inovativan i responzivan WordPress dodatak za vrtuljak koji prekrasno prikazuje vaš sadržaj. Bilo da se radi o klizaču ili vrtuljku, njegov vizualni uređivač povlačenja i ispuštanja omogućit će vam da na primjer ispričate priču o svojoj tvrtki, istaknete svoje najbolje proizvode, svoje najbolje članke i još mnogo toga.

wordpress plug-in wordpress dodatak

Otkrijte i naše 10 WordPress dodaci za jednostavno stvaranje skočnog prozora
Njegove glavne značajke su: izvrsno sučelje za izradu dijapozitiva, povuci i ispusti dijapozitiv, potpuno odgovarajući izgled, savršeno upravljanje multimedijskim sadržajem, optimizirane performanse Višejezična podrška, izvrsna korisnička podrška, podrška zaslona osjetljivog na dodir, besplatna i redovna ažuriranja, dostupna dokumentacija i video priručnici i još mnogo toga.

Preuzmite | demo | Web hosting

Preporučeni resursi

Saznajte više o drugim preporučenim resursima koji će vam pomoći u izgradnji i upravljanju web mjesta.

Zaključak

Ovdje! To je to za naš članak koji vam pokazuje kako dodati efekt točke u stupac u Elementoru. Ako jesi komentari ili prijedloge, ne ustručavajte se obavijestiti nas u rezerviranom odjeljku.

Međutim, možete se konzultirati naši resursi, ako vam je potrebno više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na Izrada bloga WordPress ili onaj koji je uključen Divi: najbolja WordPress tema svih vremena.

Ali u međuvremenu, ovaj članak podijelite na svojim različitim društvenim mrežama

...