STEP 2 - Links Page Style - XSitePro Website Design

Home Previous  Next

icon_xsp

Brought to you by XSitePro Website Design Software

professional website design made easy      

 

 

 

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

 

window_links_manager_step2

 

 

The Page Style settings on this screen give you complete control over how your links page(s) will appear. The screen is divided into two parts: settings on the left and a preview on the right. As you make changes to the styles used in your links page, the preview will update in real-time to show the effect those changes will have on your pages' appearance.

 

 

The settings that you can adjust from this screen are described below:

 

 

Page Title:

 

Page Title - This is the actual text that the links' pages will use at the very top of the page. As well as entering static text in the text-box provided, you can make use of special text called 'tokens' which enable XSitePro to dynamically substitute page-specific information into each of your different links' pages, at the time of publishing. A token is used in this heading text, by default: {{Web siteTitle}} which will be substituted for the title of your Web site at the point of publishing. For details of the different tokens available for use in this text-box, see the description of the tokens button, below.

 

 

Sub Category Page Title - As with the title box, above, the sub category links' pages can have custom heading text at the top of the list of links. This text can also feature 'tokens' as described above, and as listed below (in the 'tokens' description).

 

 

Page Title Font - This font setting affects both sets of title text, above. To select the font you wish to be used for this heading text, click the drop-down font selector and select your preferred font from the list that appears.

 

 

Page Title Font Size - Again, this setting affects both sets of title text, above. To specify the font size for this heading 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 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 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 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 either of the title text-boxes 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_step2_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 appropriate 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.

{{Parent}} - Inserts the name of the parent category above this sub-category (above this category in our category structure).

{{CatDescription}} - Inserts the description entered for this page's category (if entered, at the time of creating the category).

{{CatKeywords}} - Inserts the keywords entered for this page's category (if entered, at the time of creating the category).

 

 

 

Top and Bottom of Page Text:

 

Insert Top of Page Text Option - If you would like to include some text/HTML code at the top of every links page generated you may specify this by checking the 'Insert Top of Page Text' option and then by clicking the 'Edit' button. This will load a designer window into which you can type your text (or enter your HTML, as preferred).

 

 

Insert Bottom of Page Text Option - If you would like to include some text/HTML code at the bottom of every links page generated you may specify this by checking the 'Insert Bottom of Page Text' option and then by clicking the 'Edit' button. This will load a designer window into which you can type your text (or enter your HTML, as preferred).

 

 

Tip: Categorized links' pages are of course tightly-focused content, and as such may well be fertile ground for Adsense blocks. You can insert adsense on all your categorized links' pages using the 'Top/Bottom-of-page text' feature.

 

 

Category Links Text:

 

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

 

 

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

 

 

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

 

 

Category Links Font Color - Using the color text-box/selector we can specify the color of our Category 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.

 

 

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

 

 

Category Description Text:

 

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

 

 

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

 

 

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

 

 

Category Description Font Color - Using the color text-box/selector we can specify the color of our Category 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.

 

 

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

 

 

Page Links Text:

 

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

 

 

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

 

 

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

 

Page Links Font Color - Using the color text-box/selector we can specify the color of our Page 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.

 

 

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

 

 

Page Links Description Text:

 

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

 

 

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

 

 

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

 

 

Page Links Description Font Color - Using the color text-box/selector we can specify the color of our Page Links 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.

 

 

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

 

 

Spacing:

 

Spacing between categories - To increase or decrease the spacing between list entries, for your categories in the page list, increase/decrease the values in the text box using the up/down arrows appropriately. You will notice the spacing changing in the preview window, to the right.

 

 

Spacing between links - To increase or decrease the spacing between the actual link entries themselves, increase/decrease the values in the text box using the up/down arrows appropriately. Again, you will notice the spacing changing in the preview window, to the right.

 

 

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