Videonávod
Kotva funguje ako odkaz vo vnútri jednej stránky. Cez odkaz si teda nezobrazíte inú stránku (web), ale dostanete sa na iné miesto na stránke, ktorú práve sledujete. Tvorba kotvy (záložky) sa rozdeľuje na dve časti:
- Najprv vytvoríte záložku, takže nejaké miesto, ktoré sa zobrazí po kliknutí na odkaz.
- A následne nastavíte odkaz, ktorý Vás presunie na záložku (kotvu).
Kotva sa u Webnode nastavuje pomocou HTML kódu. HTML kód môžete na stránky vo Webnode, vkladať pomocou tohto návodu.
Bod č. 1: Tvorba kotvy:
Na požadované miesto na Vašich stránkach vložíte pomocou HTML kódu záložku. Každú záložku je potrebné presne pomenovať – názvy sa v rámci jednej podstránky nemôžu opakovať. Pre tvorbu kotvy môžete použiť tento HTML kód:
|
1 |
<div id="XXXXXXX"></div> |
Namiesto XXXXXXX zadáte názov danej kotvy napr. kotva1
Bod č. 2: Tvorba odkazu:
Po kliknutí na odkaz, budete presmerovaný na kotvu – odkaz sa väčšinou nastavuje na bežný text, môže byť ale napr. nastavený i na obrázok alebo tlačítko apod. Pre vloženie odkazu na bežný text, použite tento kód:
|
1 |
<a href="#XXXXXXX">Text na ktory sa klika</a>a |
Namiesto #XXXXXXX zadáte názov kotvy z bodu č.1
Príklad:
Na nižšie uvedený “Text na ktorý sa kliká” je nastavená kotva, ktorá vedie na začiatok tohto článku. Na začiatku tohto článku je vložený HTML kód v tvare:
|
1 |
<div id="kotva1"></div> |
Text na ktorý sa kliká je vložený pomocou HTML kódu, ktorý je v tvare:
|
1 |
<a href="#kotva1">Text na ktory sa klika</a> |
Môžete to vyskúšať a kliknúť na nižšie uvedený “Text na ktorý sa kliká”.
TIP:
Kotvu môžete vo Webnode nastaviť aj na tlačítko napr.: “Na začiatok”.
1. Najprv vložíte na stránky kód z bodu č.1. Kód vložíte na miesto, kde chcete návštevníka presmerovať.
2. Následne na web vložíte tlačítko, ktoré môžete pomenovať napr.: Na začiatok
3. A nakoniec nastavíte odkaz na tlačítko v tvare:
|
1 |
http://www.mojweb.sk/podstranka/#nazov_kotvy |
TIP: Kotvu môžete použiť aj pri vytvorení skrolovacieho webu vo Webnode. Prečítajte si môj návod:
Ďalšie skvelé návody
Ako si na web pridať špeciálnu animáciu pre porovnanie 2 fotiek (pred a po)?
Chceli ste si niekedy vylepšiť Váš web vo Webnode, aby Vám ho mohli všetci závidieť?Na mojich potulkách po Internete som objavil český nástroj Fotopredapo.cz, ktorý nám umožní jednoducho vytvoriť animáciu 2 fotiek - pred a po. Tento nástroj je vhodný napr. pre...
Ako premenovať tlačítko “Do košíku” vo Webnode e-shope?
Chceli by ste vo Webnode e-shope premenovať tlačítko "Do košíku"?V návode "Ako premenovať “Košík” v menu vo WEBNODE e-shope?" som Vám ukázal, ako sa môžete odlíšiť od konkurencie, a premenovať si Košík v Menu. Poďme sa teraz spoločne pozrieť na Vaše ďalšie možnosti....
Ako zmeniť štýl písma (font) vo Webnode?
VideonávodChceli by ste si zmeniť štýl písma vo Webnode na svoj vlastný? Pár slov na úvodNástroj Webnode umožňuje zmeniť štýl písma v sekcii: "Nastavenia" - "Vzhľad" - "Fonty" a fonty, ktoré editor ponúka sú veľmi pekné. Nie každému avšak preddefinované fonty...
Ako na web vo Webnode pridať ikonky soc. sietí do DOLNEJ časti webu?
Chceli by ste si pridať ikonky soc. sietí napr. Facebook, Instagram do DOLNEJ časti Vášho WEBNODE webu?O prepojení Vášho WEBNODE webu so soc. sieťami som už napísal pár návodov: Ako prepojiť Facebook s webom? Ako prepojiť www stránky so sociálnou sieťou...
Ako na web vo Webnode pridať užívateľské recenzie z Firmy.cz?
Recenzie na web z katalógu firiem Firmy.cz Hľadáte widget užívateľské recenzie na web?V návode Ako pridať www stránku do katalógu firiem Firmy.cz od Seznam? som Vás naučil ako si Vašu firmu zaregistrujete do najznámejšieho českého katalógu firiem - Firmy.cz...
Ako na web vo Webnode pridať animáciu padajúceho snehu? Padajúci sneh html kód
Chceli by ste vylepšiť Váš web vo Webnode animáciou padajúceho snehu? Žiadny problém! V tomto návode si ukážeme, ako na Váš web pridáte padajúci online sneh. Jednoducho a zdarma. Čítajte ďalej! #Poďme nato! 1. Prihláste sa do editácie webu vo Webnode, a vložte nižšie...
Ako si na web vo Webnode pridať online rezervačný systém? Zdarma!
Potrebujete na Vaše webové stránky napr. vo Webnode vložiť online rezervačný systém pre správu rezervácií? Nech už robíte čokoľvek, Reservio je skvelou voľbou pre organizáciu Vášho času! 🙂 A čo všetko Vám online rezervačný systém od Reservio ponúka? prehľadný...
Ako pridať vyhľadávač produktov vo Webnode e-shope?
Chceli by ste vyhľadávač produktov na Vašom e-shope od WEBNODE?Hľadáte jednoduché a štýlové vyhľadávacie políčko, ktoré si vložíte na Váš web, či e-shop vo Webnode?VIDEONÁVOD:V návode Ako na web pridať vlastné vyhľadávacie pole? Google Custom Search sme si ukázali...
VIDEONÁVOD: Ako vo WEBNODE vložiť súbor na stiahnutie skrz tlačítko, text alebo obrázok
3 jednoduché možnosti ako vo WEBNODE vložiť na web vlastný súbor (.pdf, .mp3, .mp4 apod). V tomto videonávode si ukážeme ako si jednoduchým spôsobom vložíte na webové stránky vo Webnode súbor. V editačnom systéme Webnode môžete nahrať rôzne typy súborov ako napr. PDF,...
Pomohol ti tento návod? Pošli ho priateľom 🙂
Wow, super návod, kotva funguje, dlouho jsem hledal něco jednoduchého. Díky!!