Návod: Ako pridať flash do šablóny Webnode
03.04.2010 11:08Dnes si povieme, ako vložiť flash súbor do šablóny č.13 vo Webnode (template-9-gray).
Najprv si pripravíme (v mojom prípade vo Photoshope) tri pozadia zložené z fotiek. Ďalej vytvoríme flash-ový súbor (adobe flash) o rozmeroch 858 x 208px. Ja som spravil jednoduchu animáciu s prelínanim obrázkov cez funkciu "Motion Tween". Veľkosť súboru by nemala presahovať 200kb, ak už má viac, tak odporúčam vytvoriť vo flashi preloader.

Stiahneme si šablónu v redakčnom systéme Webnode
Vzhľad webu > šablony > šablóna č.12 >stiahnuť šablónu)

Rozbalíme ZIP súbor kde si otvoríme v textovom editore (ja používam notepad ++) súbor "index.html". Označený kód (viď. obrázok) musíme nahradiť nasledujúcim kódom.

Kód:
———
SpäťNasledujúci kód v index.html, variant_a.html, variant_b.html bude vyzerať takto:

V kóde je odkaz na swf súbor "http://files.pieninskyduatlon.webnode.sk/200000029-1ed781fd1b/banner_duatlon.swf", ktorý treba prepísať vaším swf súborom. Ten musíte uploadnuť na svoju stránku vo Webnode medzi súbory. Odkaz na ňho získame tak, že klikneme v redakčnom systéme na súbory a v nich na konkretný swf súbor kde sa nám ukáže link.

Taktiež nám treba to isté spraviť so súbormi variant_a.html a variant_b.html, že prepíšete v textovom editore presne tak isto ako v index.html. Môžete si vytvoriť aj úplne novú variantu (napr. tak, že si skopírujete text z varianty B a vytvoriť úplne nový html súbor) kde len presmerujete v kóde odkaz na swf súbor, takže na každej podstranke môžete mať inšiu flash animáciu. Netreba zabúdať pri vytvorení novej varianty, že treba vytvoriť png náhľad a dolpniť kód do súboru config.xml (viď. obrázok).

Na konci ak mate všetko spravené všetky súbory zo šablóny nám treba zabaliť do archívu ZIP. V administrácií Webnode (Administrácia > Vzhľad webu > Šablóny > Importovať šablónu) zozipovanú šablónu nahrajte a potvdrďte za aktívnu.
livedemo: http://pieninskyduatlon.webnode.sk
Ak si chceme pridať flashový súbor do tela stránky niekde medzi text tak použijeme nasledujúci kód, kde treba zmeniť kód na odkaz vášho swf súboru, taktiež výšku a šírku "width & height".
Kód:
GIF Animácia v hlavičke šablóny Webnode
Ďalšiou možnosťou je si vytvoriť gif animáciu. V tomto prípade nie je potrebné animáciu vkladať do šablóny, do kódov a pod., ale jednoducho v administrácia Webnode (Vzhľad webu > Hlavička > Ilustračný obrázok). Nevýhodou gif-u je, že po vyexportovaní sa nám zníži kvalita obrázku a pri zložitejších animáciach nám vie veľkosť súboru vysoko narasť.
Marek Simoník
Diskusná téma: Ako pridať flash do šablóny Webnode
| Dátum | 10.02.2012 |
|---|---|
| Vložil | Lukas |
| Titulok | mohli by ste mi to vysvetlit presnejsie |
netreba zabúdať pri vytvorení novej varianty, že treba vytvoriť png náhľad a dolpniť kód do súboru config.xml (viď. obrázok).
———
| Dátum | 29.07.2011 |
|---|---|
| Vložil | Jarda |
| Titulok | Všude funguje, jen ne v IE |
Vytvořil jsem si novou hlavičku ve Flashi, uploadnul na Webnode, vše chodí dobře v různých prohlížečích, jen ne v Internet Exploreru... (zkoušeno v Opera, Chrome, Safari). Černou patičku mi to v IE cpe hned pod hlavičku... Kde je chyba? Poraďte, prosím.
www.maseksped.com
Děkuji, Jarda
———
| Dátum | 13.07.2011 |
|---|---|
| Vložil | maros |
| Titulok | flash hlavicka |
nedari sa mi na web vlozit tu upravenu sablonu neviem v com robim chibu www.exxe.webnode.sk pls poradte nekto na skype: forefox2 DIK.
———
| Dátum | 17.05.2011 |
|---|---|
| Vložil | krajcirstvo-zaneta |
| Titulok | swf súboru sa nezobrazuje v Int.Exploreri |
Dobrý deň,
viete mi poradiť kde je chyba v kode swf súboru na úvodnej strane ked ho nezobrazuje v Int.Exploreri? iné prehliadače s tým nemajú problém len IE
http://www.krajcirstvo-zaneta.eu/
vopred ďakujem už si s tým neviem poradiť!
———
| Dátum | 24.05.2011 |
|---|---|
| Vložil | Marek Simoník |
| Titulok | Re:swf súboru sa nezobrazuje v Int.Exploreri |
Dobrý deň, tak pod týmto kódom som to vyskúšal na testovacej stránke http://aacosmetics.webnode.sk/ a funguje to aj v IE.
<p style="text-align: center;"><embed height="512" width="670" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://files.krajcirstvo-zaneta.eu/200000286-a2f98a3f36/zaneta.swf" type="application/x-shockwave-flash" quality="high" bgcolor="#FFFFFF" wmode="transparent" menu="false"></embed></p>
Vyskúšajte si porovnať alebo prepísať ten html kód s vaším.
———
| Dátum | 25.05.2011 |
|---|---|
| Vložil | krajcirstvo-zaneta |
| Titulok | Re:swf súboru sa nezobrazuje v Int.Exploreri |
ďakujem, funguje to super
———
| Dátum | 15.05.2011 |
|---|---|
| Vložil | Adam |
| Titulok | Posunutí hlavičky vložením flash |
Díky za návod, je to super, jen mám jeden problémek a to, že po vložení flashe se mi hlavička trošku rozhodila a posunula doprava - nevíte jak to srovnat? V CSS zase až tolik neumím, takže jsem slepě šel krom po kroku v návodu. Jedná se o:
http://agenturanazazitky.webnode.cz/
Díky moc za info...
———
| Dátum | 15.05.2011 |
|---|---|
| Vložil | Peter Varga |
| Titulok | Re:Posunutí hlavičky vložením flash |
Dobrý deň, pošlite ma email info@peknastranka.sk šablónu a flash banner prosím a pozriem sa na to.
———
| Dátum | 15.05.2011 |
|---|---|
| Vložil | Adam |
| Titulok | Re:Re:Posunutí hlavičky vložením flash |
Odesláno, děkuji moc!
———
| Dátum | 16.05.2011 |
|---|---|
| Vložil | Adam |
| Titulok | Re:Re:Re:Posunutí hlavičky vložením flash |
Již jsem na to přišel bylo tam jedno ukončení navíc :-) takže už je to krásně na středu. Děkuji ale za návod.

