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ší návody

Jak ve Webnode skrýt datum zveřejnění článku?

Jak ve Webnode skrýt datum zveřejnění článku?

Jak na webe ve Webnode skryť datum zveřejnění článku??V návodu Jak ve Webnode skrýt košík v eshopu? jsme si ukázali jak jednoduše je možné ve Webnode něco "skrýt". V tomto návodu se dozvíte, jak jednoduše můžete ve Webnode, odstranit datum z článku ve Vašem blogu....

Jak na webové stránky vložit mapu z Mapy.cz?

Jak na webové stránky vložit mapu z Mapy.cz?

Jak na Vaše webové stránky vložit mapu od Mapy.cz?V návodech Jak správně nastavit Google Mapu ve Webnode? a Jak si vytvořit mapu s vlastními body (špendlíky na mapě)? jsme si ukázali jednoduché řešení pro přidání mapy na web přes služby od Google. V tomto návodu se...

Jak na web pridať padajíci konfety?

Jak na web pridať padajíci konfety?

Jak na webové stránky vo Webnode pridať animáciu - padajíci konfety?Do mé Webnode poradny přišla otázka, zda je možné na webu ve Webnode přidat animaci padajících konfet. Ano je to možné - pro všechny, kteří hledají "padající konfety na web" jsem připravil kód, který...

Jak propojit Google Tag Manager s webem od Webnode?

Jak propojit Google Tag Manager s webem od Webnode?

Co je to Google Tag Manager?Internetový (online) marketing vyžaduje vkládání různých měřících kódů na Váš web či e-shop. Abyste nemuseli vkládat každý měřící kód "ručně" do hlavičky, či patičky webu můžete použít službu Google Tag Manager, která Vám umožní vložit na...

Jak skrýt nákupní košík v e-shopu Webnode?

Jak skrýt nákupní košík v e-shopu Webnode?

Jak skrýt nákupní košík v e-shopu Webnode?Máte u společnosti Webnode vytvořený e-shop a chtěli byste skrýt nákupní košík v menu a tlačítko "Přidat do košíku", abyste mohli využívat e-shopové prvky jako např. přidávání produktů, avšak nechcete využívat e-shop jako...

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

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

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?

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?

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...

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