Editing HTML

Editing HTML

TIP: You can resize this help window for better viewing.

Template text files consist of 4 different types of text, commands or tags

Remarks or comments

Start with "---". These lines are ignored by the Link Directory Creation Engine.

HTML code

This is output directly as is.

DataTags

These are replaced with data from fields in your ThemeSite database.

example: <|TITLE|>

SubTemplates.

The lines between the SubTemplate tags may or may not be used by the Link Directory Creation Engine depending on various reasons.

example: <||LinkPartnerTitleSubTemplate||>

The hardest part of editing the Template files is knowing what each section of the Template does to the output of your link Directory. You should be familiar with HTML before editing your Template files. If you are not familiar with HTML, you should become so. Buy a basic book on HTML and learn the basic syntax. When first working with the Template files, do not edit the DataTags and SubTemplate tags, though the HTML code, within them, may be changed to suit your needs.

You can move things around as long as you don't break up the SubTemplates. Take out DataTags and replace them with your own code if that will help you to gain the look you are looking for. Everything can be adapted or edited for just about any need. Play with it. Worst case, you will have to replace the Template files with new ones and start over.

There are 6 sections to the ThemePage Template file. The different sections are color-coded below.

HEAD section

Title section - Body tag and top of each Theme Page

Link Partner listings

Other important links listings

Footer or lower section

Global Variables

First, let's strip out the remarks and comments and look at what is left. If you are familiar with HTML, you can now see the Template code more clearly that is used to create the directory. Except for the DataTags and SubTemplate tags, there is only basic html code and text.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

<|BODY_TAG|>
<|HEADER|>

<CENTER>

<a href="<|WEBSITE_ADDRESS|>" target="_blank">My website's home page</a>

</CENTER>

<||NavBarSubTemplate IncludeIfMoreThan="0" ThemeDelimiter=" | " CharacterBetweenThemeAndNumber="_" Mode="LinkMenu"||>
<CENTER>
<BLOCKQUOTE>

<|NavBar|>

</BLOCKQUOTE>
</CENTER>
<||/NavBarSubTemplate||>

<|THEME_COMMENT|>

<||LinkPartnerTitleSubTemplate||>
<CENTER>

Please support our Link Partners by visiting them.

</CENTER>
<||/LinkPartnerTitleSubTemplate||>

<BLOCKQUOTE>

<||LinkPartnerListingSubTemplate||>
<DL><DT>
<img src="<|STAR.GIF|>" border=0 alt="">
<a href="<|URL|>" TARGET="_blank">

<|TITLE|>...
</a></DT>
<DD>
<|DESCRIPTION|>...
 
<CITE>
<|#PAGES|> pages found, <|#HYPERLINKS|> links found, <|SCORE|> score
</CITE>
<a href="<|URL|>" TARGET="_blank">
<|URL|>
</a>
<||/LinkPartnerListingSubTemplate||>

<||LinkPartnerBannerSubTemplate||>
 
<a href="<|URL|>" TARGET="_blank">
<img src="<|BANNERURL|>" border=1 alt="<|TITLE|>"></a>
<||/LinkPartnerBannerSubTemplate||>

<||LinkPartnerCommentsSubTemplate||>
 "
"
<|COMMENT|>
"
<||/LinkPartnerCommentsSubTemplate||>

<||LinkPartnerEndSubTemplate||>
</DD></DL>

<||/LinkPartnerEndSubTemplate||>

</BLOCKQUOTE>

<||OtherLinksTitleSubTemplate||>
 

<CENTER>
Other important links.
</CENTER>

<||/OtherLinksTitlesSubTemplate||>

<||OtherLinksListingSubTemplate||>
<DL><DT>
<a href="<|URL|>" TARGET="_blank">

<|TITLE|>...
</a></DT>
<DD>
<|DESCRIPTION|>...
 
<CITE>
<|#PAGES|> pages found, <|#HYPERLINKS|> links found, <|SCORE|> score
</CITE>
<a href="<|URL|>" TARGET="_blank">
<|URL|>
</a>
<||/OtherLinksSubTemplate||>

<||OtherLinksBannerSubTemplate||>
 
<a href="<|URL|>" TARGET="_blank">
<img src="<|BANNERURL|>" border=1 alt="<|TITLE|>"></a>
<||/OtherLinksBannerSubTemplate||>

<||OtherLinksCommentsSubTemplate||>
 "
"
<|COMMENT|>
"
<||/OtherLinksCommentsSubTemplate||>

<||OtherLinksEndSubTemplate||>
</DD></DL>

<||/OtherLinksEndSubTemplate||>

</BLOCKQUOTE>
</BLOCKQUOTE>

<|THEME_COMMENT|>

<||NavBarSubTemplate IncludeIfMoreThan="8" ThemeDelimiter=" | " CharacterBetweenThemeAndNumber="_" Mode="LinkMenu"||>
<CENTER>
<BLOCKQUOTE>

<|NavBar|>

</BLOCKQUOTE>
</CENTER>
<||/NavBarSubTemplate||>

<CENTER>

<a href="<|THEME_INDEX_URL|>">
Information on adding your web site to our Link Directory
</a>

</CENTER>

<CENTER>
<|COPYRIGHT_SYMBOL|> Copyright <|COPYRIGHT_OWNER|>
</CENTER>

<BLOCKQUOTE>
<CITE>
These web site links are listed as a convenience to our visitors.
If you use these links, we take no responsibility and give no
guarantees, warranties or representations, implied or otherwise,
for the content or accuracy of these third-party sites.
</CITE>
</BLOCKQUOTE>

<|FOOTER|>

</BODY>
</HTML>
--------------------------------------------------------------------------

PageExtension=".html"
LinkDirectoryFolder="links"
ThemeIndex="themeindex"
OrderBy="Title"
SortOrder="ASC"
DisplayPages="no"

Section Detail

Head section

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

You probably do not want to edit the Head section. Whatever you edit or change will be added to every Theme page. This section contains the DataTags that are replaced with the correct data.

<|TITLE|> with the correct Title of each page. This is the Title that appears in the window bar of your browser.

<|META_TAGS|> with the correct meta tags for the search engines, using the Theme words.

<|HEAD|> gets replaced with the contents of the HEAD text file entered in Tools/Options/Directory/HEAD.

Title section - Body tag and top of each Theme Page

<|BODY_TAG|>

This DataTag can be edited or replaced with one that matches the color and schemes of your website.
i.e. - <body TEXT=#000000 BGCOLOR=#FFFFFF LINK=#003399 VLINK=#663366 ALINK=#FF0000>

<|HEADER|>

Inserts the contents of the Header text file. Tools/Options/Directory/HTML Header

Inserts the top image entered Tools/Options/Directory tab setting.

Inserts the Title for each page. If you wish to increase the size of the font, change the "5" in the HTML Font Tag to a "6". To make it smaller, change it to "4" or less. You can also change the color or type of Font by editing the HTML tags.

Once you know what each section does, it's easy to find the HTML code you need to change the HTML look of your Link Directory.

<CENTER>

<a href="<|WEBSITE_ADDRESS|>" target="_blank">My website's home page</a>

</CENTER>

Inserts the link to your Home page. If you wish to increase the size of the font, change the "3" in the HTML Font Tag to a "4". To make it smaller, change it to "2" or less. You can also change the color or type of Font by editing the HTML tags.

Inserts the NavBar for your entire directory. If you wish to increase the size of the font, change the "2" in the HTML Font Tag to a "3" or higher. To make it smaller, change it to "1". You can also change the color or type of Font by editing the HTML tags.

<|THEME_COMMENT|>

This creates a comment tag using the Theme as a comment for better placement on the Search Engines that place importance to them.

Link Partner listings

The listing SubTemplates are discussed in detail here.

Inserts the Please support our Link Partners by visiting them directly above the Link Partner listings. If you wish to increase the size of the font, change the "4" in the HTML Font Tag to a "5". To make it smaller, change it to "3" or less. You can change the color or the Font. You could enclose this in Table tags or any other HTML you wish.

<BLOCKQUOTE>

Inserts the main part of each ThemeSite's listing. You can change the size of the font, color or the Font. You could enclose this in Table tags or any other HTML you wish. More detail here.

<||LinkPartnerBannerSubTemplate||>
 
<a href="<|URL|>" TARGET="_blank">
<img src="<|BANNERURL|>" border=1 alt="<|TITLE|>"></a>
<||/LinkPartnerBannerSubTemplate||>

Inserts a ThemeSites banner if entered in the misc tab in the Maintain Screen

<||LinkPartnerCommentsSubTemplate||>
 "
"
<|COMMENT|>
"
<||/LinkPartnerCommentsSubTemplate||>

Inserts a ThemeSites comment if entered

<||LinkPartnerEndSubTemplate||>
</DD></DL>

<||/LinkPartnerEndSubTemplate||>

Inserts the ending HTML for every ThemeSite listing.

</BLOCKQUOTE>

Other Important links listings

These SubTemplates work exactly like the ones above in Link Partner SubTemplates.

Footer or lower section

Inserts the NavBar for your entire directory. If you wish to increase the size of the font, change the "2" in the HTML Font Tag to a "3" or higher. To make it smaller, change it to "1". You can also change the color or type of Font by editing the HTML tags.

<CENTER>

<a href="<|THEME_INDEX_URL|>">
Information on adding your web site to our Link Directory
</a>

</CENTER>

Inserts the link to your ThemeIndex page. If you wish to increase the size of the font, change the "2" in the HTML Font Tag to a "3" or higher. To make it smaller, change it to "1". You can also change the color or type of Font by editing the HTML tags. You may also change the text from "Information on adding your web site to our Link Directory" to whatever you wish.

<CENTER>
<|COPYRIGHT_SYMBOL|> Copyright <|COPYRIGHT_OWNER|>
</CENTER>

Inserts the copyright.

Inserts the directory disclaimer

Inserts a random Zeus banner at the bottom of your directory.

<|FOOTER|>

Inserts the information from your footer the bottom of your directory Tools/Options/Directory/HTML Footer

</BODY>
</HTML>

Global variables

PageExtension=".html"

Every page in the directory will be created with this extension.

LinkDirectoryFolder="links"

This is the directory that will link the NavBar correctly. If you change this, you must also change the View/Options/Link Directory/FTP Settings/Server Directory to accommodate this new setting. This setting links the NavBar while the Server Directory setting is the one used by the FTP upload program sub.

ThemeIndex="themeindex"

The name of the ThemeIndex file. In the default setting it is themeindex.html You can change this to whatever you want

OrderBy="Title"

The data field the link listings are sorted by or Ordered By. Possible choices:
Title
url
DateFound
Description
Score
DateEmailSent
NumberPagesFound
NumberPagesLoaded
NumberHyperlinksFound
ReviewComments

SortOrder="ASC"

Sets the listings' sort as ASC or DESC (ascending or descending)

DisplayPages="no"

If "DisplayPages="yes", then Zeus will create the themeindex.html page and show it to you in the new browser window. You have the option, by clicking the buttons at the bottom of this browser window, to display the next page or quit the viewing. If you display the next page, Zeus will show you the next page he creates which is your first link directory Theme page. If you click the Stop Viewing button, Zeus will exit the directory creation subs allowing you to edit the Template page for your next displaying of your pages. In this fashion, you only have to view two pages to see the output of both Templates.