HTML5 Animation

Events happening in the community are now at Drupal community events on www.drupal.org.
EricX's picture

Hi there

I am busy with a very plain website for a client in Drupal 7. He wants me to add a HTML5 edge animation to the header of the website. I have been searching for a solution for the last 4 days bit still no luck.
Can anyone please give me some advise on how to do this?
Thank you

Comments

Hi, you can add a block in

murtza's picture

Hi,
you can add a block in header and in that block you can add iframe of edge animation page.

Regards,
Murtza

Hassan Syed

HTML5 Animation

EricX's picture

Hi Murtza

Thank you for your reply. It seems I cannot add or create a block for the header region. Dont know if this is an Drupal 7 issue. I understand the Iframe and even tried adding a Iframe in the php code section for the header. I am not sure if I put the files in their correct directory. I got an images folder and a edge includes folder and then some .js and the header html file. When i add all these files to the website theme folder I get a blank space in the header section, almost like there is a broken link or something. Really hope you can help me on this. thanks again.

Regards
Eric

Got IT

EricX's picture

I got the solution, thank you. :-)

please post

emilianodelau's picture

It would be helpful to others if you posted your solution.

Developing Online Businesses and Knowledge Applications.

Second That

coffeenmusic's picture

Can you please post your solution?

keyframes in css3

isimgt's picture

using keyframes to animate objects is easy css3

I figured it out!

coffeenmusic's picture

You might not have to do everything exactly like I did, but this is how I got it to work.

Add a new block.

In the body, I had to use 'Display Suite Code' instead of 'Full HTML' (I don't know why Full HTML is not working for me).

Use HTML Iframe, go here if you need help: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_iframe_height

Put the Site and its files into the files directory (or probably any directory).

Instead of putting just "thenameofthefile.html" put "sites/yoursite/files/thenameofthefile.html" (if that is where you put your files. you might have put them under sites/default/files )

Then add your block to a page. Hopefully that helps.

Problems on live site

coffeenmusic's picture

Ok, it works on a local server but...

When I try the same thing on a live site, I get "403 Permission Denied" Errors. If anyone has any ideas I would be greatful.

Ok I fixed this one as well.

coffeenmusic's picture

All I did was change the site directory pointer from .../sites/default/files/etc.html to
../../sites/default/files/etc.html.

Don't really know what the difference is.

obnoxious

Tiberio's picture

Astonished by your way... EricX.
You ask... looking for help community gives for free. You found a solution, congratulations!
You lost a chance to help many persons... do you want money to give us your help??

I'm really astonished!

Bye

EricX, don't ever ask for help again...

MrPhilbert's picture

Most people here give and ask for help all the time. That is what is meant by community. If you don't want to be part of a community, why are you here?

I have the same question as you but I will share any solutions I find.

Reference I-frames, I think there should be a more direct solution. Maybe a module to augment a block? Drupal add.js might also be a good start.

karma

csmcreative's picture

He will need help again and when he doesn't get the quick copy and paste solution he will be high and dry. Without sharing Drupal would not exist. I think what really gets on peoples nerves is the fact that he rubs it in our faces that he solved it and didn't say how. Karma. It will come back to him and I'm not helping. I will however say that I have an awesome solution!!!

HTML5

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: