Chcete přidat bodový efekt ke sloupci v Elementoru?

Elementor je ideální pro vytvořit web, ve kterém je kladen důraz na design. V Elementoru můžete přidat animační efekty, aby byl váš web interaktivnější.

Jedním z efektů animace, které můžete přidat na stránku s funkcí Elementor, je bodový efekt. Bodový efekt můžete přidat do sekce, sloupce nebo widgetu.

Tento článek vám ukáže, jak přidat skóre do sloupce v Elementoru. Mimochodem, pokud s Elementorem začínáte, můžete to zjistit v našem předchozím článku jak nainstalovat Elementor.

Jak přidat bodový efekt ke sloupci v Elementoru

V Elementoru je sloupec požadovaným prvkem. Zde můžete přidávat widgety - skutečné designové prvky pro vytvoření vaší stránky. Stejně jako u jiných typů prvků v Elementoru můžete také upravit sloupec, aby byl elegantní.

Můžete přidat jednobarevné pozadí, pozadí obrázku, stín pro efekt přechodu. Efekt vestavěného vznášejícího se elementu vám umožňuje při ukazování použít jiné pozadí, jiné ohraničení a jiný vržený stín.

Chcete-li začít přidávat bodový efekt ke sloupci v Elementoru, nejprve klikněte na úchyt sloupce, do kterého chcete přidat bodový efekt, a přepněte tak na panel nastavení sloupce.

přidat bodový efekt do sloupce v Elementoru

Na panelu nastavení (panel na levé straně) přejděte na kartu Styl a otevřete blok Pozadí. V druhém případě můžete kartu otevřít AU PŘEHLED nastavit jiné pozadí pro stav ukazování.

Můžete použít jednobarevné pozadí, barevné pozadí s přechodem nebo pozadí obrázku. Můžete také nastavit dobu přechodu (přechod z normálního stavu do ukazovacího) v možnost Přechodné trvání.

Chcete-li nastavit jiný rámeček a jiný stín rámečku na stav ukazování, můžete blok otevřít Okraj. Klikněte na záložku PŘEHLED  daného bloku a nastavit styl ohraničení, velikost ohraničení, barvu ohraničení, poloměr ohraničení a stín oblasti pro stav ukazování.

Přidání efektu pokročilého přechodu do sloupce v Elementoru

Na rozdíl od Divi BuilderElementor nepoužívá transformaci CSS pro efekt vznášení. Proto můžete přidat pouze základní efekty přechodu. Ale jako Elementor (profesionální verze) vy umožňuje přidat vlastní CSS, můžete použít vlastní CSS pro přidání transformace CSS pro přidání efektu efektu přechodu.

Efekty přechodu jsou vytvářeny pomocí transformace CSS. Chcete-li do sloupce přidat transformaci CSS, nejdříve přejděte na na kartě Upřesnit a otevřete blok Vlastní CSS (ujistěte se, že je panel nastavení v režimu panelu nastavení sloupců). Přidejte následující kód CSS.

přidat bodový efekt do sloupce v Elementoru

Kód :

selector: hover {transition: all .2s easy-in-out; transformace: měřítko (1.1); kurzor: bod; z-index: 1; }

V samotné transformaci CSS existuje 5 transformačních stylů, které můžete použít:

  • Matice
  • přeložit
  • Měřítko
  • Střídat
  • Šikmo

Výše uvedený kód CSS používá transformaci měřítka. Můžete jej jednoduše nahradit jakýmkoli stylem transformace, který se vám líbí.

přečíst cette stránky dozvědět se více o transformaci CSS.

Další další prémiové pluginy WordPress 

Objevte také další WordPress pluginy prémiové, které optimalizují výkon vašeho blogu nebo webu WordPress.

1. Vizuální rezervace restaurací

Vytvořte systém Rezervace online vašeho webu restaurace nebo kavárny díky tomuto vynikajícímu prémiovému pluginu WordPress. S posledně jmenovaným budete mít možnost sami vytvářet stoly a sedadla na gridu, který tento plugin nabízí, a nechat své zákazníky rezervovat si ty volné, to je hlavní funkce tohoto pluginu a to, co jej odlišuje od ostatních pluginů v tento seznam.Vizuální rezervace restaurace

Pomocí funkce Drag & Drop můžete přetáhnout různé typy stolů na mřížku vaší restaurace a vypočítat maximální počet míst pro každý stůl a také počet stolů. Návštěvníci vaší restaurace mohou zvolte tvar stolu, který preferují, a umístění stolu ve vztahu k ostatním stolům v mřížce.

Tady pro vás 5 WordPress pluginy pro optimalizaci popisu kategorií a štítků

Zákazníci vaší restaurace budou potěšeni, že tuto volbu provedou přímo na internetu místo cestování. Pomocí tohoto pluginu si budou moci udělat představu o tom, co je dnes čeká.

Nabízí mimo jiné funkce: podpora Drag and Drop, 3 typy rezervačního systému, poměrně intuitivní ovládání, úplné přizpůsobení rozvržení a mnohem více.

Stáhnout | 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 místní, seznamy dodavatelů atd. Adresář wordpress pluginu Mapsvg

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.

Přečtěte si také náš článek o Jak udržet návštěvníky déle na svém webu

Stáhnout| Demo | Web hosting

3. Slider Revolution

Slider Revolution je inovativní a citlivý karusel WordPress plugin, který krásně zobrazuje váš obsah. Ať už je to posuvník nebo kolotoč, jeho vizuální editor drag and drop vám umožní vyprávět například příběh vaší společnosti, zvýraznit vaše nejlepší produkty, vaše nejlepší články a mnoho dalšího.

slider revoluční responzivní wordpress plugin

Objevte také naše Pluginy 10 WordPress pro snadné vytvoření vyskakovacího okna
Mezi jeho hlavní funkce patří: vynikající rozhraní pro vytváření snímků, design pro přetahování a přetahování, plně citlivé rozvržení, perfektní správa multimediálního obsahu, optimalizovaný výkon, Vícejazyčná podpora, vynikající zákaznická podpora, podpora dotykové obrazovky, bezplatné a pravidelné aktualizace, dokumentace k dokumentům a výukovým programům a mnoho dalšího.

Stáhnout | Demo | Web hosting

Doporučené zdroje

Zjistěte další doporučené zdroje, které vám pomohou vytvořit a spravovat váš web.

Proč investovat do čističky vzduchu?

Tady ! To je pro náš článek, který vám ukáže, jak přidat bodový efekt ke sloupci v Elementoru. Pokud ano komentáře nebo návrhy, neváhejte a dejte nám vědět ve vyhrazené sekci.

Můžete však také konzultovat naše zdroje, pokud potřebujete více prvků k realizaci projektů vytváření internetových stránek, nahlédněte do našeho průvodce Vytvoření blogu WordPress nebo ten, který je zapnutý Divi: nejlepší téma WordPress všech dob.

Mezitím sdílejte tento článek na různých sociálních sítích

...