Featured List - Serif WebPlus Tutorials - Addons, Plugins, Tutorials and Resources

Premium Templates

Image Galleries

Image Effects

Video Players

Audio Player

Other Effects

Animated Portfolio New

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.

Featured List Tutorial

This tutorial shows how to add a jquery image slider with descriptions and links. A nice addition to a home page to link to other pages on your site!

The original tutorial and coding comes from the guys at jQueryGLOBE well worth a look!

1. Download my handy zipped file - Includes javascript, css, images and a single paged WebPlus file so you can see how it all works.

2. Using an ftp program such as filezilla add the complete ‘feature’ file to the root of your server, this contains everything needed for the add-on to work.

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

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

4. Copy the following code and paste it in to the body of your web page.

Copy and paste > Insert > Web Object > HTML > Paste to Body

Placement of the image slider will depend on the placement of the HTML fragment.

    
    	
    		 
    			 
    				 
    					 
    					Services 
    					Lorem ipsum dolor sit amet consect 
    				 
    			 
    			 
    				 
    					 
    					Programming 
    					Lorem ipsum dolor sit amet consect 
    				 
    			 
    			 
    				 
    					 
    					Applications 
    					Lorem ipsum dolor sit amet consect 
    				 
    			 
    		 
    		 
    			 
    				 
    				See project details 
    			 
    			 
    				 
    				See project details 
    			 
    			 
    				 
    				See project details

That’s everything to get the sample images and text to work in your Serif Webplus website.

Make changes to the colours of font etc in the Style.css file found in the ‘Feature’ file.

Don’t forget to sign up to my Newsletter to keep updated with new Add-ons added to this website!