All Pages  Creating Webpages Guide  Demo Page 1  Instructions to Create Demo Page 1 
Logo

Creating Demo Page 1

New Page 1

Demo Page 1


Region A1 – E1 (Page Menu)


Adding the Area


  • Place a tick in boxes A1 and E1 to select the region
  • Click Add Area button
  • Select Page Menus from the Content Type Drop Down List
  • Leave Event Group as it is
  • Click the 4th radio button to select the colour
  • The Top Left Alignment is currently selected, leave this as it is
  • Click Add Area

Selecting the Options


  • Select Left-Right (Horizontal) from the Menu Orientation Drop down List
  • Select Previous Pages from the Menu Type Drop Down List
  • Select Plain Text from the Menu Styling Drop Down List
  • Set Use Full Area Width to Yes
  • Click Save

Region A2 – E2 (Logo Image Area)


Adding the Area


  • Place a tick in boxes A2 and E2 to select the region
  • Click Add Area
  • Select Image from Album as the Content Type
  • Leave Event Group as it is
  • Click the 5th radio button to select the colour
  • Select the Middle Alignment for the image
  • Click Add Area

Selecting the Image


  • Click the Choose Image button in order to list all albums
  • Browse the Albums and click on the Album that contains the Image required
  • Click on the required Image once the album is opened
  • The Image ID is automatically entered in the Image’s ID box (NB: if the Image ID is known, this can be typed directly into the box without the need to browse for the image)
  • Click the Continue button

Selecting the Options


  • Set the Image Width in Pixels from the drop down list or by typing in the adjacent text box. In this case, the Image’s Width was set to 500px.
  • Set the Image Height in Pixels. In this case, the Image’s Height was left as No Value
  • Set the Picture Styling to No Value
  • Click Save

Region A3 – B3 (Text Entry)


Adding the Area


  • Place a tick in boxes A3 and B3
  • Click Add Area
  • Select Text Entry as Content Type
  • Leave Event Type as it is
  • Click the 3rd radio button to select the colour
  • Leave the alignment as Top Left
  • Click Add Area

Adding Text


  • Select the required font, size and colour using the text editor form
  • Type the Text in the box
  • Click Save
  • Then click Continue

Region A4 – B4 (Specific Link)


Adding the Area


  • Place a tick in boxes A4 and B4
  • Click Add Area
  • Select Link – Specific Link as Content Type
  • Leave the Event Type as it is
  • Click the 3rd radio button to select the colour
  • Set the alignment as Middle
  • Click Add Area

Selecting the Link


  • Browse the list of Links and click the Select button next to the required link
  • Click the Continue button which is now activated

Choosing the Options


  • If the link includes a picture, set the picture size in pixels. In this case the size was set at 200px
  • Set Include Statistics to No
  • Leave Picture Styling as No Value
  • Set Display Link’s Description to Yes
  • Set height in pixels. In this case the height was set as No Value

Region C3 – E5 (Text Entry)


Adding the Area


  • Place a tick in boxes C3 and E5
  • Click Add Area
  • Select Text Entry as the Content Type
  • Leave Event Type as it is
  • Click the 2nd radio button to select the colour
  • Leave the alignment as Top Left
  • Click Add Area

Adding Text


  • Type the required text in the Text Editor form, selecting the required fonts and sizes as necessary
  • Click Save
  • Click Continue

Region A5 (Related Links)


Adding the Area


  • Place a tick in box A5
  • Click Add Area
  • Select Links – Show Related as the Content Type
  • Leave Event Type as it is
  • Click the 7th radio button to select the colour
  • Leave alignment as Top Left
  • Click Add Area

Selecting the Short list of Links


  • Click the Select button next to the required short list of links
  • Click Continue
  • For further information about how to create a short list of links click here

Selecting the Options


  • Set Use Full Area Width to Yes
  • Click Save

Region B5 (Related Links)


  • Place a tick in box B5
  • See instructions for Region A5

Region A6 – E6 (Page Menus)


Adding the Area


  • Place a tick in boxes A6 and E6
  • Click Add Area
  • Select Page Menus as the Content Type
  • Leave Event Group as it is
  • Click the 2nd radio button to select the colour
  • Select the Middle alignment
  • Click Add Area

Selecting the Options


  • Select Left-Right (Horizontal) from the Menu Orientation Drop down List
  • Select Sub Pages from the Menu Type Drop Down List
  • Select Plain Text from the Menu Styling Drop Down List
  • Set Use Full Area Width to Yes
  • Click Save

NB: The page menus on the Demo Page will be different from those shown on the Original Page. Menus list Previous or Subpages to the current page. Both pages were created on different websites, therefore their menus will list different pages.

© Interaction-online.com Version 1.14.1a