A template for the Pushdown Skin format, that allows for the easy creation of a responsive pushdown skin creative. Pushdown skins typically consist of a fullscreen video that initially appears behind the page content. Interactive controls in the top banner allow the skin to be expanded, pushing down the page content to reveal the fullscreen video.
Overlays in the side panels can be used to ensure your branding is always clear and visible.
Examples
Recommended default creative dimensions
Skin Background
- Video: 1920x1080px (MP4)
Side Overlays (optional):
- Max size of 800x1440px (PNG or WEBP with transparent background)
Top Banner
Use the Pushdown Skin Video Controls Top Banner when you need the expand/collapse controls shown above the publisher content. Produce that top banner to the billboard placements below to ensure the initial view matches local specs.
For HTML5 Top Banners, the creative width should be responsive (width: 100%) up to a maximum width of 1280 pixels. The height will match the billboard height from the list below. If the width of your top banner is not responsive, there may be empty space visible between the top banner and side panels on some sites.
Billboard placement sizes by country:
- 🇦🇹 AT: 1000x250px
- 🇨🇭 CH: 1000x250px
- 🇩🇪 DE: 1000x250px
- 🇩🇰 DK: 930x180px
- 🇫🇮 FI: 1000x400px
- 🇫🇷 FR: 970x250px
- 🇳🇱 NL: 970x250px
- 🇳🇴 NO: 980x300px
- 🇵🇱 PL: 970x250px
- 🇸🇪 SE: 1000x240px
- 🇬🇧 UK: 970x250px
Top banner dimensions can also vary from publisher to publisher. Always confirm the exact sizes with the publishers on your plan before creating skin assets.
Format description and guidance
Select the "Pushdown Skin Video Controls Top Banner" template to enable the expanding push-down behaviour.
The background asset (image or video) spans the entire screen background. You can change the scaling mode to control the scaling behaviour.
- contain - The asset keeps its aspect ratio, but is resized to fit within the given dimension.
- cover - The image keeps its aspect ratio and fills the given dimension. The image will be clipped to fit.
- none - The image is not resized and appears at its original size.
When using the "cover" scaling mode, avoid placing any "key" elements (logos, messaging, CTA etc) near the edges of the background asset, as they may be cropped on smaller screens.
We recommend using the overlays to add static branding and messaging elements on top of the background. The overlays automatically scale and resize, so using them will enable responsive functionality for your skin. You can define what width & height (as a percentage of the total side-panel area) the overlays should occupy, as well as define minimum and maximum widths (in pixels) to constrain their scaling.
You can choose how the overlays are positioned within the skin side-panels. By default they are centered, however you can modify the horizontal and vertical alignment of the overlays using the preset positioning options, and add an offset to fine-tune the position (you can use any valid css unit eg 250px, 50%, 20vh etc, measured from the aligned edge).
For best results, export the overlay PNG assets without any excess empty space - this allows the template to handle the overlay scaling and placement more effectively.
Max total file weight
3.5 MB
For best performance, all assets should be compressed and optimized to the lowest possible file weight. We recommend using tinypng.com to compress PNGs.
Click tags and tracking
The template supports two separate clickURL & trackers - one for the main skin body, and another for the top banner.
Audio
Muted by default, user initiated.
Template Details
Automatically synced on 2026-02-11T14:27:19.591Z. This section documents the canvases, banner templates, and trafficking controls directly from the source configs.
Canvases: Pushdown Skin
Banner templates: Pushdown Streaming Video Skin with Overlays, Pushdown Skin with Overlays
Use the tables below to configure the linked banner templates. Each parameter definition is pulled straight from the template config, ensuring the spec always documents the latest functionality.
Pushdown Streaming Video Skin with Overlays
A simple image/video template for the pushdown skin canvas · Version 1.1.0
General
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Click URL | Global click destination for the banner. |
Background
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Background (Image) | Background image asset (use either image or video, not both). | ||
| Background (Video) | Background streaming video asset (use either video or image, not both). | ||
| Max Video Stream Weight | Sets the maximum allowed stream weight used when selecting encodes. | 3.5mb | choices: 3.5mb, 2.5mb, 1.5mb, 1.0mb | |
| Scaling Mode | Sets how the background scales. Cover fills and may crop. Contain avoids cropping. None keeps intrinsic size. | cover | choices: cover, contain, none | |
| Anchor Point | Anchor Point used to position the background vertically. | top | choices: top, center, bottom |
Overlays
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Left Overlay | Left panel overlay image. | ||
| Right Overlay | Right panel overlay image. | ||
| Side Overlay Hover Effect | Effect applied to side overlays on hover (desktop). | scale | choices: disabled, glow, scale, glow & scale |
Overlay Settings
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Side Overlay Width | Width of each side overlay (percentage of side panel). | 80% | |
| Side Overlay Height | Height of each side overlay (percentage of panel height). | 100% | |
| Side Overlay Minimum Width | Minimum width applied to side overlays on narrow screens. | 120px | |
| Side Overlay Maximum Width | Maximum width applied to side overlays on wide screens. | 300px | |
| Side Overlay X Position | Horizontal placement mode for side overlays (inside/outside/centre/custom). | center | choices: center, inside, outside, custom | |
| Custom X Offset (optional) | Horizontal offset used only when X Position is set to custom (supports px, %, vw). | ||
| Side Overlay Y Position | Vertical alignment of side overlays (top, centre or bottom). | center | choices: top, center, bottom | |
| Vertical Offset (optional) | Vertical offset used only when Y Position is set to custom (supports px, %, vh). |
Pushdown Skin with Overlays
A simple image/video template for the pushdown skin canvas · Version 1.1.0
Warning: Pushdown Skin with Overlays is archived and no longer actively maintained. Recommended alternative: Pushdown Streaming Video Skin with Overlays.
General
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| 1.0 Click URL | Destination URL triggered when the user interacts with this element. Include https:// and any tracking parameters. | ||
| 1.1 Background Asset | Upload the 1.1 background asset asset (JPG, PNG, or WEBP). Follow safe-zone guidance and stay within the platform file-size limits. | ||
| 1.1.1 Background scaling mode | Select the 1.1.1 background scaling mode option from the list to control how the template behaves. | cover | choices: cover, contain, none | |
| 1.1.2 Background Anchor Point | Controls how the 1.1.2 background anchor point aligns inside the frame. Pick the focal point that keeps the subject in view. | top | choices: top, center, bottom | |
| 2.0.1 Left panel overlay | Upload the overlay asset (JPG, PNG, or WEBP). Overlays render with object-fit: contain, so they will not crop and do not require extra safe-zone padding. | ||
| 2.0.2 Right panel overlay | Upload the overlay asset (JPG, PNG, or WEBP). Overlays render with object-fit: contain, so they will not crop and do not require extra safe-zone padding. | ||
| 2.1.0 Side Overlay Hover Effect | Select the 2.1.0 side overlay hover effect option from the list to control how the template behaves. | scale | choices: disabled, glow, scale, glow & scale | |
| 2.1.1 Side Overlay Width | Define the 2.1.1 side overlay width using responsive CSS units (px, %, vw, vh) so it scales across screens. | 80% | |
| 2.1.2 Side Overlay Height | Define the 2.1.2 side overlay height using responsive CSS units (px, %, vw, vh) so it scales across screens. | 100% | |
| 2.1.3 Side Overlay Minimum Width | Define the 2.1.3 side overlay minimum width using responsive CSS units (px, %, vw, vh) so it scales across screens. | 120px | |
| 2.1.4 Side Overlay Maximum Width | Define the 2.1.4 side overlay maximum width using responsive CSS units (px, %, vw, vh) so it scales across screens. | 300px | |
| 2.2 Side Overlay X Position | Controls how the 2.2 side overlay x position aligns inside the frame. Pick the focal point that keeps the subject in view. | center | choices: center, inside, outside, custom | |
| 2.2.1 Custom X Position (optional) | Controls how the 2.2.1 custom x position (optional) aligns inside the frame. Pick the focal point that keeps the subject in view. | ||
| 2.3 Side Overlay Y Position | Controls how the 2.3 side overlay y position aligns inside the frame. Pick the focal point that keeps the subject in view. | center | choices: top, center, bottom | |
| 2.3.1 Vertical Offset (optional) | Sets the 2.3.1 vertical offset (optional) value used in the creative. Supports plain text or CSS units where required. |