They say there is an ad format for every situation and the page peel is designed for those times when you
have a tiny space where advertisers want to say something big.
Customization
- 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
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 right page peel.
Right Sample Images
These images are designed for a left 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">