THE XARA XONE | XARA.COM | THE XARA CONFERENCES

Select Layer 1 and make sure it is visible and editable. Go to the second page.

Add a large number 2 and center it inside the circle. Change the fill to white and the outline to 40% Black. You can use the Alignment menu (Arrange menu), or preferably center the number visually.

From the Edit menu, select Pages > Duplicate Current Page. Do this again on Page 3 to create Page 4.

With the Text Tool (T), edit the numbers to match the page, so the number 3 appears in the circle on page 3 and 4 on page four.

Select each of these new numbers and Arrange > Convert to Editable Shapes. This step is necessary if you are using a fancy font so that the visitor's browser does not substitute Arial or Times New Roman. After you convert the number to editable shapes, group the number and circle.

Add a vertical 1pix rule the height of the circle and change the outline color to the glowing button color for that page, in this case blue.

TIP: Copy the rule to the clipboard, select the next page, and Edit > Paste In Place to paste the rule in the same spot on the next page.

Change the color of the rule to match the appropriate glow color for each page.

You can add a text block, pictures, or any other appropriate content. I have added a text area of highly persuasive and motivational sales copy to my page.

Add a website title or banner above the content. In this case I have added the website title with a Wall Shadow using the Shadow Tool (Ctrl F2). To help differentiate the page, I dragged and dropped a similar light blue color from the screen palette onto the Wall Shadow.

TIP: Shadows can also have gradient fills such as Linear, Circular and Conical. Ctrl click on the shadow to select just the shadow, then select the type of fill you wish to add from the Fill Types drop down list.

Copy the website title and Paste in Place on the next two pages. Change the drop shadow colors to match the glow buttons.

Save your website and take a short break.