Ako pridať obrázok GIF vo Webnode?

od | júl 7, 2019 | Všetky návody, Základné | 6 komentáre

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 vložíte na Váš web vo Webnode pomocou tlačítka “+” a “HTML“.

 

Návod na vloženie .GIF obrázku na web vo Webnode

 

  1. Nahrajte .GIF obrázok na externú službu, skopírujte si URL adresu obrázku a vložte ju do kódu namiesto URL-OBRAZKU. *Ak obrázok nahráte na iný server, uistite sa, že máte URL adresu s koncovkou obrázkou (.gif).

2. V kóde môžete upraviť hodnotu max-width na požadovanú veľkosť obrázku. V kóde je veľkosť obrázku nastavená na 100%. *Zmenou napr. na 50% môžete obrázok zmenšiť o polovicu.

3. Kód vložte na Vaše webové stránky pomocou tlačítka “+” a “HTML“. (kód vložíte na miesto kde chcete gif obrázok zobraziť)

Potrebný kód k vloženiu GIF obrázku je:

Výborne  – Po vložení kódu sa obrázok bude zobrazovať v publikovanej verzii Vášho webu.

Ďalšie skvelé návody

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

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

od | jan 31, 2020 | ,

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?

od | dec 31, 2019 | , ,

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 vo Webnode skryť košík v eshope?

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

od | sep 27, 2019 | , ,

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

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

Vytvorte si vlastný web alebo e-shop
Viliam
Follow me
Najnovšie články od Viliam (zobraziť všetky)
0 0 votes
Article Rating
Subscribe
Notify of
guest
6 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Jiří
Jiří
5 years ago

Použil jsem váš návod na přidání obrázku GIF na Webnode, ale nezobrazil se mi. Místo URL-OBRAZKU jsem vložil adresu .gif vytvořenou na https://pictr.com/. Kde jsem mohl udělat chybu?
Děkuji
Jiří

0
Reply
Viliam
Author
Viliam
5 years ago
Reply to  Jiří

Dobrý deň,

Uistite sa, že URL adresu obrázku máte s koncovou napr. xxx.com/muj-obrazek.jpg .
URL adresu s koncovkou vložte do kódu a kód vložte na web.

S pozdravom
Viliam

0
Reply
Lucia
Lucia
4 years ago

ako sa na webe pictr.com zaregistrujem? neviem najst tuto moznost

0
Reply
Viliam
Author
Viliam
4 years ago
Reply to  Lucia

Ahoj Lucia,

Na webe pictr.com sa registrovať pravdepodobne už nedá, tak stačí keď použiješ inú externú službu pre nahranie obrázkov ako napr. https://imgur.com/upload alebo https://gifyu.com/?lang=sk

Dúfam, že sa Ti to podarí 🙂
Prajem pekný deň.

0
Reply
Jaroslav
Jaroslav
4 years ago

ahoj
chcem sa spýtať je možné spustiť gif po odoslaní napr. formulára
ďakujem za čas a odpoveď 🙂

0
Reply
Viliam
Author
Viliam
4 years ago
Reply to  Jaroslav

Dobrý deň, pán Jaroslav,

ďakujem za zastavenie na mojom webe 🙂

Áno – dá sa to 🙂 Po kliknutí na formulár môžete nastaviť “Akciu po odoslaní” – nastavíte, aby po odoslaní formuláru presmerovalo návštevníka na konkrétnu stránku. Túto stránku si musíte najprv vytvoriť a môžete ju nazvať napr. Ďakujeme a pod.
Na stránku “Ďakujeme” vložíte následne HTML kód s Vašim GIF obrázkom a máte HOTOVO 🙂

Mrknite na článok, kde popisujem nastavenie akcie po odoslaní formuláru: https://www.wpromotions.eu/ako-pridat-konverzny-kod-vo-webnode/

TIP: Na túto ďakovaciu stránku si môžete pridať môj kód pre padajúce konfety. Po odoslaní formuláru sa Váš návštevník dostane na túto ďakovaciu stránku, kde sa mu automaticky spustia konfety a prípadne nejaké GIFko 🙂
Padajúce konfety nájdete tu: https://www.wpromotions.eu/ako-na-web-pridat-padajuce-konfety/

S pozdravom
Viliam

0
Reply