Copyright © 2012-2014 RichoSoft -  All Rights Reserved | Terms of Use | Privacy Policy
Home Templates Design Tools More Tools Logos Scripts Shop
Search our on-line Store
Donate and
help me add more FREE content
Spritely.net offers Animated Page Headers without Flash
Spritely uses jQuery and a Custom Spritely javascript, together with a little css and some on-page code.

Our installation demo today will show you how to add the animation above the top of your page, without affecting your current page layout in WebPlus X5.

Firstly download the demo files from Spritely here:                                   Use the supplied images for this tutorial.
Place the following code in the <head> of your page in an HTML fragment:
Go to Spritely.net
Add the two scripts and the css files supplied to your document using Tools>Site Manager>Files adding the scripts to a folder called scripts and the css to a folder called styles. Scripts: jquery-1.6.3.min.js and jquery.spritely-0.6.js. (Do not add the jquery-1.6.3.min.js if you already have jQuery or a variant on your page already).
Similarly add all the images supplied into a folder called images.
(Do not add the reference jquery-1.6.3.min.js if you already have jQuery or a variant on your page already).
Then add the following to the HTML of your page replacing the <!--Page Body Start--> tag with the code.
Do this by clicking off the page right Click and click Attach HTML, scroll down to <!--Page Body Start-->
Then add the following to the HTML of your page replacing the <!--Page Body End--> tag with the code.
Do this by clicking off the page right Click and click Attach HTML, scroll down to <!--Page Body End--> Just before the </body> tag
Publish or Preview your page. Job Done!
Sit back and admire your work.

Customise it by creating your own images and replacing their names etc. in the relevant places in the page code and css (where applicable).
You will also easily identify what to change to change the speed etc. in the code
Hope you find this useful.
Some function calls that may be of use Elegant Comments
Click the logo
Cookie Information

This message will only appear Once!

This site uses cookies to store information on your computer. They are only set when you access certain features on this site. Clicking adverts or links on this site may also result in a cookie being set by the advertiser’s or third party site. If you do not wish to receive any cookies then you should switch them off in your browser.

If you are not sure what cookies are or what they do, then please click the Cookie Information button below to find out more, before browsing this site. You can also get information on how to manage cookies in your browser there too.

You can find out how we use cookies in our Privacy Policy.

By continuing to browse this site you accept the use of cookies.



This site uses the following types of cookies:
  • Per session cookies. (These will be removed automatically at the end of the browser session and are used for things like Shopping Baskets.)
  • Persistant cookies. (These will remain for a pre-determined period of time and will contain data for Google Analytics and your site preferences etc.)
  • Third party cookies. (These may be set when you click links to other sites or click on advertisers links.)
CookieAlert by Fortune Design - © 2012 - All Rights Reserved
Home