Eindejaarsbanner met animatie

Onze website (in Wordpress) zou ik graag van een eindejaarsbanner, liefst met animatie, versieren. Heeft er iemand een idee waar ik zoiets 'online' kan maken om dan probleemloos op de website te kunnen plaatsen. Alvast bedankt voor jullie reactie!

Bedoel je zoiets?

http://www.bannersnack.com/en/

Had ik ook gezien maar vond er niks qua eindejaarssfeer in terug.

Als ik zo'n LiveChat button onderaan een website zie staan krijg ik altijd spontaan diarree.

Kun je niet zelf een bannertje maken in Photoshop ?
Een paar .gif afbeeldingen achter elkaar zetten in een animation zoals Dr. Maddox ook doet met zijn Avatar.

Als je betere kwaliteit zoekt in de vorm van .png en je zelf niet zo heel veel kennis van zaken hebt is dit miss. wel iets.

Voorbeeld.
http://dev.sencha.com/animator/demos/healthychoice/

Het product. maar je kan natuurlijk ook van de broncode leren.
http://www.sencha.com/products/animator/

wij zelf doen het met een slidedeck plugin...maar ik smacht ook naar de plugin die het mogelijk maakt om edge animatie toe te passen...er is al een plugin, maar die schijnt nog niet stabiel te draaien..

Hoezo, Adobe Edge geeft je toch ook gewoon een broncode ?

Dan kun je toch gewoon header.php openen en die code ergens neerplenzen waar jij hem wilt hebben..
Even vragen en mensen helpen je graag met het includen van je codes. Das echt geen rocket science.

Mocht je een plugin zoeken voor Edge, deze lijkt best aardig te werken maar let een beetje op want morgen of overmorgen komt WP 3.5 uit.

http://wordpress.org/extend/plugins/edge-suite/
Demo.
http://edgedocks.com/content/edge-suite-integrate-edge-animate-wordpress

hé thanks...dat is ook de plugin die ik bedoelde...degene die onze site hosten..hadden deze getest...en reageerde dat hij nog niet helemaal stabiel was...

maar een manier zonder plugin lijkt me nog beter...

broncode..is dat hetzelfde als "publish content as static HMTL"??

ik krijg dan dit..maar ik weet eigenlijk niet wat ik er dan mee moet...ik krijg over 2 wk wel een edge cursusje..
maar misschien kan ik al wat voorbereiden...

Waarschijnlijk wel, ik heb geen ervaring met Edge omdat ik niet zo'n fan ben van Adobe maar ze zijn wel met hele goede dingen voor de toekomst bezig in die hoek.

Er zal vast wel ergens ene Export manier zijn zodat je de code in een zipje of folder krijgt geëxporteerd.
Dan heb je in een folder een index[b].html[/b], een stylesheet[b].css[/b] en een x.aantal javascripts[b].js[/b] bestanden.

Deze bestanden maken samen de animaties want als je index.html opent in Safari zal de animatie gewoon werken.
Daarna is het zaak om de broncode (bovenstaande bestanden) toe te voegen aan de WordPress templates.

Beginnende met stylesheet.css.
De inhoud daarvan copy-/paste je in de [b]style.css[/b] van het WordPress thema dat jij gebruikt.
De javascript.js bestanden upload je dan naar je thema folder in een mapje genaamd [b]js[/b] vaak is deze al aanwezig, zonet dan maak je deze gewoon aan.

En als laatste open je het index.html bestand in een tekstverwerker en kijk je bovenaan tussen de head tags of je de javascripts kunt terug vinden.
<.head.>
… hier ergens ..

.. kijk naar zoiets..
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<./head.>

Deze regel copy-/paste je dan op de zelfde plek in je WordPress template genaamd header.php.
Let wel op dat de URL klopt. maak altijd absolute urls als je nog een beginner bent.

En de laatste stap is de echte bron-code het HTML gedeelte dat in het index.html bestand staat overzetten naar een WP template waar jij het wilt hebben.
Maar je kan het natuurlijk ook gewoon in een Tekst Widget plakken en dan deze Widget in een Sidebar gooien.

Het leest nu allemaal moeilijker dan het in werkelijkheid is, als je het 1 of 2 keer doet gaat het de keer daarop vanzelf.

he bedankt...super ik ga er mee aan de slag!