AdvertServe Cloud Ad Server Solution

Page Peel Demo

Try hovering your mouse over the page peel in the upper right or left corner and observe it expand. Then move your mouse away from the page peel and watch it shrink back. Refresh this page to see a page peel of the opposite orientation.

Gold Star The page peel draws the attention of visitors and gives advertisers ample space to deliver an effective message and call to action.

Specifications

  • The page peel can be left or right oriented and may be anchored to a page element or alternatively it will appear in the upper corners of the browser window.
  • The small image that appears when the page peel is closed must be exactly 100x100 px
  • The large image that appears when the page peel is opened must be exactly 700x700 px

Graphic Formats

  • JPG
  • GIF
  • PNG

Deployment

Deploying page peels on your web site couldn't be easier. Our code wizard will generate all of the HTML code for you. All you have to do is copy and paste that code into the bottom of your web page near the </body> tag.

Recommendations

  • Most of the time you can simply crop the top right corner of the larger image to create the smaller image, which provides for a seamless transition between the opened and closed states.
  • Alternatively you can use the smaller image to display a call to action to entice users into interacting with the page peel.
  • Page peels are not served to tablet or mobile phone users so you don't need to give any special consideration to them.
  • Try not to use images that have the same or too similar of a background color as your page as it will spoil the page peel effect.

Left Sample Images

These images are designed for a left page peel.

Right Sample Images

These images are designed for a right page peel.

Quirks Mode Considerations

If your web site happens to render in Quirks Mode you will need to correct that in order for the page peel to show up correctly in Internet Explorer, however, this can usually be accomplished by simply specifying a doctype if one is missing or by switching to a standards compatible HTML doctype.

The HTML5 doctype as well as all of the XHTML 1.0 or 1.1 doctypes, which are the most commonly used for modern or relatively modern web sites are already rendered in standards compliant mode and require no changes.

On older web sites that use HTML 4.01 you must use the complete doctype with system identifier which would be one of the following:

  • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Should you have any questions, please don't hesitate to reach out as we'd love to hear from you. Get Started Today!