Custom two-column Ebay template.

This page contains a free Ebay template generator which produces a two column layout. The column heights are independent of each other and increase to fit the content.
Further content can be placed below the columns in the footer section.
The custom templates use CSS style codes using methods detailed in the Style codes page.

Photo's may be placed into either column by using the Text Editor section. The width of these photo's needs to match the template and column width.

Larger photo's may be placed below the columns in the footer section by using the Image Link section.

Design selections

Below is the colour picker and a schematic diagram of the template design along with the design options. For colours, select the item then pick a colour using the colour picker. Click the Set Colour button to update the code and diagram. There are also premade colour schemes.

In addition there are areas to enter text for the title, content and footer sections as well as provision for adding photographs. When completed go to the code-view panel to copy the code.

Copying the code.

To create or update the code click the Make Code button, this will load the code into the code-view panel. The template may then be previewed by clicking the Preview button, this will either open a pop-up window or new tab. The design can be changed by going back to the design area, then click the Make Code button to update the code and the Preview button for a new preview.

When satisfied with the design click the Select All button to highlight the code. Copy the code by right-clicking on the highlighted area and then select copy, alternatively use Ctrl-C keys to copy the code.

Once the code has been copied open a new blank text or HTML document using notepad or an HTML editor, paste in the code and save the document. The template has now been created, now make a second copy for use as a back-up.

Left Column content goes here Right Column content goes here

Guidance notes

Setting colours.

To set a colour, select an item from the list then pick a colour using the colour picker. Click the Set Colour button to update the code and diagram. The colour code numbers in the colour picker and the set colour list are editble and can also be set by typing in a colour hex code.

Colour schemes

There is also a selection of pre-made colour schemes to choose from. Just click a swatch to change the colour scheme.

Adding text.

Text may be typed into the boxes. This text is not formatted and will appear as a block. Formatting can be done by adding HTML tags. There are a few HTML tag buttons in the newsletter text header that can be used. Within the text select where the tag needs to be inserted then click the tag button.

The BR, line break, does not require a closing tag. The other HTML tags require both an open and a close tag. Click a button once to open a tag, click it again to close the tag, the Close Tags button will close all open tags. In addition there are options for adding images and page dividers. Click the IMG or Divider button, enter the details, click in the text area where the item is required and then Submit.

For information about HTML tags see the HTML codes page.

Adding images & captions.

Enter the number of images required, from 0 to 35, and then click Update. This will create the image fields with caption fields below. If required each photograph can have a caption below it, if no caption is required leave the caption field empty.

The template is designed to use an external image hoster for storing the auction photos. One image hoster that can be used for storing auction photographs is Photobucket . Upload the photo to Photobucket and they will supply the url/address for it. This image shows the links as provided by Photobucket, the Direct Link is the one to be used.

Information; Photobucket have made changes, it is now necessary to hover the mouse pointer over the image to display the links.

The image link will look something like; http://i117.photobucket.com/albums/o47/eporium/jktwmk.jpg , this is the type of link that should be pasted into the image link area.