--- site_name: WPlama site_description: "Správa, opravy a vývoj WordPress webů a e-shopů" site_url: https://www.wplama.cz contact_email: info@wplama.cz title: "Divi 3.16: Nastavení prvků při přejetí myší (hover)" url: https://www.wplama.cz/divi-3-16-nastaveni-prvku-pri-prejeti-mysi-hover/ date: 2018-10-08 modified: 2019-07-10 author: Tomáš Cirkl type: post categories: [Divi šablona a Elegant Themes] tags: [aktualizace, Divi, Elegant Themes, Nově v Divi, visual builder] --- Divi šablona a Elegant Themes # Divi 3.16: Nastavení prvků při přejetí myší (hover) [![profil 100x100](https://www.wplama.cz/wp-content/uploads/2026/11/profil-100x100.jpg "profil 100x100") **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 8. 10. 2018 Aktualizováno **10. 7. 2019** 1 min čtení Pozor: Článek je z roku 2018. Některé postupy se mohly změnit. ![UI pro hover](https://www.wplama.cz/wp-content/uploads/2018/10/ui-pro-hover.gif "UI pro hover") Obsah článku (4 kapitoly) 1. [Transformujte Divi moduly na interaktivní elementy](https://www.wplama.cz/divi-3-16-nastaveni-prvku-pri-prejeti-mysi-hover/#transformujte-divi-moduly-na-interaktivni-elementy) 2. [Ukázky hover efektů](https://www.wplama.cz/divi-3-16-nastaveni-prvku-pri-prejeti-mysi-hover/#ukazky-hover-efektu) 3. [Nově můžete udělat odkaz z celé sekce, řádku nebo modulu](https://www.wplama.cz/divi-3-16-nastaveni-prvku-pri-prejeti-mysi-hover/#nove-muzete-udelat-odkaz-z-cele-sekce-radku-nebo-modulu) 4. [Sleva 10%](https://www.wplama.cz/divi-3-16-nastaveni-prvku-pri-prejeti-mysi-hover/#sleva-10) Aktualizace [Divi](https://www.wplama.cz/divi-sablona/) 3.16 přináší nový způsob, jak pracovat s prvky ve Visual Builderu. Nové možnosti nastavení, které se aplikují při přejetí myší, umožňují tvorbu interaktivních elementů na stránce. [Divi Hover Options Have Arrived!](about:blank) ## Transformujte Divi moduly na interaktivní elementy Nastavení prvku při přejetí myší používá velmi jednoduché rozhraní. [![UI pro hover](https://www.wplama.cz/wp-content/uploads/2018/10/ui-pro-hover.gif "UI pro hover")](https://www.wplama.cz/wp-content/uploads/2018/10 / ui-pro-hover.gif) UI pro hover Do nastavení při přejetí myší se dostanete tak, že kliknete na ikonu myši u dané možnosti nastavení. Tím u prvku aktivujete nastavení při přejetí myší. Následně se zobrazí záložky, kde můžete vybrané možnosti upravovat. ## Ukázky hover efektů S novými možnostmi můžete například měnit barvu pozadí, pozici modulu, stín, velikost textu… [![Příklad 1](https://www.wplama.cz/wp-content/uploads/2018/10/priklad-1.gif "Příklad 1")](https://www.wplama.cz/wp-content/uploads/2018/10 / priklad-1.gif) Příklad 1 [![Příklad 2](https://www.wplama.cz/wp-content/uploads/2018/10/priklad-2.gif "Příklad 2")](https://www.wplama.cz/wp-content/uploads/2018/10 / priklad-2.gif) Příklad 2 S novou aktualizací také přibylo nové nastavení Transitions (Přechody), které najdete v záložce Pokročilé. Můžete zde upravovat například dobu přechodové animace, prodlevu, rychlost a jiné. [![Nastavení Transitions](https://www.wplama.cz/wp-content/uploads/2018/10/nastaveni-transitions.gif "Nastavení Transitions")](https://www.wplama.cz/wp-content/uploads/2018/10 / nastaveni-transitions.gif) Nastavení Transitions ## Nově můžete udělat odkaz z celé sekce, řádku nebo modulu [![Nastavení odkazu](https://www.wplama.cz/wp-content/uploads/2018/10/nastaveni-odkazu.png "Nastavení odkazu")](https://www.wplama.cz/wp-content/uploads/2018/10 / nastaveni-odkazu.png) Nastavení odkazu Aktualizace také obsahuje možnost udělat odkaz z celé sekce, řádku nebo modulu. Díky tomu můžete jednoduše přeměnit část stránky na tlačítko. ## Sleva 10% K příležitosti vydání nové aktualizace Divi šablony nabízí [Elegant Themes](https://www.wplama.cz/wordpressovy-specialista-elegant-themes/) 10% slevu na členství. - [Sleva 10% pro nového člena](https://www.wplama.cz/et-sleva) - [Sleva 10% pro prodloužení členství](https://www.wplama.cz/prodlouzeni-et-10) - [Sleva 10% na navýšení členství](https://www.wplama.cz/navyseni-et-10) - [#aktualizace](https://www.wplama.cz/stitek/aktualizace/) - [#Divi](https://www.wplama.cz/stitek/divi/) - [#Elegant Themes](https://www.wplama.cz/stitek/elegant-themes/) - [#Nově v Divi](https://www.wplama.cz/stitek/nove-v-divi/) - [#visual builder](https://www.wplama.cz/stitek/visual-builder/) Sdílet - - [](mailto:?subject=Divi 3.16: Nastavení prvků při přejetí myší (hover)&body=Divi 3.16: Nastavení prvků při přejetí myší (hover) https://www.wplama.cz/divi-3-16-nastaveni-prvku-pri-prejeti-mysi-hover/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fdivi-3-16-nastaveni-prvku-pri-prejeti-mysi-hover%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fdivi-3-16-nastaveni-prvku-pri-prejeti-mysi-hover%2F) ![profil 150x150](https://www.wplama.cz/wp-content/uploads/2026/11/profil-150x150.jpg "profil 150x150") Autor Tomáš Cirkl Zakladatel WPlama. Od roku 2014 se starám o weby a e‑shopy na WordPressu a píšu o tom, co při té práci řeším. Třikrát jsem přednášel na Word Campech. 1 035 článků [Všechny články autora →](https://www.wplama.cz/author/tomas/) ## Komentáře Zatím tu nikdo nekomentoval. Napište první komentář. ### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/divi-3-16-nastaveni-prvku-pri-prejeti-mysi-hover/#respond) [← Předchozí článek Jak vytvořit uživatele s administračními právy přes FTP](https://www.wplama.cz/jak-vytvorit-uzivatele-s-administracnimi-pravy-pres-ftp/) [Další článek → Jak omezit přístup na WordPress stránku pouze pro přihlášené uživatele](https://www.wplama.cz/jak-omezit-pristup-na-wordpress-stranku-pouze-pro-prihlasene-uzivatele/) Související ## Mohlo by vás zajímat [Všechny články z rubriky Divi šablona a Elegant Themes →](https://www.wplama.cz/wordpress/divi-elegant-themes/) ![kombinovatelne nastaveni](https://www.wplama.cz/wp-content/uploads/2026/04/kombinovatelne-nastaveni.png "kombinovatelne nastaveni") Divi šablona a Elegant Themes ### [Divi 5: Kombinovatelné nastavení](https://www.wplama.cz/divi-5-kombinovatelne-nastaveni/) 13. 4. 2026 2 min čtení --- ![command center](https://www.wplama.cz/wp-content/uploads/2026/03/command-center.png "command center") Divi šablona a Elegant Themes ### [Divi 5: Command Center](https://www.wplama.cz/divi-5-command-center/) 7. 4. 2026 4 min čtení --- ![spekulativni prerendering](https://www.wplama.cz/wp-content/uploads/2026/03/spekulativni-prerendering.png "spekulativni prerendering") Divi šablona a Elegant Themes ### [Divi 5: Spekulativní prerendering](https://www.wplama.cz/divi-5-spekulativni-prerendering/) 30. 3. 2026 3 min čtení ---