Máte na webových stránkách příliš mnoho textu, a potřebujete text zobrazit / skrýt po kliknutí na text např. “Více info“? Čtěte dále …
V případě, že máte na webu velké množství textu a chtěli byste tento text elegantně skrýt a po kliknutí na tlačítko např. Více opět zobrazit, postup je následující:
Potřebný kód (script) je:
1. Výše uvedený kód (script) je třeba upravit a vložit na Vaše webové stránky. Kód vložte na požadované místo na webu pomocí tlačítka “+” a “HTML“.
2. V html kódu na řádku číslo 10 můžete změnit text na který se kliká. Můžete to přepsat na např. “Víc textu“.
3. V html kódu na řádku číslo 13 můžete upravit text, který se zobrazí po kliknutí na text z řádku číslo 10.
4. Změny publikujte. Výsledek uvidíte jen v publikované verzi webu.
Ukážka tlačítka zobraziť viac textu:
TIP: Přidejte si web aktuální den a svátek pro CZ nebo SK. Více v návodu Script pro CZ / SK svátek
TIP: Přidejte si do pravého horního rohu ikony sociálních sítí FB a Instagram. Více v návodu Jak přidat ikony soc. sítí (FB a Instagram) do horní části na webu ve Webnode.
Další super návody
![Jak přidat počítadlo čísel na webové stránky?](https://www.wpromotions.eu/wp-content/uploads/2024/07/pocitadlo-czk-1080x675.jpg)
Jak přidat počítadlo čísel na webové stránky?
Animované počítadlo čísel Počítadlo čísel - zdarma VS premium Počítadlo čísel - vyberte si ten správný typ NÁVOD: Jak přidat počítadlo čísel na webové stránky ve Webnode? Počítadlo čísel - ukázka Pár slov na závěr Počítadlo čísel - Časté dotazy (FAQ)Animované...
![Nákupní proces s Webnode e-shopem](https://www.wpromotions.eu/wp-content/uploads/2024/06/Nakupni-proces-s-Webnode-e-shopemCZ-1080x675.webp)
Nákupní proces s Webnode e-shopem
Nákupní proces a Webnode e-shop Co je to nákupní proces? Co všechno lze nastavit pro nákupní proces ve Webnode e-shopu? NÁVOD: Jak nastavit nákupní proces pro Webnode e-shop? Pár slov na závěr Nákupní proces – Časté dotazy (FAQ) Nákupní proces a Webnode e-shopV...
![Jak vytvořit webové stránky pro chovatelskou stanici?](https://www.wpromotions.eu/wp-content/uploads/2024/05/chs-czk-ilustrcny-1080x675.jpg)
Jak vytvořit webové stránky pro chovatelskou stanici?
Tvorba webových stránek pro chovatelskou stanici Vlastní web pro chovatelskou stanici - výhody Co patří na web pro chovatelskou stanici? Kolik stojí webové stránky pro chovatelskou stanici? Webnode šablony pro chovatelský web NÁVOD: Jak vytvořit webové stránky pro...
![Jak propojit sociální sítě s webovými stránkami ve Webnode?](https://www.wpromotions.eu/wp-content/uploads/2024/04/jak-propojit-socialni-site-s-webnode-zdarmaCZ-1080x675.webp)
Jak propojit sociální sítě s webovými stránkami ve Webnode?
Sociální sítě a Webnode Social Feed widget - zdarma VS premium Social Feed widget - vyberte si ten správný typ NÁVOD: Jak propojit obsah sociálních sítí s webem ve Webnode? Social Feed widget - ukázka Pár slov na závěr Social Feed widget - Časté dotazy (FAQ)Sociální...
![Jak propojit www stránky se sociální sítí Instagram?](https://www.wpromotions.eu/wp-content/uploads/2019/01/instagram-cz-ilustr-webnode-navod-na-instagramCZ-1080x675.jpg)
Jak propojit www stránky se sociální sítí Instagram?
Instagram a Webnode Instagram Feed widget - zdarma VS premium Instagram Feed widget - vyberte si ten správný typ NÁVOD: Jak propojit Instagram s webem ve Webnode? Instagram Feed widget - ukázka Pár slov na závěr Instagram Feed widget - Časté dotazy (FAQ)Instagram a...
![Tvorba webu ve Webnode s pomocí umělé inteligence (AI).](https://www.wpromotions.eu/wp-content/uploads/2024/04/tvorba-webu-pomocou-ai-czk-1080x675.jpg)
Tvorba webu ve Webnode s pomocí umělé inteligence (AI).
Webové stránky s Webnode a umělou inteligencí (AI) Výhody tvorby webu pomocí použití umělé inteligence NÁVOD: Jak vytvořit web ve Webnode pomocí umělé inteligence? Migrace webové stránky k Webnode pomocí AI Uživatelské zkušenosti s tvorbou webu pomocí AI od Webnode...
![Google Business Sites končí. Webnode je rychlá a jednoduchá alternativa!](https://www.wpromotions.eu/wp-content/uploads/2024/03/google-business-sites-koncia-czk-1080x675.jpg)
Google Business Sites končí. Webnode je rychlá a jednoduchá alternativa!
Google Business Sites končí Google Business Sites - alternativy Webnode jako alternativa k Google Business Sites Webnode AI migration tool Pár slov na závěr Webnode jako alternativa k Google Business Sites - Časté dotazy (FAQ)Google Business Sites končíPokud jste se...
![Jak přidat recenze z Facebook na web ve Webnode?](https://www.wpromotions.eu/wp-content/uploads/2024/03/ilustr-cz-facebook-recenze-webnode-web-1080x675.webp)
Jak přidat recenze z Facebook na web ve Webnode?
Facebook Recenze ve Webnode Facebook Recenze - zdarma VS premium Facebook Recenze - vyberte si ten správný typ Facebook Recenze widget a Webnode e-shop/web NÁVOD: Jak přidat recenze z Facebook na web ve Webnode? Pár slov na závěr Facebook Recenze HTML Widget - Časté...
![Jak přidat vyskakovací okno (POP-UP) ve Webnode? ZDARMA!](https://www.wpromotions.eu/wp-content/uploads/2023/11/ilustracnyCZnew-1080x675.webp)
Jak přidat vyskakovací okno (POP-UP) ve Webnode? ZDARMA!
Vyskakovací (pop-up) okno v Webnode Vyskakovací (pop-up) okno – zdarma VS prémiové Vyskakovací (pop-up) okno - vyberte si ten správný typ Vyskakovací okno (pop-up) a Webnode e-shop/web Vyskakovací okno (pop-up) – mobil/tablet NÁVOD: Jak přidat vyskakovací okno v...
![Jak přidat recenze z Google na web ve Webnode?](https://www.wpromotions.eu/wp-content/uploads/2023/10/ilustr-cz-1080x675.jpg)
Jak přidat recenze z Google na web ve Webnode?
Google Recenze ve Webnode Google Recenze - zdarma VS premium Google Recenze - vyberte si ten správny typ Google Recenze widget ve Webnode e-shop/web NÁVOD: Jak přidat Vaše recenze z Google na Váš web ve Webnode? Pár slov na závěr Google Recenze HTML Widget - Časté...
![Úspěšný firemní web – návod, výhody, povinnosti a tipy!](https://www.wpromotions.eu/wp-content/uploads/2023/08/Untitled-1080x675.jpg)
Úspěšný firemní web – návod, výhody, povinnosti a tipy!
Jak jsme psali v článku Webnode recenze, Webnode editor je vhodný pro širokou škálu uživatelů. Nedávno jsme si ukázali, že jednoduchost a uživatelskou přívětivost tohoto online editoru ocení například i snoubenci, a to při tvorbě svatebního webu. Webnode je skvělou...
![Jak přidat certifikát “Ověřeno zákazníky” ve Webnode?](https://www.wpromotions.eu/wp-content/uploads/2023/08/ilustr-cs-1080x675.jpg)
Jak přidat certifikát “Ověřeno zákazníky” ve Webnode?
O nástroji pro tvorbu webu Webnode jsme naposledy psali ve Webnode recenzi. V novince 5 nových funkcí NOVÉHO Prémiového balíčku Business – Webnode pro e-shopy jsme Vám ukázali, jaké funkce jsou součástí nejvyššího Prémiového balíčku. Majitelé eshopů připravte se! Dnes...
Líbil se ti tento návod? Pošli ho přátelům 🙂
- Jak propojit www stránky se sociální sítí Instagram? - 29.4.2024
- Jak přidat vyskakovací okno (POP-UP) ve Webnode? ZDARMA! - 17.11.2023
- Jak přidat recenze z Google na web ve Webnode? - 15.10.2023