There are three parts that make up an overall site design:
Home Page Template: This controls how the home page is laid out (i.e. what content appears in which area of the page).
Non-Home Page Template: This controls how pages other than the home page are laid out. It is important to note that this template must be set up separately to the home page - e.g. if you add a banner to the home page, you must also add the same banner (or a different one if you like) to the non-home template.
Site Styles: This controls colours and other design aspects of the entire site.
Previewing your site sets a special cookie on your machine that is cleared hen you close the preview window. If you don't close the window you may be 'stuck' in Preview mode when you visit the site normally. You can always clear the cookie by closing your browser and all windows totally, then re-opening.
Editing your templates
Your governing organisation may have locked or disabled certain features, and or specified default content or widgets. If a feature listed below is not available, it will mean the governing organisation has locked or disabled it.
Adding rows and widgets
If the Edit button is not visible, it means that the widget cannot be configured.
If the Delete button is not visible, it means that the widget cannot be deleted (this usually means it has been made compulsory by your governing organisation).
Deleting an entire row
If the Delete button is not visible it means that the row cannot be deleted (this usually means it has been made compulsory by your governing organisation).
Moving widgets and rows
Editing your styles
Styles affect all pages on your site (home and non-home).
Sets the banner* background colour, menu background colour and widget header background colour.
Sets the banner* text colour, menu text colour, menu hover colour and widget header text colour.
*Not applicable if an image is used instead of text in the Banner widget
|Background||This controls the background of the site - ie the space to the left and right of the site layout. It does not apply to the background of the site content itself.|
|Background Colour||Sets the website background colour.|
|Background-Image||Allows an image to be used for the site background. This will be visible to the left and right of the main content (bot not behind the content). Note - care should be taken to use an image with as small file size as possible (ideally < 100 kb) to ensure the site loads quickly.|
|Background-Repeat||Can optionally be set if using a background image. The image can be set to either not repeat, or repeat horizontally, vertically, or both. This is also dependent on the dimensions of the background image itself.|
|Menu||Item Padding||This is the space (in pixels) between the menu text and the border for each individual menu item. Note: If you have a larger number of menu items it is recommended to set a small padding.|
|Text Size||The font size for the menu text in points (pt).|
|Text - Font-Family||The font used throughout your website (headings, news items, menu and body text).|
|Widget definitions||Widgets are areas of a page that can output certain content or functionality.|
|Banner||Inserts text or an image that displays as the banner of your website. If you wish to use an image for your banner it must first be uploaded to the File Manager (Content > File Manager) before it can be selected.|
Images should ideally have a width of 850 pixels. Height is more flexible, but as a guide a 110px height should work well.A link can also be set for the banner, by default the banner links to the site home page.
|Image||Inserts an image that displays on your website. Before an image can be selected it must first be uploaded to the File Manager (Content > File Manager). A destination link can also be set for an image via the widget. Note: Images will scale to fit within the widget area however it is recommended that you resize images to the correct dimensions prior to uploading them to the file manager. Images should be optimised to as small file size as possible (ideally < 50 kb) to ensure the site loads quickly. Photos taken directly from digital cameras and phones will normally be too big in both dimenstions and filesize to use directly without re-sizing or optimisation.|
|HTML||Inserts an iframe of a html page that is then displayed on your website. To display Html content on your website an Html pages must first be created via the HTML Page Manager (Content > Html Pages > General Pages). Overflow content is handled via a scroll bar however, to ensure content is displayed neatly on the page, it is recommended that you avoid using set widths within your html.|
|Advert||Inserts an advert directly from your Advert Manager (Site > Advertising > ...) to the website. To display an advert via the widget:|
|YouTube||Inserts a YouTube player on your website containing videos from a YouTube playlist (|
|that is controlled/maintained via your YouTube account). The widget requires a YouTube Playlist ID to be entered. To obtain your PlayList ID:|
|For your Playlist ID would be PLEpeKf7U6gmYsc3hiQi1QmIHH-vlHfOk2|
|Events||Displays current event items from the Event manager (content > Events) in a variety of formats.|
|To display a Twitter feed on your site:|
|Inserts a feed from your designated Facebook account. To set the Facebook account simply paste the URL of your Facebook page into the Facebook URL field (e.g. https://www.facebook.com/InteractSportOfficial).|
|Competition Info (formerly titled "Scoreboard")||Inserts a widget that draws content directly from your Results and Statistics. The widgets displays Latest Results, Upcoming Matches and Ladders for your organisation and can be set to full or compact mode.|
|News Rotator||Inserts a news rotator|
|that displays current news items from the News Manager (Content > News). To display a news item within the rotator, you must check the Show in News Rotator checkbox when creating/editing the news item.|
|Match Score / Live Score|
|Inserts a widget|
|that allows selection of current matches that a organisation is either participating in (|
|e.g. clubs playing in matches) or managing (eg matches under an association). This displays the current score of the selected match, and in some cases, if Live Scoring is activated, will contain extra information (|
|e.g. cricket provides 'ball by ball' information). The widget can be set to full or compact mode.|
|Top Performers (cricket only)||Inserts a Top Performers widget that draws content directly from your Results and Statistics. The widgets displays Best Batting (aggregate), Best Bowling (most wickets), Best Batting Average and Best Bowling Average for your organisation.|