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
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
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>s=a:none,b:9 72,c:0,d:center,e:false,f:LeftGutter,g:RightGutter,h:false,i:false; 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
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.
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...
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...
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...
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
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
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
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
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...
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
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
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
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
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,
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/
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,
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
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
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
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
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...
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
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
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
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
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
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...
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
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
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
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.
Technical Specifications Material & Tags Submission - Materials have to be sent to email@example.com. - We will send feedback within 24 hours after material reception. - All elements should work properly
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
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
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
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
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
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,
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
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
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
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.
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
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
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
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
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
UVACOLLAB ECLPS: BUILDING COURSE PORTALS UVaCollab User Guide Series firstname.lastname@example.org Revised 4/28/2014 CONTENTS The eclps Overview... 3 Objectives... 3 Adding the Syllabus or Lessons Tool to
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.
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
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,
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
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
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
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
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
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
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
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
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
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...
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
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