Member Support

Viewing Tutorial

No StarNo StarNo StarNo StarNo Star | Jan 14 2016, 12:08 PM | Print
Creating a Custom Design MAXeSite Template
Create a custom designed (e.g. top header logo, background wallpaper, text fonts, colours, borders, button, etc.) MAXeSite template, which can be applied to any of your MAXeSites with a click of the mouse.

To add your top header logo or background wallpaper, you will need each respective IMAGE URL.  


What is an IMAGE URL

An IMAGE URL is the web address of an online image.  To obtain the IMAGE URL of an online image:

1. Hover your mouse over an online image.
2. Right-click mouse button and select "Copy Image Location" (FireFox browser) or "Copy Image Address" (Chrome browser).
3. Open any text document, right-click the mouse button and select "Paste." You now have the image URL.


I do not have an IMAGE URL 

If your desired image is not online, you can use Jibbio to upload the image and obtain the IMAGE URL:

Before you begin, be sure that your images do NOT exceed the following dimensions:

Top header logo: 640 X 40 pixels (width X height)
Background wallpaper: 640 X 480 pixels (width X height)

Instructions

1. Create a new MAXeSite.
2. Click the Image field and upload your "Top header logo" image.
3. Click the Image field and upload your "Wallpaper background" image.
4. Save MAXeSite.
5. Go to the MAXeSite that you just created and click View Public URL.
6. Hover mouse over the "Top header logo" image, right-click mouse button and select Copy image location (or similar function), then save the IMAGE URL.
7. Hover mouse over the "Background wallpaper" image, right-click mouse button and select Copy image location (or similar function), then save the IMAGE URL.

You now have the IMAGE URL for your "Top header logo" and "Background wallpaper" images.


Create Custom Design MAXeSite Template

1. Go to the MAXeSites application.
2. Select Manage in the left menu, then click the title of any MAXeSite.
3. Select Customize Design, then Create NEW or Edit Custom MAXeSite template.
4. Edit template elements as desired.
5. Click Save Custom Design.