STEP 3 - Link Page Detail Style - XSitePro Website Design

Home Previous  Next

icon_xsp

Brought to you by XSitePro Website Design Software

professional website design made easy      

 

 

 

NOTE: This step only appears if you selected the "Maximum Page Count" option in Step 1. If you did not select this option, this tab will be removed and the following steps will become STEP 3 and STEP 4 appropriately.

 

 

When you arrive at this second step, the screen will resemble that shown below:

 

window_links_manager_step3

 

 

This screen is similar to the previous one insofar as it is split into two parts - settings, left, and preview, right. It also gives control over page design but this time for the link-specific details pages that are only featured if you selected the 'Maximum Page-Count' option back in Step 1.

 

The settings we can adjust on this screen are as follows:

 

 

Links Page - Page Title:

 

Page Title - Enter the title text you would like to display at the top of every link details page. Note: You can also use 'tokens' in this text-box, these are described below.

 

 

Page Title Font - To select the font you wish to be used for the page title text, click the drop-down font selector and select your preferred font from the list that appears.

 

 

Page Title Font Size - To specify the font size for your page title text, click the font size drop-down and select your preferred point-size (6pt - 72pt) from the list that appears.

 

 

Page Title Font Style - To make your page title text bold, italic or underlined, simply click on the appropriate button.

 

 

Page Title Font Color - Using the color text-box/selector we can specify the color of our page title text. Either type the color into the text box provided or click the 'browse' button to the right of the text-box to launch the color-picker tool. For more details of the color picker tool, see the section in this manual entitled: 'Color Picker'.

 

 

Page Title Text Alignment - To align your page title text, left, center or right of the page simply click the appropriate option in the list provided. This will align your text accordingly.

 

 

Page Title Tokens Button - To insert a token value into the page title text-box described above, click the 'tokens' button to load a small list of available tokens. The window will resemble the one shown below:

 

window_links_manager_step3_tokens

 

To select a token, click the token name in the list and then click the 'Insert' button. This will insert the token variable at your cursor position, within the title text-box. The tokens available are described below:

 

{{Category}} - Inserts the name of the category to which this page applies.

{{Web site Title}} - Inserts your Web site title.

{{Link         Title}} - Inserts your Web site title.

 

 

Links Page - Link Text:

 

Links Font - To select the font you wish to be used for the Links text, click the drop-down font selector and select your preferred font from the list that appears.

 

 

Links Font Size - To specify the font size for the Links text, click the font size drop-down and select your preferred point-size (6pt - 72pt) from the list that appears.

 

 

Links Font Style - To make your Links text bold, italic or underlined, simply click on the appropriate button.

 

 

Links Font Color - Using the color text-box/selector we can specify the color of our Links text. Either type the color into the text box provided or click the 'browse' button to the right of the text-box to launch the color-picker tool.

 

 

Links Text Alignment - To align your Links text, left, center or right of the page simply click the appropriate option in the list provided. This will align your text accordingly.

 

 

Links Page - Links Description Text:

 

 

Include Description Option - To include a description of the link (the description you entered when creating your link entries) simply check this check-box.

 

 

Description Font - To select the font you wish to be used for the Link description text, click the drop-down font selector and select your preferred font from the list that appears.

 

 

Description Font Size - To specify the font size for the Link Description text, click the font size drop-down and select your preferred point-size (6pt - 72pt) from the list that appears.

 

 

Description Font Style - To make your Link Description text bold, italic or underlined, simply click on the appropriate button.

 

 

Description Font Color - Using the color text-box/selector we can specify the color of our Link Description text. Either type the color into the text box provided or click the 'browse' button to the right of the text-box to launch the color-picker tool.

 

 

Description Text Alignment - To align your Link Description text, left, center or right of the page simply click the appropriate option in the list provided. This will align your text accordingly.

 

 

Links Page - Link URL:

 

Include Link URL - To include a URL to the page/site being described in this details page, simply check this check-box.

 

 

Link URL Font - To select the font you wish to be used for the Link URL text, click the drop-down font selector and select your preferred font from the list that appears.

 

 

Link URL Font Size - To specify the font size for the Link URL text, click the font size drop-down and select your preferred point-size (6pt - 72pt) from the list that appears.

 

 

Link URL Font Style - To make your Link URL text bold, italic or underlined, simply click on the appropriate button.

 

 

Link URL Font Color - Using the color text-box/selector we can specify the color of our Link URL text. Either type the color into the text box provided or click the 'browse' button to the right of the text-box to launch the color-picker tool.

 

 

Link URL Alignment - To align your Link URL text, left, center or right of the page simply click the appropriate option in the list provided. This will align your text accordingly.

 

 

Links Page - Link Screenshot Thumbnail:

 

Display Thumbnail Option - Checking this box will cause the thumbnail (captured when you first added the link) to be displayed on the link details page.

 

 

Thumbnail Alignment - Using this setting you can align the thumbnail image in the page. The options available are:

 

Top Left

Top Center

Top Right

Left of Text

Right of Text

Bottom Left

Bottom Center

Bottom Right

 

 

Enable Large Screenshot Pop-up - If checked, this will cause your thumbnail image, described above, to serve as a clickable link. On clicking your thumbnail image, in the links detail page, a large screenshot image will appear in a pop-up window. This achieves two things: First, it is an useful preview for your visitor without having to leave your site and, secondly, it's the "extra mile" in the eyes of the site owner whose link you've featured - by this we mean that in doing so much to neatly and comprehensively list their site on your own the chances of reciprocal links are greater than were you simply to feature a flat link on a simple links page. If you were to e-mail the sites featured in your links' pages and tell them that you had gone to the trouble of creating a dedicated page with thumbnail and full sized page preview, etc., there's a good chance you will get a favorable response in return. They do not have to know of course that XSitePro did all of this for you!

 

 

When you are happy with the style changes you have made, you may proceed to the next step by clicking the 'Next' button.

Home  Previous  Next