Jak zobrazit a skrýt text po kliknutí na tlačítko „Více textu“?

autor: | Led 19, 2019 | Scripty, Všechny návody | 0 komentářů

HTML kód (script)

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:

Ukážka tlačítka: "Zobraziť viac" KLIKNITE SEM

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 zvýšit prodej v e-shopu o 7-18%?

Jak zvýšit prodej v e-shopu o 7-18%?

od | Říj 9, 2019 | ,

Chcete zvýšit prodej na Vašem e-shopu? Máte návštěvníků, avšak jen málo lidí si něco koupí? V tomto návodu Vám ukážu skvělý způsob jak zvýšit prodeje v e-shopu. Jsou to notifikace. Ano - obyčejné, pro někoho možná otravné, notifikace. Online nástroj Notifikuj.cz se mi...

Jak na web ve Webnode vložit anketu?

Jak na web ve Webnode vložit anketu?

od | Srp 16, 2019 | ,

Chcete na webové stránky ve Webnode vložit anketu?Online dotazník zdarma (anketa na web) je jeden z nejčastějších způsobů jak dostat od návštěvníků webu zpětnou vazbu. Bez zpětné vazby je obtížné posoudit, zda na své zákazníky působíte správné a zda má vůbec Vaše...

Jak přidat obrázek GIF ve Webnode?

Jak přidat obrázek GIF ve Webnode?

od | Srp 16, 2019 | ,

Chcete na web ve Webnode vložit GIF obrázek? Systém Webnode nepovoluje gify, když je vložíte jako obrázek. Z tohoto důvodu musíte nejprve požadovaný .GIF obrázek nahrát na externí stránku a získat tak URL adresu obrázku. Získanou URL adresu vložíte do kódu a HTML kód...

Jak na web přidat remarketing kód ve Webnode?

Jak na web přidat remarketing kód ve Webnode?

od | Bře 25, 2019 | ,

Jak nastavit remarketing ve Webnode? a Kam vložit remarketing kód?   V návode Jak přidat konverzní kód ve Webnode? jsem Vám ukázal jednoduchý postup pro vložení konverzního kódu pro sledování konverzí. Pojďme se nyní společně podívat na další PPC metodu tzv....

Líbil se ti tento návod? Pošli ho přátelům 🙂

Vytvořit web zdarma
Viliam
Follow me
Latest posts by Viliam (see all)

Vložit komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

Tento web používá Akismet k omezení spamu. Podívejte se, jak data z komentářů zpracováváme.