Navigation

Languages

Website setup - Site apearance

Use this page to give your website a title, banner image, and a color for menus and page titles

  1. Under the Website set up page click the Site Appearance button

    Website setup - Site appearance tab
    Website setup - Site appearance tab

  2. At the top of every page on your site is a banner. If you want your language name to appear in this banner, click the box next to Show language name in page heading.

    Site name, banner image, and background image options
    Website setup - Site appearance options

    Banner image with site and language names
    Website setup - Site appearance language and site names

  3. At the top of every page on your site is a banner. If you want your site name to appear in this banner, enter the site name in the box under Site name:.

    Note: Some themes do not look good with both of these turned on.

  4. To have a banner image you must select it from the dropdown list under Banner image:.

    Description: C:\Temporary files from Snagit\Website setup - Site appearance Banner image.jpg
    Website setup - Site appearance banner image

    Note: You should prepare the image before you upload it to the site. Use a picture-editing program to create an image that is 960 wide by 200 high. (See Photo and Banner Sizes and Image Editing for this procedure.)

    Here are the different possibilities for what is configured and what is then displayed in the various sections of the page:

    Box "show language name in page heading" is checked? "Site Name" field Custom CSS
    (in a file called mlsp-custom.css)
    -> Banner graphic overlaid by text Browser window "title" / Page title listed in Search Engine indexes
    no empty none no language name | page title
    yes empty none language name language name | page title
    no contains a Site Name none Site Name Site Name | page title
    yes contains a Site Name none Site Name
    language name
    Site Name | page title
    yes or no empty #site_name, #site_mission {display: none;} no language name | page title
    yes or no contains a Site Name #site_name, #site_mission {display: none;} no Site Name | page title

  5. The area on your computer screen to the left and right of the content area is the background. You may leave the default setting of no image or you may upload one.

    Background image highlighted; Its size changes depending on the browser and screen size
    Website setup - Site appearance background

    Note: You should prepare the image before you upload it to the site. Select an image and rename it background.jpg (See Photo and Banner Sizes and Image Editing for this procedure.)

  6. Under the title Background image option: is a drop down list.

    Background image menu options
    Website setup - Site appearance background image options

    1. No repeat means the image shows one time at its default size.
    2. Horizontal repeat means the image repeats from left to right.
    3. Vertical repeat means the image repeats from top to bottom.
    4. Full repeat means the pictured is "tiled", repeating vertically and horizontally.
    5. Stretch and fill means the image is stretched to completely fill the visitor’s screen.
    6. Fit to width means the image is stretched from left to right.

    Note: You may need to try this several times to see which works best with your image. It is best that this file is smaller than 15KB.

  7. Select a radio button under Desktop colour theme.

    Colour schemes: click on radio button to select

    Website setup - Site appearance colour schemes

    Note: There are 14 color schemes available. They should fit with the colors of your banner and background image. The last 6 color schemes use a transparent background, letting the background image shine through. This can reduce readability if the background image has a high contrast. Use these only with low contrast background images.

  8. Select a radio button under Mobile colour theme.

  9. Click Save.

    Note: to preview the look of this go to Add or edit pages and select a page to look at. You may change this as often as you wish. For the Mobile theme preview, use a mobile device.