Hľadáte spôsob ako na webové stránky u Webnode vložíte na všetky stránky webu tzv. tlačítko “Na začiatok” (Back to top button)?

 

V návode “Ako vytvoriť kotvu” sme si ukázali ako návštevníka webu presmerovať (zoskrolovať) na určité miesto na webe. Kotva sa dá použiť aj ako “tlačítko na začiatok“, avšak v tomto návode si ukážeme elegantnejšie riešenie tzv. back to top sticky button.

1. Vyššie uvedený HTML kód vložte na Vaše webové stránky u Webnode pomocou tlačítka + a HTML. Kód vložte na každú stránku webu na ktorej chcete tlačítko na začiatok zobraziť (v dolnej časti webu).

 

TIP: V uvedenom HTML kóde je možné upraviť farbu tlačítka. Na riadku číslo 28 môžete upraviť modrú farbu, na riadku číslo 47 červenú farbu tlačítka “Na začiatok“. (po prejdení myšou tzv. on hover).

 A máte hotovo!...
Ak sa Vám toto tlačítko páči, napíšte nám komentár! 🙂

TIP: Pridajte si ikonku Instagram a Facebook do pravého horného rohu na webe vo Webnode. Viac v návode: Ako pridať ikony soc. sietí (FB a Instagram) do hornej časti na webe vo Webnode?

Ďalšie skvelé návody

Ako vo Webnode skryť dátum zverejňenia článku?

Ako vo Webnode skryť dátum zverejňenia článku?

Ako na webe vo Webnode skryť dátum zverejnenia článku?V návode Ako vo Webnode skryť košík v eshope? sme si ukázali ako jednoducho je možné vo Webnode niečo "skryť". V tomto článku sa dozviete, ako jednoducho môžete vo Webnode, odstrániť dátum z článku vo Vašom blogu....

Ako na webové stránky vložiť mapu z Mapy.cz?

Ako na webové stránky vložiť mapu z Mapy.cz?

Ako na Vaše webové stránky vložiť mapu od Mapy.cz?V návodoch Ako správne nastaviť Google Mapu vo Webnode? a Ako si vytvoriť mapu s vlastnými bodmi (špendlíky na mape)? sme si ukázali jednoduché riešenie pre pridanie mapy na web cez služby Google. V tomto návode sa...

Ako na web pridať padajúce konfety?

Ako na web pridať padajúce konfety?

Ako na webové stránky vo Webnode pridať animáciu - padajúce konfety?Do mojej Webnode poradne prišla otázka, či je možné na webe vo Webnode pridať animáciu padajúcich konfet. Áno je to možné - pre všetkých, ktorí hľadajú "padajúce konfety na web" som pripravil kód,...

Ako prepojiť Google Tag Manager s webom od Webnode?

Ako prepojiť Google Tag Manager s webom od Webnode?

Čo je to Google Tag Manager?Internetový (online) marketing vyžaduje vkladanie rôznych meriacich kódov na Váš web či e-shop. Aby ste nemuseli vkladať každý meriaci kód "ručne" do hlavičky,či pätičky webu môžete použiť službu Google Tag Manager, ktorá Vám umožní vložiť...

Ako zvýšiť predaj v e-shope o 7-18 % ?

Ako zvýšiť predaj v e-shope o 7-18 % ?

Chcete zvýšiť predaj na Vašom e-shope? Máte návštevníkov, avšak len málo ľudí si niečo kúpi? V tomto návode Vám ukážem skvelý spôsob ako zvýšiť predaje v e-shope. Sú to notifikácie. Áno - obyčajné, pre niekoho možno otravné, notifikácie. Online nástroj Notifikuj.cz sa...

Ako vo Webnode skryť košík v eshope?

Ako vo Webnode skryť košík v eshope?

Ako vo Webnode e-shope skryť nákupný košík?Máte u spoločnosti Webnode vytvorený e-shop a chceli by ste skryť nákupný košík v menu a tlačítko "Pridať do košíku", aby ste mohli využívať e-shopové prvky ako napr. pridávanie produktov, avšak nechcete využívať e-shop ako...

Ako na web vo Webnode vložiť anketu?

Ako na web vo Webnode vložiť anketu?

Chcete na webové stránky vo Webnode vložiť anketu?Online dotazník zdarma (anketa na web) je jeden z najčastejších spôsobov ako dostať od návštevníkov webu spätnú väzbu. Bez spätnej väzby je ťažké posúdiť, či na svojich zákazníkov pôsobíte správne a či má vôbec Vaše...

Ako pridať obrázok GIF vo Webnode?

Ako pridať obrázok GIF vo Webnode?

Chcete na web vo Webnode vložiť GIF obrázok? Systém Webnode nepovoľuje gify, keď ich vložíte ako obrázok. Z tohto dôvodu musíte najprv požadovaný .GIF obrázok nahrať na externú stránku a získať tak URL adresu obrázku. Získanú URL adresu vložíte do kódu a HTML kód...

Pomohol ti tento návod? Pošli ho priateľom 🙂

Prihláste sa k odberu noviniek zo sveta webových stránok - William Promotions


Pripojte sa prosím do môjho newslettra a
z
ískajte zdarma návody a tipy na tvorbu webu

Ďakujem ti za prihlásenie. Ozvem sa čoskoro s novým návodom :)