01273 930095
Support - Log in

Day 3 – Moving, resizing and rollback

Its really easy to move and resize elements within Webmanager. In this tutorial we’ll rearrange our photos to create a collage effect. You will need to open the index page to follow this tutorial.

Click here to view a video demonstration for Moving, resizing and rollback

Step 1 - moving elements

Moving elements is very simple. Click on an image to select it. Hold down the left mouse button over the image and drag the mouse. Release the mouse button to stop dragging. You cannot move an element outside of the boundaries of the container it is in.

Step 2 - Resizing elements

Select the image of the whale. Click and drag the bottom right hand corner to enlarge the picture slightly. Enlarge the picture by approximately 20 pixels in height and width. You can check this in the top right hand corner of the screen. Repeat this process for each image so that they overlap, creating a collage effect.

Step 3 - Moving elements to the front

When an element is highlighted, it is automatically brought to the front, but to force it to stay at the front, you will need to set the 'z index' value. If no value is set, the latest element to be bought into a page is automatically placed on top. Select the first image and enter type 10 into the 'z' box in the top right of the screen. Click off the element to see that it does not automatically fall back behind the images.

Step 4 - rollback

After all of the moving and resizing, save the page, and view it live by clicking on the save button, then the view live site. You might decide now that you preferred it the way it was. From the file drop down menu, click rollback. You will now see previous versions of your page, ordered by time. Each time you save a page, a new entry is added to this list. We only want to rollback to the version before the last save, so select the last one in the list and click rollback. Your old page will now appear. Click save and view the live version again.

Summary

In this tutorial you learned how to move and resize elements on the page and also how to roll back to previous versions of your page.
This Tutorial is Day 3 in a Series of 10 Tutorials designed to teach you the features of Webmanager. You can progress through these tutorials at your own pace. If you would like to jump straight to the day 4 tutorial click here:.
http://www.webwam.co.uk/support/daily/mouseovers
If you would like to learn more about working with elements visit our bite size Tutorials page
http://www.webwam.co.uk/support/bitesized/index

Home - Applications - Gallery - Affiliates - FAQs - Online Business Website Training - Support - Login - Contact - About us - Terms & Conditions
Webwam Ltd Registered Office: 5 Cornfield Terrace, Eastbourne, BN21 4NN. Registered in England No: 7110059