🎁Wpromotions.eu TIP:
Vedeli ste, že Webnode v roku 2021 spustil svoje vlastné vlajočky pre prepínanie jazykov?
Viď. návod: Ako si na web vo Webnode pridať hornú lištu s kontaktnými informáciami a ikonami soc. sietí?
Potrebujete na webových stránkach vo Webnode zmeniť pozíciu pre prepínanie jazykov?
V tomto návode sa dozviete ako funguje viac-jazyčná verzia webu u Webnode.
Ukážeme si tiež, akým spôsobom je možné pridať do hornej časti webu vlajočky pre prepínanie medzi jazykovými verziami webu.
#Ako funguje viacjazyčný web vo Webnode?
S aktívnym Prémiovým balíčkom Standard alebo Profi si môžete u Vášho webu aktivovať funkciu, ktorá Vám umožní vytvoriť novú jazykovú verziu webu.
Zobraziť cenník služieb (Webnode).
S balíčkom Standard môžete web zobrazovať v 2 jazykoch. S balíčkom Profi môžete vytvoriť neobmedzený počet jazykových mutácii webu.
Poznámka: Webnode Vám umožní vytvoriť jazykovú verziu po zakúpení služieb. Neznamená to, že to Webnode za Vás aj preloží!!! Preložiť si to musíte sami!!!
#Aktivoval som si viacjazyčný web, ale stránka sa zobrazuje v inom jazyku…
Vaša webstránka sa zobrazí v jazyku, v akom je nastavený aj prehliadač daného návštevníka. Ak Vašu stránku navštívi Angličan a jeho prehliadač bude mať v angličtine – zobrazí sa mu Vaša stránka v angličtine (ak máte anglickú verziu webu).
Keď webstránku otvorite Vy, a Váš prehliadač je nastavený napr. v češtine – zobrazia sa Vám tak stránky v češtine. (ak máte českú verziu webu)
Prepínanie jazykov nie je až tak potrebné, pretože jazyk sa zvolí automaticky podľa tohto, aký jazyk je nastavený v nastaveniach prehliadača daného návštevníka.
Primárny jazyk určujete preto, aby v prípade, že nemáte jazykový preklad pre nejakú krajinu – systém zvolil správny jazyk. Ak máte v sekcii (Nastavenia – Jazyky) nastavený primárny jazyk angličtinu, tak v prípade, že Vašu stránku navštívi napr. Nemec – zobrazí sa mu anglická verzia Vášho webu.
#Návod na zmenu pozície pre prepínanie jazykov u Webnode (cez vlajky)
#Poďme nato
1. Ak máte webové stránky v 2 jazykoch (čeština a UK angličtina
), použite, prosím tento kód:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
<style> .flags { position: absolute; top: 10px; right: 5px; z-index: 99; } .flags ul { margin: 0; padding-left: 0; } .flags ul li { margin-left: 5px; list-style-type: none; display: inline-block; } @media screen and (max-width: 767px) {.flags {left: 165px;}} </style> <div class="flags"> <ul> <li> <a href="/home/"> <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/Czech-Republic.png" alt="CZ"> </a> </li> <li> <a href="/en/"> <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/United-KingdomGreat-Britain.png" alt="EN"> </a> </li> </ul> </div> |
2. Kód vložte do sekcie “Nastavenia” – “Nastavenia webu” – “HTML kód do hlavičky všetkých stránok” a kliknite na Uložiť.

3. Zmeny PUBLIKUJTE a máte hotovo – vlajočky uvidíte v publikovanej verzii webu (vpravo hore).

Ak máte web v slovenčine a US angličtine
, použite, prosím, tento kód:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
<style> .flags { position: absolute; top: 10px; right: 5px; z-index: 99; } .flags ul { margin: 0; padding-left: 0; } .flags ul li { margin-left: 5px; list-style-type: none; display: inline-block; } @media screen and (max-width: 767px) {.flags {left: 165px;}} </style> <div class="flags"> <ul> <li> <a href="/home/"> <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/SVK-vlajka.png" alt=SVK"> </a> </li> <li> <a href="/en/"> <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/americky-flag.png" alt="USA"> </a> </li> </ul> </div> |
Ak máte web v slovenčine a UK angličtine
, použite, prosím, tento kód:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
<style> .flags { position: absolute; top: 10px; right: 5px; z-index: 99; } .flags ul { margin: 0; padding-left: 0; } .flags ul li { margin-left: 5px; list-style-type: none; display: inline-block; } @media screen and (max-width: 767px) {.flags {left: 165px;}} </style> <div class="flags"> <ul> <li> <a href="/home/"> <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/SVK-vlajka.png" alt=SVK"> </a> </li> <li> <a href="/en/"> <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/United-KingdomGreat-Britain.png" alt="GB"> </a> </li> </ul> </div> |
Ak máte web v češtine a US angličtine
, použite, prosím, tento kód:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
<style> .flags { position: absolute; top: 10px; right: 5px; z-index: 99; } .flags ul { margin: 0; padding-left: 0; } .flags ul li { margin-left: 5px; list-style-type: none; display: inline-block; } @media screen and (max-width: 767px) {.flags {left: 165px;}} </style> <div class="flags"> <ul> <li> <a href="/home/"> <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/Czech-Republic.png" alt=CZ"> </a> </li> <li> <a href="/en/"> <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/americky-flag.png" alt="USA"> </a> </li> </ul> </div> |
Ak máte web v češtine a nemčine
, použite, prosím, tento kód:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
<style> .flags { position: absolute; top: 10px; right: 5px; z-index: 99; } .flags ul { margin: 0; padding-left: 0; } .flags ul li { margin-left: 5px; list-style-type: none; display: inline-block; } @media screen and (max-width: 767px) {.flags {left: 165px;}} </style> <div class="flags"> <ul> <li> <a href="/home/"> <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/Czech-Republic.png" alt=CZ"> </a> </li> <li> <a href="/de/"> <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/DE.png" alt="DE"> </a> </li> </ul> </div> |
Ak máte web v slovenčine a nemčine
, použite, prosím, tento kód:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
<style> .flags { position: absolute; top: 10px; right: 5px; z-index: 99; } .flags ul { margin: 0; padding-left: 0; } .flags ul li { margin-left: 5px; list-style-type: none; display: inline-block; } @media screen and (max-width: 767px) {.flags {left: 165px;}} </style> <div class="flags"> <ul> <li> <a href="/home/"> <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/SVK-vlajka.png" alt=CZ"> </a> </li> <li> <a href="/de/"> <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/DE.png" alt="DE"> </a> </li> </ul> </div> |
Ak máte web v slovenčine a maďarčine
, použite, prosím, tento kód:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
<style> .flags { position: absolute; top: 10px; right: 5px; z-index: 99; } .flags ul { margin: 0; padding-left: 0; } .flags ul li { margin-left: 5px; list-style-type: none; display: inline-block; } @media screen and (max-width: 767px) {.flags {left: 165px;}} </style> <div class="flags"> <ul> <li> <a href="/home/"> <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/SVK-vlajka.png" alt=SVK"> </a> </li> <li> <a href="/hu/"> <img src="https://www.wpromotions.eu/wp-content/uploads/2019/01/hu-flag.png" alt="HU"> </a> </li> </ul> </div> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
<style> .flags { position: absolute; top: 10px; right: 35px; z-index: 99; } .flags ul { margin: 0; padding-left: 0; } .flags ul li { margin-left: 5px; list-style-type: none; display: inline-block; } </style> <div class="flags"> <ul> <li> <a href="/home/"> <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/SVK-vlajka.png" alt="SVK"> </a> </li> <li> <a href="/de/"> <img src="https://www.wpromotions.eu/wp-content/uploads/2018/12/DE.png" alt="DE"> </a> </li> <li> <a href="/nl/"> <img src="https://www.wpromotions.eu/wp-content/uploads/2020/09/netherlandsflag-wpromotions.png" alt="NL"> </a> </li> </ul> </div> |
TIP PRE VLAJKY V MOBILNEJ VERZII:
V niektorých šablónach sa kód nemusí zobraziť dobre na mobiloch. Ak by sa Vám vlajky nezobrazovali správne, tak vložte nižšie uvedený kód do pätičky všetkých stránok.
1 2 3 4 5 6 7 8 9 10 11 |
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script> if ($(window).width() < 767) { let div = document.createElement("div"); div.setAttribute("style", "text-align:right;height:32px;"); let flags = document.querySelector(".flags"); div.appendChild(flags); document.querySelector("#menu").prepend(div); } </script> |
Ďalšie skvelé návody
Webnode Recenzia 2023 – Ako si vytvoriť web stránku jednoducho a zdarma +SEO TIPY
Chceli ste si niekedy vytvoriť vlastnú webovú stránku úplne od začiatku? Chcete si vytvoriť webstránku alebo e-shop a zviditeľniť sa na Internete? Začnite práve teraz a naučte sa ako si jednoducho vytvoríte svoj prvý vlastný web. Tvorba webu s Webnode je...
7 nových WEBNODE šablón pre tvorbu firemného webu
Videli ste už 7 nových Webnode šablón pre tvorbu firemného webu v roku 2023 ?V našich Webnode Free Novinkách sme si už o Webnode editore povedali pár zaujímavostí. Už ste čítali článok o 5 nových funkciách NOVÉHO Prémiového balíčku Business alebo 6 najlepších WEBNODE...
Ako na web vo Webnode pridať playlist/album zo Spotify?
V návode "3 jednoduché spôsoby ako na web vložiť online MP3 prehrávač" sme si ukázali jednoduchý spôsob ako vložiť na web prehrávač hudby. Poďme sa teraz spoločne pozrieť na Vaše ďalšie možnosti.Máte radi Spotify?Vložte si Spotify playlist / album jednoducho na svoj...
Ako si na web vo Webnode pridať hornú lištu s kontaktnými informáciami a ikonami soc. sietí?
Pridajte si na web hornú lištu s kontaktnými informáciami, ikonkami soc. sietí, prepínačom mien (v e-shope) alebo prepínač jazykov (vlajky).V novinkách 5 nových funkcií NOVÉHO Prémiového balíčku Business a 6 najlepších WEBNODE šablón pre tvorbu webu sme si o našom...
6 najlepších WEBNODE šablón pre tvorbu webu v roku 2021
6 najobľúbenejších šablón pre tvorbu webu v redakčnom systéme WebnodeV našich Webnode Free Novinkách sme si už o Webnode editore povedali pár zaujímavostí. Už ste čítali článok o 5 nových funkciách NOVÉHO Prémiového balíčku Business? Vedeli ste, že redakčný systém...
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ý...
5 nových funkcií NOVÉHO Prémiového balíčku Business – WEBNODE pre e-shopy
WEBNODE RECENZIA E-SHOP BALIČKU BUSINESS VO WEBNODEČo všetko prináša nový Prémiový balíček Business pre Webnode e-shop?V novinkách Aký bol rok 2020 v spoločnosti Webnode.sk? a Webnode hlási: Počet nových e-shopov na Slovensku počas roku 2020 narástol v tisíckach sme...
Webnode hlási: Počet nových e-shopov na Slovensku počas roku 2020 narástol v tisíckach
V roku 2020 na Slovensku pribudli tisícky nových e-shopov vytvorených cez WebnodePosledný rok všetkým dokázal, že fungovanie v online svete je v dnešnej dobe už viac než nevyhnutné. Či už podnikáte lokálne, alebo na globálnom trhu, tak je nesmierne dôležité, či máte...
Aký bol rok 2020 v spoločnosti Webnode.sk?
Webnode hlási viac než 50 000 hodín odpracovaných v roku 2020V minulosti bolo k založeniu vlastnej internetovej stránky nutné ovládať aspoň základné technické znalosti či pomoc programátora. A práve tento fakt mnoho ľudí od tvorby vlastného webu odradil. ...
Pomohol ti tento návod? Pošli ho priateľom 🙂
Ahoj,
je možné touto úpravou změnit například nastavení nadpisu h3 nebo baru textuy navigačního menu? např.: při změně zadat do hlavičky pro nadpis3 červenou barvu? :
h3{
color: red;
}
bude to fungovat? Nebo je nadřazenější odkaz na rel=”stylesheet” ?
dík
Adámo
Zdravím,
Fonty písma napr. nadpisov alebo farby položiek v Menu si ťahá systém z nadradenejšieho odkazu tj. “stylesheet” (style.css) a ten nemáš možnosť upraviť (nemáš prístup ku FTP serveru)
Ak chceš napr. upraviť farbu niektorého z nadpisov tak postup je nasledovný:
Každá šablóna vo Webnode má iné názvy prvkov (elementov) a preto si najprv musíš nájsť názov daného elementu v šablóne (cez prehliadač v inspectore) a následne si pripraviť kód pre úpravu CSS kódu.
Vytvoril som pre Teba krátke video ako editujem farbu nadpisu na tomto webe: http://bit.ly/2VX009P
Video si môžeš prezrieť na tomto odkaze: bit.ly/navod-zmena-farby-webnode
S pozdravom
Viliam
Dobrý den, mám web v angličtině a druhý jazyk francouzština, a chtěla bych dle Vašeho návodu přidat vlaječku nahoře. Mužete mi prosím napsat jaký kód použít?
Děkuji,
Jana
Dobrý deň,
ďakujem za záujem. Vytvoril som pre Vás kód, kde je čeština
a francúština 
Kód na vlajky nájdete v tomto návode: https://www.wpromotions.eu/cs/jak-na-web-ve-webnode-pridat-prepinani-jazyku-do-horni-casti-webu/
S pozdravom
Viliam
Dobrý deň,
mám web v jazykoch slovenčina, nemčina, holandština, čoskoro pribudne aj angličtina. Ako prosím postupovať a umiestniť vlajočky všetkých jazykov? Ďakujem.
Dobrý deň,
ďakujem za Váš e-mail.
Pripravil som pre Vás kód pre pridanie vlajočiek pre SVK, DE, NL verziu webu. Kód nájdete tu.
Odporučím pridať aj kód “TIP PRE VLAJKY V MOBILNEJ VERZII” do pätičky všetkých stránok. Vlajky sa budú na mobile zobrazovať až po kliknutí na Menu.
S pozdravom
Viliam
Dobrý den, potřebovala bych přidat vlaječky na přepínání jazyků
ČEŠTINA, ANGLIČTINA, NĚMČINA, FRANCOUŠTINA,HOLANDŠTINA, MAĎARŠTINA, RUŠTINA i pro mobilní verzi.
Moc děkuji
Katka
Dobrý deň,
ďakujem za komentár.
Som rád, že ste otázku položili aj v mojej Free poradny.
Ďakujem za spoluprácu a prajem krásny deň.