Sizmek Features. Wallpaper. Build Guide

Size: px
Start display at page:

Download "Sizmek Features. Wallpaper. Build Guide"

Transcription

1 Features Wallpaper Build Guide

2 Table Of Contents Overview... 3 Known Limitations... 4 Using the Wallpaper Tool... 4 Before you Begin... 4 Creating Background Transforms... 5 Creating Flash Gutters... 7 Generating Your Script... 8 Platform Custom JS... 8 Wallpaper API References Change Log

3 Overview The Wallpaper feature lets you enhance your ad's environment and compliment your campaign by skinning the background of the publisher s page. You can let users toggle between different sets of wallpaper skins to customize the web page. For example, you can show a background when the ad loads, then show a different one when users perform certain actions in the main ad. You can also deliver static or animated interactive wallpapers to create an immersive branding experience. The Wallpaper format uses an online Flash-based tool called the Wallpaper tool. It shows you all the different options available for Wallpapers, and generates a script for you to place in your ad. The Wallpaper tool has a user-friendly interface and provides tooltips to help you easily find your way when creating Wallpapers. The following illustration shows the Wallpaper Tool: The tool shows you all the different options available for Wallpaper, and it generates a script for you to place in your ad. When you place your cursor over an option, tooltips also appear to guide you through creating Wallpapers with the tool. 3

4 Known Limitations Wallpaper is not supported for Standard Banner ads. Previews from the Sizmek platform may not display correctly. If the ad is served into an unfriendly iframe, then the image backgrounds will not be applied unless the ad is broken out of the iframe. When served from an unfriendly iframe, your ad may not display as expected due to query string character count limitations. Different browsers have different limitations. For example, Internet Explorer limits strings to 2,448 characters, while Safari can handle over 65,000 characters. When adding the Wallpaper feature custom JS to an ad in the Sizmek platform, if there is already a custom script, how you add the Wallpaper feature URL is different based on whether the ad uses new client delivery. For old client you should append the wallpaper feature URL onto the end of the existing script URL. For new client you should prepend the wallpaper feature URL, so that the existing script(s) are after the wallpaper script. Dual (or more) monitor machines can have mixed results for the minimum resolution tests. On Chrome and Firefox, they will detect which of the two monitors your browser is on, and use the correct values. On IE and Safari, they will only ever use the primary monitor. When you choose Target Type of id or class, you should normally leave the Attachment field set to scroll, because setting it to fixed will result in unexpected behavior. Set it only to fixed if you know it s correct in your case (normally it won t be). If you choose px or % where available, if you forget to enter a number, then this unexpected state will result in a similar unexpected result when you try it on a test page. We don t know what you meant by choosing <undefined> pixels/percent. Some complex sites, like MSN pages, will typically not be easy to apply wallpaper to. This is due to various page elements that overlap others. For example, if you apply wallpaper to the body, you might not be able to click it because an overlapping transparent element is on top of it (zindex wise). The solution is to apply the wallpaper to multiple element targets. Using the Wallpaper Tool Before you Begin Make sure you have the following resources available: An ad in the Sizmek platform (Standard Banner ads are not supported). If using static backgrounds, your static background assets uploaded as additional assets for your ad in the Sizmek platform. The following asset types are supported: GIFs, JPGs, and PNGs. If using Flash gutters, your SWFs assigned to panels of your ad in the Sizmek platform. 4

5 Creating Background Transforms A background transform applies a static image (GIF, JPG, or PNG) to an HTML element on the publisher s page and lets you configure various style properties. To customize a background transform: 1. Click the + button to add a new background. 2. If you want the background to be visible when the page loads, select Visible. If the wallpaper is user-initiated, leave this option cleared. 3. Enter a Name for the background. This is a unique identifier JavaScript that references the background when making it visible. It has no direct connection to anything entered in the platform, it s for scripting purposes. Example: mmshowwpbackground('bgimage01'); For more information, see Wallpaper API. 4. Assign the Asset by entering the index value assigned to the asset in the MediaMind platform, or by entering the URL to the image. If you are not using an image for this background, leave this field blank. Note: Accepted image formats are GIF, JPG, and PNG. 5. Select the Target Type, which determines the type of HTML element the background will be applied to: a. body: The body tag of the page. b. id: A custom id of an element in the page. If you use this option, you must define Target Value. c. class: The custom class name of an element in the page. If you use this option, you must define Target Value. Note: The background is only applied to the first element on the page with this class name. If there are multiple elements with the same class name, the background will only be applied to the first element. To prevent conflicts with other elements on the page, choose a unique class name. 5

6 6. If you chose id or class for the Target Type, then define the custom id or class name under Target Value. Note: Only letters, numbers, underscores "_" and hyphens "-" are allowed. 7. Choose a background Color to be applied to the target defined in Target Type and Target Value. You can select from the color picker or enter a hexadecimal RGB value. You would normally not choose a background color if you also had an image asset, unless that asset had some transparency, because the image would cover the background color. If you want a transparent background, select the white box with a red diagonal line as illustrated: 8. Customize the Horizontal Alignment style property. a. left: Aligns the background to left boundary of the browser. b. center: Aligns the background to center of the browser. c. right: Aligns the background to right boundary of the browser. d. px: Aligns the background to an absolute position in pixels from the left boundary of the browser. e. %: Aligns the background to percentage of the browser height from the left boundary of the browser. 9. Customize the Vertical Alignment style property. a. top: Aligns the background to top boundary of the browser. b. middle: Aligns the background to middle of the browser. c. bottom: Aligns the background to bottom boundary of the browser. d. px: Aligns the background to an absolute position in pixels from the top boundary of the browser. e. %: Aligns the background to a percentage of the browser width from the top boundary of the browser. 10. Customize the Repeat style property. a. no-repeat: The background image does not repeat. b. repeat: The background image is tiled and repeats horizontally and vertically. c. repeat-x: The background image pattern repeats horizontally. d. repeat-y: The background image patter repeats vertically. 11. Customize the Attachment style property. a. scroll: The background scrolls with the page. b. fixed: The background stays fixed to the browser and is always visible. 12. If you want the image to be clickable, select Clickable. The clickable area is applied to the target element, but not to any of its children. By default, the image will be clickable with the default click URL. If you want to have specific interaction name clickthroughs (that were entered into the platform), then you can enter the name in the Interaction Name input box. 6

7 13. If you only want to show the background when the user's screen resolution is larger than a specific width, select the width from Minimum Resolution. Note, this really is screen resolution. It s not the browser size, which of course can vary. 14. Repeat all steps for each additional background. If you want to delete a background, click the x button as follows: Creating Flash Gutters A Flash Gutter is a Flash movie asset on the sides of page content on a publisher s page. They can be interactive, and you can show them by executing JavaScript from other Flash assets in the ad. Note: The gutter panels are dynamically positioned based on your settings in this tool, so the position type, X, and Y values defined in the MediaMind Platform panel settings are ignored. To customize Flash Gutters: 1. Specify the Page Alignment. This is the alignment of the publisher page content, and not your intended alignment for the gutters. This value is used to dynamically position the gutter panel(s). a. center: Select this for sites that are center-aligned, with gutters on both sides of the content. b. left: Select for sites that are left-aligned, with only a gutter on the right side of the content. 2. Specify the panel names of the Left and Right Gutter Panels added in the MediaMind platform. If you chose left for the Page Alignment, then Left Gutter panel will not be usable. Note: The panel names are case sensitive. 3. If you only want to show the background when the user's screen resolution is larger than a specific width, select the width from Minimum Resolution. Again, this is not the browser width. 4. Specify the Page Width in pixels of the publisher page content. This value is used to dynamically position the gutter panel(s). In cases where an end user that changes their browser s font size can cause the page content width to be affected, it s possible in this page width box to actually 7

8 enter the id of one of the page elements, rather than a fixed number. When you do that, the wallpaper feature script will dynamically adjust the gutters based on the dynamic width of that page element. 5. Customize the Top Offset in pixels of the gutter panel(s). You can also choose to enter an element id rather than a fixed offset number here. The wallpaper feature script will use the top offset value of the chosen element rather than use a fixed number. 6. If you want the gutter to scroll with the page, select Scroll with Page. If you want the background to stay fixed to the browser and to always be visible, leave Scroll with Page cleared. 7. If you choose Prevent Horizontal Scrollbar, then as the browser window size becomes smaller, the wallpaper feature script ensures that the gutters are not responsible for causing scrollbars. This is something that would happen when the browser width is larger than the Page Width, but smaller than the Page Width plus the width of the gutter(s). In this range, if there are scrollbars, it s our fault, so we can actively prevent that happening. If the page is larger than the Page Width plus the gutter(s), then there ll naturally be no scrollbars. If it s smaller than the Page Width, then there will be scrollbars, but it s the fault of the page, and it s right that we should have them. 8. If you want to show gutters on page load select Auto Show Gutters, if not checked it will be shown on user interaction. Gutter expansion tracking is suppressed. Generating Your Script The Wallpaper tool automatically creates the script URL to add to the ad's custom JS in the MediaMind platform. Be sure to select Use New Client Mechanism if your ad is using new client delivery. Note, the only difference between the generated URL when you do/don t have this check box selected, is the word New or Old in the script URL. To generate the URL based on your specified settings in the tool, click Generate URL. To copy the URL to your clipboard, click Copy URL. Platform Custom JS To implement your Wallpaper in your ad, you will need to add the URL to your ad's Custom JS in the Sizmek platform. 8

9 To add your Wallpaper script URL to your ad: 1. Edit your ad in the MediaMind platform. 2. Go to Advanced Features and expand the Custom JS section. 3. Copy the URL from the tool and paste it into the s text box as follows: If there is already a custom script in the textbox, separate the URLs with a semicolon. Do not include any spaces between the URLs. As mentioned in the limitations section of this document, it s important that you add your new wallpaper feature URL before any existing script(s) for new client delivery, and after any existing script(s) for old client delivery. Here s an old client example, with the existing script in green and the new script in purple: s=a:true,b:bg,c:1,d:body,f:000000,g:top,h:left,i:repeat,j:scroll,k:true,l:none,m:7&gts=a:none,b:9 72,c:0,d:center,e:false,f:LeftGutter,g:RightGutter,h:false,i:false;http://qatech.viewpoint.com/mdm d/customjs/pl_sidekick_newclient.js Here s a new client example with the existing script in green and the new script in purple: 9

10 gs=a:true,b:bg,c:1,d:body,f:000000,g:top,h:left,i:repeat,j:scroll,k:true,l:none,m:7&gts=a:none,b: 972,c:0,d:center,e:false,f:LeftGutter,g:RightGutter,h:false,i:false;http://qatech.viewpoint.com/md md/customjs/pl_sidekick_newclient.js;http://ds.servingsys.com/burstingres/customscripts/pl_customscript.js?adid=[%tp_adid%] Wallpaper API You can show your Wallpaper by calling the mmshowwpbackground() JavaScript function. Using Flash's ExternalInterface.call() function, you can design your main ad assets to show a specific background. You can hide that background by calling the corresponding hide function. To show a Wallpaper element through Flash, call ExternalInterface.call("mmShowWpBackground", backgroundname) in your ActionScript, where backgroundname is the Name of a background as defined in the Wallpaper tool. The following code illustrates how to show background bgimage01: ExternalInterface.call("mmShowWpBackground", "bgimage01"); To turn off that background, you would call the corresponding hide function. For example: ExternalInterface.call("mmHideWpBackground", "bgimage01"); To show/hide a Gutter through Flash, simply show/hide the gutter panel(s) using following code. The following code illustrates how to show gutters: ExternalInterface.call("mmShowGutter "); To hide gutters, you would call the corresponding hide function. For example: ExternalInterface.call("mmHideGutter "); Note: you ll need to ensure that Show Single Panel at a time is NOT checked in the platform s Ad Settings. If you left that checked, you d only ever see either the main ad panel, or one of the gutters. Gutter expansion/collapse tracking will not be fired if gutter expansion/collapse fired via js function. In case you need gutter expansion/collapse tracking, expand gutter like any other panels without calling wallpaper js function so that tracking will be fired. 10

11 References We highly recommend reviewing the possible background image settings on W3Schools. For more information on CSS background properties, see Change Log Release: May 29, 2014 (v1.4) Wallpaper Tool UI Rebranded. Build Guide rebranded Wallpaper Tool UI shifted to demo.mediamind.com 11

12 Notice The information contained in this document is proprietary and confidential to Sizmek and/or any of its affiliated companies. Disclosure, copying, reproduction, storing or any use of this document or any part thereof without the express prior, written consent of Sizmek or its authorized representatives is strictly prohibited. The information furnished in this document is believed to be accurate and reliable. However no responsibility is assumed by Sizmek for the use of this information. Sizmek reserves the right to make changes to the information included in this document at any time and without notice. Flash is either a registered trademark or trademark of Adobe Systems Incorporated in the United States and/or other countries. Trademark Note: Sizmek, the Sizmek logo, Sizmek Rich Media, Sizmek Mobile, Sizmek Video, Sizmek Channel Connect, Sizmek Workshop, etc. are trademarks and/or registered trademarks of Sizmek. All other trademarks are the property of their respective owners.

Sizmek Formats. Collage. Build Guide

Sizmek Formats. Collage. Build Guide Formats Collage Build Guide Table Of Contents Overview... 3 Supported Platforms... 3 Specifications... 3 Known Issues... 3 Ad Behavior Screenshots... 4 Template Included Files... 8 Setting up in Workshop...

More information

Sizmek Formats. HTML5 Page Skin. Build Guide

Sizmek Formats. HTML5 Page Skin. Build Guide Formats HTML5 Page Skin Build Guide Table of Contents Overview... 2 Supported Platforms... 7 Demos/Downloads... 7 Known Issues:... 7 Implementing a HTML5 Page Skin Format... 7 Included Template Files...

More information

Sizmek Formats. Swell. Build Guide

Sizmek Formats. Swell. Build Guide Formats Swell Build Guide Table Of Contents Overview... 4 Supported Platforms... 4 Specifications... 4 Known Issues... 4 Ad Behavior Screenshots... 5 Before you Begin... 6 Template Included Files... 6

More information

Sizmek Formats. IAB Mobile Pull. Build Guide

Sizmek Formats. IAB Mobile Pull. Build Guide Sizmek Formats IAB Mobile Pull Build Guide Table of Contents Overview...3 Supported Platforms... 6 Demos/Downloads... 6 Known Issues... 6 Implementing a IAB Mobile Pull Format...6 Included Template Files...

More information

HTML5 Standard Banner

HTML5 Standard Banner Sizmek Formats HTML5 Standard Banner Build Guide Table of Contents Overview... 2 Supported Platforms... 3 Demos/Downloads... 3 Known Issues... 3 Recommended Specs... 3 Implementing an HTML5 Standard Banner...

More information

Spotify Homepage Takeover

Spotify Homepage Takeover Formats Spotify Homepage Takeover Build Guide Table of Contents Overview... 2 Supported Platforms... 3 Known Issues... 3 Implementing a Spotify Homepage Takeover... 3 Included Template Files... 3 HTML...

More information

Sizmek Formats. HTML5 Rich Banner. Build Guide

Sizmek Formats. HTML5 Rich Banner. Build Guide Sizmek Formats HTML5 Rich Banner Build Guide Table of Contents Overview... 2 Supported Platforms... 3 Demos/Downloads... 3 Known Issues... 3 Implementing a HTML5 Rich Banner... 3 Included Template Files...

More information

HTML5 Expandable Banner

HTML5 Expandable Banner Sizmek Formats HTML5 Expandable Banner Build Guide Table of Contents Overview...2 Supported Platforms... 4 Known Issues... 4 Implementing a HTML5 Expandable Banner...4 Included Template Files... 4 HTML...

More information

MetService Online Advertising Technical Specifications

MetService Online Advertising Technical Specifications MetService Online Advertising Technical Specifications Updated: 17 August 2012 FORMATS & DEADLINES Please note: If advertisements do not meet the specifications below, MetService may be unable to load

More information

Online Advertising Specifications

Online Advertising Specifications Online Advertising Specifications Website Banner Ads pg. 2-3 Here you will discover the different banner ads that are available through ArtsAndCraftsHomes.com. There will be visual examples along with

More information

Creative Specifications for Online Ads

Creative Specifications for Online Ads Creative Specifications for Online Ads TABLE OF CONTENTS STANDARD ADS... 3 SLIDING BILLBOARD... 4 MOBILE ADS... 6 HIGH SCHOOL SPORTS MOBILE ADS... 6 MOBILE APP ADS... 6 WALLPAPER ADS... 7 EXPANDABLE ADS...

More information

ONLINE BANNER AND EMAIL ADVERTISING SPECIFICATIONS 2014

ONLINE BANNER AND EMAIL ADVERTISING SPECIFICATIONS 2014 1 General Guidelines 2 Newsletters 3 Rich Media 5 Video 6 Mobile Specs 7 Flash 8 Custom Content/ Microsites 8 Skin Specifications ONLINE BANNER AND EMAIL ADVERTISING SPECIFICATIONS 2014 GENERAL GUIDELINES

More information

BT CONTENT SHOWCASE. JOOMLA EXTENSION User guide Version 2.1. Copyright 2013 Bowthemes Inc. support@bowthemes.com

BT CONTENT SHOWCASE. JOOMLA EXTENSION User guide Version 2.1. Copyright 2013 Bowthemes Inc. support@bowthemes.com BT CONTENT SHOWCASE JOOMLA EXTENSION User guide Version 2.1 Copyright 2013 Bowthemes Inc. support@bowthemes.com 1 Table of Contents Introduction...2 Installing and Upgrading...4 System Requirement...4

More information

Smart Versioning Creative Best Practices

Smart Versioning Creative Best Practices Smart Versioning Creative Best Practices What is Smart Versioning? The collection of features inside the MediaMind Platform that allow users to: Ø Create target audiences, based on a geography or behavioral

More information

How-to Guide: MIT DLC Drupal Cloud Theme

How-to Guide: MIT DLC Drupal Cloud Theme How-to Guide: MIT DLC Drupal Cloud Theme This guide will show you how to take your initial Drupal Cloud site... and turn it into something more like this, using the MIT DLC Drupal Cloud theme. See this

More information

ADVERTISING SPECS. Base File Weight

ADVERTISING SPECS. Base File Weight Standard ads Creative constructed in standard web-image formats, such as GIF, JPEG, PNG as well as single file flash (SWF) executions of any of the dimensions listed below are considered standard ads.

More information

Technical Specifications for Advertising

Technical Specifications for Advertising Welcome to Crackle! We appreciate your inquiry to advertise with us. Please contact us to learn about advertising opportunities. James M Smith (James_Smith@spe.sony.com) Senior Vice President Digital Media

More information

We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file.

We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file. Creative Specs Gmail Sponsored Promotions Overview The GSP creative asset will be a ZIP folder, containing four components: 1. Teaser text file 2. Teaser logo image 3. HTML file with the fully expanded

More information

Detailed Ad Specifications Rev. 20/03/2015 Babatunde Akinse

Detailed Ad Specifications Rev. 20/03/2015 Babatunde Akinse Detailed Ad Specifications Rev. 20/03/2015 Babatunde Akinse Page 1 of 9 General Specifications General Specifications Clickthru URL(s) must be provided and Clicktag coding must be implemented in Flash

More information

on (release) { geturl (clicktag1, "_blank"); De tweede button action (enz..) on (release) { geturl (clicktag2, "_blank");

on (release) { geturl (clicktag1, _blank); De tweede button action (enz..) on (release) { geturl (clicktag2, _blank); Online advertising specifications 2015 General Requirements A working url should be provided. Landing pages must open in a new tab or window. Clicking on an ad must not initiate a download of any type

More information

Specification: advert standards in INTERIA.PL

Specification: advert standards in INTERIA.PL Specification: advert standards in INTERIA.PL CONTENTS General Rules... 4 1. Advertising bar under Fakty module... 5 2. Advertising bar under Biznes module... 5 3. Advertising bar under Wideo module...

More information

OPENTABLE GROUP SEARCH MODULE GETTING STARTED ADD RESERVATIONS TO YOUR WEBSITE

OPENTABLE GROUP SEARCH MODULE GETTING STARTED ADD RESERVATIONS TO YOUR WEBSITE ADD RESERVATIONS TO YOUR WEBSITE OPENTABLE GROUP SEARCH MODULE The group search module allows users to select a specific restaurant location from a list and search tables at that location. The code below

More information

LaGuardia Community College 31-10 Thomson Ave, Long Island City, New York 11101 Created by ISMD s Dept. Training Team. Overview

LaGuardia Community College 31-10 Thomson Ave, Long Island City, New York 11101 Created by ISMD s Dept. Training Team. Overview Overview Dreamweaver gives you many options when it comes to setting the properties for your webpages. Within the "Page Properties" dialog box, you can set the appearance of your page, name your page and

More information

Web Portal User Guide. Version 6.0

Web Portal User Guide. Version 6.0 Web Portal User Guide Version 6.0 2013 Pitney Bowes Software Inc. All rights reserved. This document may contain confidential and proprietary information belonging to Pitney Bowes Inc. and/or its subsidiaries

More information

WYSIWYG Manual Ironcities Stadt Kolbermoor 2012

WYSIWYG Manual Ironcities Stadt Kolbermoor 2012 WYSIWYG Manual Ironcities Stadt Kolbermoor 2012 WYSIWYG Editor Manual TinyMCE used on http://www.ironcities.net is a WYSIWYG (what you see is what you get) editor that allows users a familiar word-processing

More information

TECHNICAL SPECIFICATION OF GAZETA.PL PORTAL'S ADVERTISING PRODUCTS

TECHNICAL SPECIFICATION OF GAZETA.PL PORTAL'S ADVERTISING PRODUCTS TECHNICAL SPECIFICATION OF GAZETA.PL PORTAL'S ADVERTISING PRODUCTS Contents 1. Formats, Sizes and Weights of Standard Advertising Products... 3 2. General Requirements for Advertisements... 3 2.1. GIF,

More information

For a digital copy of the SMI Digital Ad Kit, please contact your Marketing Consultant or download it at:

For a digital copy of the SMI Digital Ad Kit, please contact your Marketing Consultant or download it at: RM Sonoma Media Investments digital ad kit For a digital copy of the SMI Digital Ad Kit, please contact your Marketing Consultant or download it at: http://www.pdmediasource.com/resources/creative-center/

More information

HEALIO.COM ADVERTISING SPECIFICATIONS

HEALIO.COM ADVERTISING SPECIFICATIONS The following are technical specifications for all digital advertising opportes offered by Slack, Inc. including, but not limited to, Healio.com, all associated email news wires, and all mobile apps. Slack,

More information

THINKDIGITAL. ZOO Ad specifications

THINKDIGITAL. ZOO Ad specifications THINKDIGITAL ZOO Ad specifications Last update: 30/08/2012 Contents ZOO: Advertising Opportunities... 3 Large Rectangle 300x250... 3 Leaderboard 728x90... 4 Skyscraper 120x600... 5 Newsletter 520x210...

More information

Advertising Specifications Overview Ad Specs Overview (print and keep) Site served campaigns 3rd party served campaigns

Advertising Specifications Overview Ad Specs Overview (print and keep) Site served campaigns 3rd party served campaigns Advertising Specifications Overview Ad Specs Overview (print and keep) Site served campaigns 3rd party served campaigns Reach Media Leaderboard 728x90 Medium Rectangle 300x250 Half Page 300x600 Super Leaderboard

More information

SizmekFeatures. HTML5JSSyncFeature

SizmekFeatures. HTML5JSSyncFeature Features HTML5JSSyncFeature Table of Contents Overview... 2 Supported Platforms... 2 Demos/Downloads... 3 Note... 3 For Tags Served in iframes... 3 Features... 3 Use Case... 3 Included Files... 4 Implementing

More information

Mastering the JangoMail EditLive HTML Editor

Mastering the JangoMail EditLive HTML Editor JangoMail Tutorial Mastering the JangoMail EditLive HTML Editor With JangoMail, you have the option to use our built-in WYSIWYG HTML Editors to compose and send your message. Note: Please disable any pop

More information

Administrator s Guide ALMComplete Support Ticket Manager

Administrator s Guide ALMComplete Support Ticket Manager Administrator s Guide ALMComplete Support Ticket Manager This guide provides an overview of ALMComplete s Support Manager with setup instructions. SoftwarePlanner Release 9.6.0 and higher April 2011 1

More information

Technical Specifications Digital

Technical Specifications Digital Newsletter Mobile Technical Specifications Digital page 1-5 Mobile page 6 WebTV page 7 The campaign material must be delivered at least 2 working days before the campaign start date. Send campaign material

More information

Sizmek. Sizmek Formats. Custom Header. Build Guide. Copyright 2014 Sizmek. All rights reserved. 1

Sizmek. Sizmek Formats. Custom Header. Build Guide. Copyright 2014 Sizmek. All rights reserved. 1 Sizmek Formats Custom Header Build Guide 1 Table Of Contents Overview... 3 Supported Platforms... 7 Specifications... 8 Known Issues... 8 Ad Interaction Tracking... 8 Ad Clickthrough... 9 Template Included

More information

Sizmek Ad Feature. Twitter HTML5 Build Guide

Sizmek Ad Feature. Twitter HTML5 Build Guide Ad Feature Twitter HTML5 Build Guide Table of Contents Overview... 2 Supported Platforms... 2 Demos/Downloads... 2 Known Issues... 3 Note... 3 Included Files... 4 Implementing the Twitter Ad Feature...

More information

Unit Dimension 234 x 60 Flash Version Flash 10/AS 3.0. 30KB maximum file size. Flash Version Flash 10/AS 3.0

Unit Dimension 234 x 60 Flash Version Flash 10/AS 3.0. 30KB maximum file size. Flash Version Flash 10/AS 3.0 MSN Windows Live Messenger Interactive Panel ad Kit Ad Format Description Expandable banner Interactive panel is a Rich media ad unit with a 3D FLIP feature. On user interaction the panel expands and rotates

More information

Content Manager User Guide Information Technology Web Services

Content Manager User Guide Information Technology Web Services Content Manager User Guide Information Technology Web Services The login information in this guide is for training purposes only in a test environment. The login information will change and be redistributed

More information

ONLINE ADVERTISING SPECIFICATIONS

ONLINE ADVERTISING SPECIFICATIONS ONLINE ADVERTISING SPECIFICATIONS (Update: May 2016) Contents Standard Format... 2 Email Sponsorship... 4 Rich Media Options Expandable / Interactive Expandable (3 rd party Ad Served tags only)... 5 Rich

More information

Advertising Specifications

Advertising Specifications Advertising Specifications Standard Ad Specs Overview Pixel Max File Expandable Ad Unit Size Allowed 2 Accepted File Format SLA (working days) W x H Leaderboard 728 x 90 1 Yes JPG, GIF or SWF + (backup

More information

Advertising Specifications

Advertising Specifications AD UNIT SIZES & SPECS All ads are through Doubleclick for Publishers (DFP Premium). All units must include a 1x1 pixel border and all rich media units must be with the z-index set to 0. Polite creatives

More information

WEBSITE CONTENT MANAGEMENT SYSTEM USER MANUAL CMS Version 2.0 CMS Manual Version 1.0 2-25-13

WEBSITE CONTENT MANAGEMENT SYSTEM USER MANUAL CMS Version 2.0 CMS Manual Version 1.0 2-25-13 WEBSITE CONTENT MANAGEMENT SYSTEM USER MANUAL CMS Version 2.0 CMS Manual Version 1.0 2-25-13 CONTENTS Things to Remember... 2 Browser Requirements... 2 Why Some Areas of Your Website May Not Be CMS Enabled...

More information

Sizmek Formats. MindMap. Build Guide

Sizmek Formats. MindMap. Build Guide Formats MindMap Build Guide Table Of Contents Overview... 4 Supported Platforms... 4 Specifications... 4 Known Issues... 4 Ad Behavior Screenshots... 5 Initial State... 5 Expand State... 6 Template Included

More information

If you, God forbid, find a bug, let me know and I ll try to fix it as soon as I can, ok?

If you, God forbid, find a bug, let me know and I ll try to fix it as soon as I can, ok? Ground rules Ok, first off, I am glad you are willing to go for my extension Simple PopUp I do this as a hobby and share what I build that I have found to come in handy in my own projects I would like

More information

Customising Your Mobile Payment Pages

Customising Your Mobile Payment Pages Corporate Gateway Customising Your Mobile Payment Pages V2.0 May 2014 Use this guide to: Understand how to customise your payment pages for mobile and tablet devices XML Direct Integration Guide > Contents

More information

Converting Prospects to Purchasers.

Converting Prospects to Purchasers. Email Template Guide LASSO EMAIL TEMPLATE EDITOR... 2 ABOUT LASSO EMAIL TEMPLATE EDITOR... 2 CREATING AN EMAIL TEMPLATE... 2 ACCESSING EMAIL TEMPLATES... 2 ADDING AN EMAIL TEMPLATE FOLDER... 3 BASIC PRINCIPLES

More information

SoftChalk. Level 1. University Information Technology Services. Training, SoftChalk Level Outreach, 1 Learning Technologies and Video Production

SoftChalk. Level 1. University Information Technology Services. Training, SoftChalk Level Outreach, 1 Learning Technologies and Video Production SoftChalk Level 1 University Information Technology Services Training, SoftChalk Level Outreach, 1 Learning Technologies and Video Production Page 1 of 49 Copyright 2013 KSU Department of University Information

More information

ADP Workforce Now Portal Administrator Guide. Version 2.0 2.0-1

ADP Workforce Now Portal Administrator Guide. Version 2.0 2.0-1 ADP Workforce Now Portal Administrator Guide Version 2.0 2.0-1 ADP Trademarks The ADP logo, ADP, and ADP Workforce Now are registered trademarks of ADP, Inc. Third-Party Trademarks Microsoft, Windows,

More information

Advertising on Onet.pl. Ad products specification

Advertising on Onet.pl. Ad products specification Advertising on Onet.pl Ad products specification August 16, 2013 2 S t r o n a General rules... 3 Mobile Rich Media...... 4 General rules for Rich Media ads... 4 Rich Media top... 5 Cube 3D... 9 Formats

More information

Taleo Enterprise. Career Section Branding Definition. Version 7.5

Taleo Enterprise. Career Section Branding Definition. Version 7.5 Taleo Enterprise Career Section Branding Definition Version 7.5 March 2010 Confidential Information It shall be agreed by the recipient of the document (hereafter referred to as the other party ) that

More information

Editing images for photo-only banners* Open Photoshop. Determine if photo is wide enough

Editing images for photo-only banners* Open Photoshop. Determine if photo is wide enough Editing images for photo-only banners* Open Photoshop Determine if photo is wide enough On the top menu, select Image > Image Size Photo must be at least 720 px wide to crop without blowing up the photo.

More information

Technical Specifications

Technical Specifications Technical Specifications Material & Tags Submission - Materials have to be sent to banner@persgroep.nl. - We will send feedback within 24 hours after material reception. - All elements should work properly

More information

6. If you want to enter specific formats, click the Format Tab to auto format the information that is entered into the field.

6. If you want to enter specific formats, click the Format Tab to auto format the information that is entered into the field. Adobe Acrobat Professional X Part 3 - Creating Fillable Forms Preparing the Form Create the form in Word, including underlines, images and any other text you would like showing on the form. Convert the

More information

Requirements for Developing WebWorks Help

Requirements for Developing WebWorks Help WebWorks Help 5.0 Originally introduced in 1998, WebWorks Help is an output format that allows online Help to be delivered on multiple platforms and browsers, which makes it easy to publish information

More information

Hotspot Image Connector Page Guide

Hotspot Image Connector Page Guide Contents Differences between Xerte and Xerte Online Toolkits usage...2 Connector pages...2 The Hotspot Image Connector page...2 Properties of the Hotspot Image Connector Page...3 Hotspot Properties...3

More information

Virtual Contact Center

Virtual Contact Center Virtual Contact Center NetSuite Integration Configuration Guide Version 8.0 Revision 1.0 Copyright 2014, 8x8, Inc. All rights reserved. This document is provided for information purposes only and the contents

More information

ROSSEL ADVERTISING a. ROSSEL ADVERTISING last version : 11/2014 TECHNICAL SPECIFICATIONS

ROSSEL ADVERTISING a. ROSSEL ADVERTISING last version : 11/2014 TECHNICAL SPECIFICATIONS Table of Contents GENERALITIES 1 1. Delivery delays & Contact infos 1 2. General creative informations 2 3. Dimensions & weights 3 4. Optional attributes 4 Expandable creatives 4 Overlayer creatives 4

More information

WELCOME TO CORNERSTONE ONDEMAND LMS FUNCTIONALITY TRAINING

WELCOME TO CORNERSTONE ONDEMAND LMS FUNCTIONALITY TRAINING Slide 1 WELCOME TO CORNERSTONE ONDEMAND LMS FUNCTIONALITY TRAINING UI Maintenance: How To Edit The Interface, The Navigation And Custom Pages Slide 2 OBJECTIVES At the end of this session, you should be

More information

Fortis Theme. User Guide. v1.0.0. Magento theme by Infortis. Copyright 2012 Infortis

Fortis Theme. User Guide. v1.0.0. Magento theme by Infortis. Copyright 2012 Infortis Fortis Theme v1.0.0 Magento theme by Infortis User Guide Copyright 2012 Infortis 1 Table of Contents 1. Introduction...3 2. Installation...4 3. Basic Configuration...5 3.1 Enable Fortis Theme...5 3.2 Enable

More information

UH CMS Basics. Cascade CMS Basics Class. UH CMS Basics Updated: June,2011! Page 1

UH CMS Basics. Cascade CMS Basics Class. UH CMS Basics Updated: June,2011! Page 1 UH CMS Basics Cascade CMS Basics Class UH CMS Basics Updated: June,2011! Page 1 Introduction I. What is a CMS?! A CMS or Content Management System is a web based piece of software used to create web content,

More information

Table of Contents. Overview... 2. Supported Platforms... 3. Note... 3. Demos/Downloads... 3. Known Issues... 4. Use Case... 4

Table of Contents. Overview... 2. Supported Platforms... 3. Note... 3. Demos/Downloads... 3. Known Issues... 4. Use Case... 4 Table of Contents Overview... 2 Supported Platforms... 3 Note... 3 Demos/Downloads... 3 Known Issues... 4 Use Case... 4 Included Files and Parameters... 5 Implementing the Block... 7 Setting Up A Nimbb

More information

Responsive Web Design for Teachers. Exercise: Building a Responsive Page with the Fluid Grid Layout Feature

Responsive Web Design for Teachers. Exercise: Building a Responsive Page with the Fluid Grid Layout Feature Exercise: Building a Responsive Page with the Fluid Grid Layout Feature Now that you know the basic principles of responsive web design CSS3 Media Queries, fluid images and media, and fluid grids, you

More information

Sizmek Formats. HTML5 Pushdown. Build Guide

Sizmek Formats. HTML5 Pushdown. Build Guide Formats HTML5 Pushdown Build Guide Table of Contents Introduction...3 Overview... 3 Ad Builder Templates... 3 Workspace Templates... 4 Supported Platforms... 5 Demos/Downloads... 5 Known Issues... 5 Implementing

More information

GUIDE TO CODE KILLER RESPONSIVE EMAILS

GUIDE TO CODE KILLER RESPONSIVE EMAILS GUIDE TO CODE KILLER RESPONSIVE EMAILS THAT WILL MAKE YOUR EMAILS BEAUTIFUL 3 Create flawless emails with the proper use of HTML, CSS, and Media Queries. But this is only possible if you keep attention

More information

Digital Signage with Apps

Digital Signage with Apps Version v1.0.0 Digital Signage with Apps Copyright 2012 Syabas Technology, All Rights Reserved 2 Digital Signage with Apps Project...6 New Project...6 Scheduler...6 Layout Panel...7 Property Panel...8

More information

Free Conferencing Corporation Presents: User Guide for Windows & Mac Operating Systems

Free Conferencing Corporation Presents: User Guide for Windows & Mac Operating Systems Free Conferencing Corporation Presents: User Guide for Windows & Mac Operating Systems Updated February 7, 2014 1 Table of Contents Getting Started... 4 Recommended System Requirements 4 Register with

More information

Chapter 14: Links. Types of Links. 1 Chapter 14: Links

Chapter 14: Links. Types of Links. 1 Chapter 14: Links 1 Unlike a word processor, the pages that you create for a website do not really have any order. You can create as many pages as you like, in any order that you like. The way your website is arranged and

More information

ITD 210 EXAM 1 STUDY GUIDE

ITD 210 EXAM 1 STUDY GUIDE ITD 210 EXAM 1 STUDY GUIDE FINAL EXAM: ADOBE WEB COMMUNICATION USING DREAMWEAVER CS3 OBJECTIVES Domain 1.0 Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for a website.

More information

CMS Training Manual. A brief overview of your website s content management system (CMS) with screenshots. CMS Manual

CMS Training Manual. A brief overview of your website s content management system (CMS) with screenshots. CMS Manual Training A brief overview of your website s content management system () with screenshots. 1 Contents Logging In:...3 Dashboard:...4 Page List / Search Filter:...5 Common Icons:...6 Adding a New Page:...7

More information

MAGENTO THEME SHOE STORE

MAGENTO THEME SHOE STORE MAGENTO THEME SHOE STORE Developer: BSEtec Email: support@bsetec.com Website: www.bsetec.com Facebook Profile: License: GPLv3 or later License URL: http://www.gnu.org/licenses/gpl-3.0-standalone.html 1

More information

www.internetworld.de SPECIFICATIONS FOR ONLINE AD OPTIONS MOBIL

www.internetworld.de SPECIFICATIONS FOR ONLINE AD OPTIONS MOBIL www.internetworld.de SPECIFICATIONS FOR ONLINE AD OPTIONS ONLINE MOBIL Content I. Technical data P. 3 II. Newsletter advertising P. 4 2.1. Banner P. 5 2.2. Text advertisement P. 6 2.3. Text advertisement

More information

Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl. Web Design in Nvu Workbook 1

Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl. Web Design in Nvu Workbook 1 Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl Web Design in Nvu Workbook 1 The demand for Web Development skills is at an all time high due to the growing demand for businesses and individuals to

More information

DIGITAL ADVERTISING SPECS OVERVIEW 1-3 TAKEOVERS 4-5 RUN OF SITE 6 HTML E-MAIL NEWSLETTERS 7-8 ONLINE SPONSORSHIPS 9-10 ADDITIONAL AD UNITS 11-12

DIGITAL ADVERTISING SPECS OVERVIEW 1-3 TAKEOVERS 4-5 RUN OF SITE 6 HTML E-MAIL NEWSLETTERS 7-8 ONLINE SPONSORSHIPS 9-10 ADDITIONAL AD UNITS 11-12 2014 DIGITAL ADVERTISING SPECS OVERVIEW 1-3 TAKEOVERS 4-5 RUN OF SITE 6 HTML E-MAIL NEWSLETTERS 7-8 ONLINE SPONSORSHIPS 9-10 ADDITIONAL AD UNITS 11-12 OVERVIEW MATERIALS SUBMISSION Creative units must

More information

SKYSCRAPER Dimension: 160x600. 50k for Flash 40k for GIF/JPEG Formats: GIF, JPEG, HTML, Flash, Flash Video Available on all pages; 1 per page.

SKYSCRAPER Dimension: 160x600. 50k for Flash 40k for GIF/JPEG Formats: GIF, JPEG, HTML, Flash, Flash Video Available on all pages; 1 per page. BANNER AD STANDARDS DISPLAY ADVERTISING LEADERBOARD Available on all pages; 2 per page. DISPLAY/RECTANGLE Available on all pages; 2 per page. LARGE BANNER Dimension: 638x60 Available on all pages. LARGE

More information

Portal Connector Fields and Widgets Technical Documentation

Portal Connector Fields and Widgets Technical Documentation Portal Connector Fields and Widgets Technical Documentation 1 Form Fields 1.1 Content 1.1.1 CRM Form Configuration The CRM Form Configuration manages all the fields on the form and defines how the fields

More information

Projects on domain.com.au User guide

Projects on domain.com.au User guide Projects on domain.com.au User guide Contents Getting started 3 Creating your project 4-9 Adding listings to your project 10 Premium and Standard Projects - specs 11 2 Need help? Call 1300 799 109 Email

More information

collab.virginia.edu UVACOLLAB ECLPS: BUILDING COURSE PORTALS UVaCollab User Guide Series collab-support@virginia.edu

collab.virginia.edu UVACOLLAB ECLPS: BUILDING COURSE PORTALS UVaCollab User Guide Series collab-support@virginia.edu UVACOLLAB ECLPS: BUILDING COURSE PORTALS UVaCollab User Guide Series collab-support@virginia.edu Revised 4/28/2014 CONTENTS The eclps Overview... 3 Objectives... 3 Adding the Syllabus or Lessons Tool to

More information

Responsive Web Design Creative License

Responsive Web Design Creative License Responsive Web Design Creative License Level: Introduction - Advanced Duration: 16 Days Time: 9:30 AM - 4:30 PM Cost: 2197 Overview Web design today is no longer just about cross-browser compatibility.

More information

DNNCentric Custom Form Creator. User Manual

DNNCentric Custom Form Creator. User Manual DNNCentric Custom Form Creator User Manual Table of contents Introduction of the module... 3 Prerequisites... 3 Configure SMTP Server... 3 Installation procedure... 3 Creating Your First form... 4 Adding

More information

SPHOL326: Designing a SharePoint 2013 Site. Hands-On Lab. Lab Manual

SPHOL326: Designing a SharePoint 2013 Site. Hands-On Lab. Lab Manual 2013 SPHOL326: Designing a SharePoint 2013 Site Hands-On Lab Lab Manual This document is provided as-is. Information and views expressed in this document, including URL and other Internet Web site references,

More information

USER S MANUAL JOOMLA! GOVERNMENT WEB TEMPLATE

USER S MANUAL JOOMLA! GOVERNMENT WEB TEMPLATE USER S MANUAL JOOMLA! GOVERNMENT WEB TEMPLATE 1 TABLE OF CONTENTS Introduction 3 Parts of the Government Web Template (GWT) 4 Logging In and Getting Started 5 GWT Joomla! Module Map 8 Editing the Top Bar

More information

ADOBE MUSE. Building your first website

ADOBE MUSE. Building your first website ADOBE MUSE Building your first website Contents Chapter 1... 1 Chapter 2... 11 Chapter 3... 20 Chapter 4... 30 Chapter 5... 38 Chapter 6... 48 Chapter 1 Installing the software and setting up the sample

More information

Overview. How It Works

Overview. How It Works Overview Email is a great way to communicate with your alumni and donors. It s agile, it can be interactive, and it has lower overhead than print mail. Our constituents are also becoming more and more

More information

WP Popup Magic User Guide

WP Popup Magic User Guide WP Popup Magic User Guide Plugin version 2.6+ Prepared by Scott Bernadot WP Popup Magic User Guide Page 1 Introduction Thank you so much for your purchase! We're excited to present you with the most magical

More information

Drupal A Guide for Web Editors

Drupal A Guide for Web Editors University Information Technology Services Kennesaw State University Drupal A Guide for Web Editors Last updated on March 3, 2010 Copyright 2010 KSU Dept. of Information Technology Services This document

More information

Logging In From your Web browser, enter the GLOBE URL: https://bms.activemediaonline.net/bms/

Logging In From your Web browser, enter the GLOBE URL: https://bms.activemediaonline.net/bms/ About GLOBE Global Library of Brand Elements GLOBE is a digital asset and content management system. GLOBE serves as the central repository for all brand-related marketing materials. What is an asset?

More information

OmniUpdate Training (Advanced OU users level 7+)

OmniUpdate Training (Advanced OU users level 7+) (Advanced OU users level 7+) University Web Team The Web Team is a part of the Office of University Communication and Marketing s Creative Services Department. Our responsibility is to build, migrate,

More information

The Windows Live Messenger 234x60 ad unit (circled below) is expandable to either a 300x250 or 300x600 ad unit.

The Windows Live Messenger 234x60 ad unit (circled below) is expandable to either a 300x250 or 300x600 ad unit. Windows Live Messenger 234x60 Expandable Last Updated June 26, 2009 The Windows Live Messenger 234x60 ad unit (circled below) is expandable to either a 300x250 or 300x600 ad unit. Figure 1: Expandable

More information

Wallpaper Creative Guidelines

Wallpaper Creative Guidelines DESIGNING WALLPAPER CREATIVE Avoid strong repetitive or tiled patterns, colours and text Design wallpaper to compliment and act as a creative extension of the ad units CREATIVE CONCEPTS 1. Standard Wallpaper

More information

PASTPERFECT-ONLINE DESIGN GUIDE

PASTPERFECT-ONLINE DESIGN GUIDE PASTPERFECT-ONLINE DESIGN GUIDE INTRODUCTION Making your collections available and searchable online to Internet visitors is an exciting venture, now made easier with PastPerfect-Online. Once you have

More information

Hypercosm. Studio. www.hypercosm.com

Hypercosm. Studio. www.hypercosm.com Hypercosm Studio www.hypercosm.com Hypercosm Studio Guide 3 Revision: November 2005 Copyright 2005 Hypercosm LLC All rights reserved. Hypercosm, OMAR, Hypercosm 3D Player, and Hypercosm Studio are trademarks

More information

Advertising Spec Sheet

Advertising Spec Sheet Advertising Spec Sheet SUBMISSION GUIDELINES STANDARD : Macromedia Flash Version 10. The creative must be delivered as a.swf (Flash Player file). A.fla (Flash File) may be requested for troubleshooting

More information

Quick Start Guide. Installation and Setup

Quick Start Guide. Installation and Setup Quick Start Guide Installation and Setup Introduction Velaro s live help and survey management system provides an exciting new way to engage your customers and website visitors. While adding any new technology

More information

Contents The Design Chooser... Mail Designer Pro 2 at a glance... The contents window... Working with text... Your first mail design...

Contents The Design Chooser... Mail Designer Pro 2 at a glance... The contents window... Working with text... Your first mail design... Mail Designer Pro 2 Contents The Design Chooser... 4 Mail Designer Pro 2 at a glance... 5 The contents window... 6 Your first mail design... 9 Creating a new design... 9 Working with layout blocks... 9

More information

Table of Contents. I. Banner Design Studio Overview... 4. II. Banner Creation Methods... 6. III. User Interface... 8

Table of Contents. I. Banner Design Studio Overview... 4. II. Banner Creation Methods... 6. III. User Interface... 8 User s Manual Table of Contents I. Banner Design Studio Overview... 4 II. Banner Creation Methods... 6 a) Create Banners from scratch in 3 easy steps... 6 b) Create Banners from template in 3 Easy Steps...

More information

Digital Design. advertising specs

Digital Design. advertising specs Digital Design advertising specs March 2014 banners: web & mobile web banners File Formats: GIF, JPG, SWF File Size Limits: GIF, JPG: 40K SWF: 50K *Half Page: 50K (GIF, JPG), 70K (SWF) Resolution: 72 dpi

More information

Virtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades.

Virtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades. 28 VIRTUAL EXHIBIT Virtual Exhibit (VE) is the instant Web exhibit creation tool for PastPerfect Museum Software. Virtual Exhibit converts selected collection records and images from PastPerfect to HTML

More information

KFUPM. Web Content Management System powered by SharePoint 2010. www.kfupm.edu.sa 1

KFUPM. Web Content Management System powered by SharePoint 2010. www.kfupm.edu.sa 1 KFUPM Web Content Management System powered by SharePoint 2010 1 Sample Department Site Site Actions Steps to login for administrators Navigate to your website and type in the url /admin.aspx

More information

HTML5 Polite Banner Specs

HTML5 Polite Banner Specs HTML5 Polite Banner Specs MediaMind s HTML5 solution supports multimedia and extended application development without the need for third-party plug-ins, such as Flash. You can start creating a HTML5 ad

More information

ONLINE PREVIEWER MANUAL

ONLINE PREVIEWER MANUAL ONLINE PREVIEWER MANUAL Version: 1.20120103 1 Table of Contents 2 About the Adrime Previewer... 3 2.1 Accessing the Previewer... 3 2.2 Account overview... 4 3 Setting up your flight... 6 3.1 Step 1: Uploading

More information