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
- 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:
|
1 |
<img style="max-width: 100%; height: auto;" src="URL-OBRAZKU" /> |
Výborne – Po vložení kódu sa obrázok bude zobrazovať v publikovanej verzii Vášho webu.
Ďalšie skvelé návody
Ako si vytvoriť web stránku jednoducho a zdarma (Webnode návod)
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...
Ako vytvoriť jednoduchý vizitkový web?
Ako vytvoriť jednoduchý vizitkový web? (scroll-ovací web)Čo je to vizitkový web? Vizitkový web je jednoduchý web, ktorý stručne a jasne predstavuje Vaše služby, či produkty. Je to jednoduchá webová stránka, ktorá slúži pre získanie základných informácií o Vašej firme....
Ako si vytvoriť vlastnú pätičku vo Webnode?
Chceli by ste na web/e-shop pridať vlastnú pätičku (footer) vo Webnode?Chceli by ste si na webové stránky, či e-shop vo Webnode pridať presmerovanie resp. odkaz na Vaše obchodné podmienky&GDPR do pätičky? S mojim jednoduchým návodom to určite zvládnete. Stačí sa...
Ako skryť kategóriu “všetky produkty” vo výpise produktov v e-shope od Webnode?
Ako na webe vo Webnode skryť kategóriu "Všetky produkty" vo výpise produtkov?V návode Ako vo Webnode skryť košík v eshope? a Ako vo Webnode skryť dátum zverejňenia článku? sme si ukázali ako jednoducho je možné vo Webnode niečo "skryť". V tomto článku sa dozviete, ako...
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 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 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?
Č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 % ?
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 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 🙂
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ří
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
ako sa na webe pictr.com zaregistrujem? neviem najst tuto moznost
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ň.