Premium Templates

 WebPlus Templates

Image Galleries

 PrettyPhoto

 Hover Zoom

Image Effects

 Nivo Slider

 Circle Navigation

 Piecemaker 2

 EasySlider

 Image Slider

 Slide Thumbs

 Sliding Boxes

 Featured List

 Before and After

Video Players

 NonverBlaster:hover

 Flowplayer Video

Audio Player

 Mp3 NonverBlaster

Other Effects

 Animated Portfolio New

 Jquery Fade In/Out

 Accordion

 Smooth scrolling

 Unique scrollbar

 Page Peel

 News Ticker

Copyright © Flying Cow Labs All Rights Reserved.

Website crafted using the Serif Software Suite

If you’ve found these tutorials useful please help the world's poorest communities by making a small donation to WaterAid - Even if it’s just a one-off gift of £2 it would be massively appreciated.

Page Peel Tutorial

Gives the effect that the actual web page is peeled back to reveal an image. Hide extra information and link it to a page from within your website.

1. Download my handy zipped file from here; it contains 2 images, one for the page peel and the other is the hidden image. Also included is a wpp file to see for yourself how it works and a DrawplusX3 file of the original images so you can make changes to them if necessary.

2. Add the images to your website:

Click on Tools in the Webplus workspace > Site Manager > File Manager > Add File > Navigate to and include the ‘page_flip.png’ and ‘subscribe.png’ images.

3. Include the following script in the head of the master page or the page you wish to use the page peel.

Copy and paste > Insert > Web Object > HTML > Paste to Head.

4. Press Alt + S to bring up the pages html source code. Scroll down to the beginning of the head section where it says:

<!--Page Body Start-->

<!--Master Page Body Start-->

And insert the following code either in the <!--Page Body Start--> section or the <!--Master Page Body Start--> depending on if you would like the effect on a single page or used on all pages (ie the Master page section)

Change the link to point to your desired page

That’s it!