takeover - Ekstra Bladet

TAKEOVER
This Takeover format is made in HTML, CSS and images.
The formats minimum width is 940x600 and sits on top of the whole website Ekstrabladet.dk
Static top bar.
Graphic content
should be under
this - 55px.
This is the 940x600
shown with all the
graphic content
inside
Static ’Go to article’
Graphic content
should be over this 100px.
The format 940x600 contains graphic content, that changes depending which screen the user sees the website
ekstrabladet.dk.
If the screen-width is 940px the format will keep its borders and content will stay inside.
If the screen is wider than 940px the format can change and the graphic content can move outside 940x600 and can fill
out more of the space of the background.
Both at the top and at the bottom there are static parts which must be taken into account, so therefore the graphics
components should be placed below and above these parts in order to prevent from appearing.
Static top bar.
Graphic content
should be under
this - 55px.
This is screen is
wider than 940 and
the graphic content
has changed places.
Static ’Go to article’
Graphic content
should be over this
- 100px.
This is the format when the screen is wider and the graphic content has changed place again and/or
changed sizes. The 940x600 is placed in the middle of the screen, but is now invisble to the user because
the graphic content has spread out on a wider area.
There is a wide range of possibilities to make a cool
and exciting ad for the client!
We recommend that you build your template like ours, of course with your own
design and changes to the graphic content.
SPECS:
Max weight:
For the whole thing is 350 kb.
Video:
It is allowed to have video inside the 940x600, but it CAN NOT be with auto play. Video and sound must
be activated by click.
Interaction by click. Video formats Ogv., Mp4 and Webm to ensure all browsers
show the video.
Fonts should be in HTML
Logos and images as light weight as possible, SVG if possible. please use the free
client http://optimizilla.com/ for optimizing images.
Limit external http requests to none, so styles etc. is all in one html file.