Template Tags
When a user clicks on a template to use it as their page layout, the link must
be formated so that the builder can understand what operation/s we need to do
for that page template.
Typical tag for calling the first page of the builder program (login.pl)
<A HREF="/cgi-bin/ultra/login.pl?p=plate102" Target="_top">Use this Layout</a>
The "p=plate#" is required for all links.
TEMPLATE COMMANDS
OPTIONS:
b=y tells the program we want the border background page.
(/login.pl?p=plate2&b=y)
bpb=y tells the program to bypass the background images for this template
(/login.pl?p=plate2&bpc=y) Used mainly for "welcome" templates
bpbut=y tells the program to bypass the buttons for this template
(/login.pl?p=plate2&bpbut=y)
bpcp=y tells the program to bypass the colors page and go directly to the form page.
(/login.pl?p=plate2&bpcp=y) This is used for custom templates where YOU want
to control all the page colors with no user options.
noxb=y tells the program NOT to allow the extra buttons on this page. (guestbook, about us, contact us)
(/login.pl?p=plate2&noxb=y) Used for the mail and orderform templates.
bnr=fob tells the program NOT to place banners on this site.
(/login.pl?p=plate2&bnr=fob)
but=s1 Button Style (s1email.gif)
bgcolor=ffffff Backgrond Color
tcolor=c0c0c0 Text Color
lcolor=0000ff Link Color
bgimage=200 Background Image
hcolor=ffffff Header Color
sh1color=000000 Subheader1 Color
sh2color=000000 Subheader2 Color
sh3color=000000 Subheader3 Color
You can use the above commands together if needed.[use (&) between commands]
EXAMPLE:
You want to create a page where YOU want to control all the page colors.
(/login.pl?p=plate2&b=y&bpcp=y)
on the template page, (plate#.htm) use a standard <BODY tag to set the page colors.
<Body BGCOLOR="#FFFFFF" TEXT="#464646" Background="http://www.my_server/image.gif">
You may use java, css, or DHTML within the templates.
Here is an example of a template which we control all the colors, logo, buttons for the page.
<A HREF="/cgi-bin/ultra/login.pl?p=plate80&bpcp=y&but=s1&bgcolor=ffffff&tcolor=c0c0c0&lcolor=0000ff&bgimage=200" Target="_top">test</a>
-------------------------------------------------------------------------------------------
plate1 - uses - form1.htm, page1.gif, page1t.gif plate1.htm
forms are in the "forms" folder /ultra/forms
all other files are in the "templates" folder /ultra/templates
plate1.htm is the template
page1t.gif is used for the thumbnail on the main page.
page1.gif is used on the form to show the user what the page layout looks like.
-------------------------------------------------------------------------------------------
THE TEMPLATES
"Special Tags"
EXAMPLE:
<CENTER> <!--SUBHEADER1 GOES HERE--> </CENTER>
### *** *** ###
The program will strip the TAG and replace it with the form input. The
templates MUST be made by hand with a plain text editor to avoid "special
hidden characters" that cause the script not to run. View some of the ready
made templates for examples. They are in the 'templates' directory, and
are called 'plate#.htm'. (plate1.htm)
It would be best to copy and paste the tags to avoid a typo.
### *** *** ###
### *** *** ###
<!--TITLE GOES HERE-->
### *** *** ###
<!--BODY GOES HERE-->
<!--0 BORDER BODY GOES HERE--> PRINTS <Body ... leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
### *** *** ###
<!--HEADER GOES HERE--> PRINTS <B><FONT FACE="Times New Roman" COLOR=FFFFFF SIZE="+3">Your Company Name or Header</FONT></B>
### *** *** ###
THESE TAGS ARE USED FOR TEXT
<!--TEXT1 GOES HERE-->
<!--TEXT2 GOES HERE-->
<!--TEXT3 GOES HERE-->
### *** *** ###
THESE TAGS ARE USED FOR LISTS
ANOTHER PLAIN TEXT TAG, THE <LI> TAG MUST BE IN THE TEMPLATE
(Can be used for anything)
<!--BULLET TEXT1 GOES HERE-->
<!--BULLET TEXT2 GOES HERE-->
<!--BULLET TEXT3 GOES HERE-->
### *** *** ###
<!--IMAGE1 GOES HERE-->
<!--IMAGE2 GOES HERE-->
<!--IMAGE3 GOES HERE-->
<!--IMAGE1 ALIGN RIGHT GOES HERE--> PRINTS <IMG SRC="..." Align=right>
<!--IMAGE1 ALIGN LEFT GOES HERE--> PRINTS <IMG SRC="..." Align=left>
<!--IMAGE2 ALIGN RIGHT GOES HERE--> PRINTS <IMG SRC="..." Align=right>
<!--IMAGE2 ALIGN LEFT GOES HERE--> PRINTS <IMG SRC="..." Align=left>
<!--IMAGE3 ALIGN RIGHT GOES HERE--> PRINTS <IMG SRC="..." Align=right>
<!--IMAGE3 ALIGN LEFT GOES HERE--> PRINTS <IMG SRC="..." Align=left>
<!--SPACER IMAGE--> ( Special tag to add space for border backgrounds )
( NOTE: 86 pixels is the width of the borders )
PRINTS - <IMG SRC="$bkgrnd_dir/trans1x1.gif" WIDTH=86>
<!--SPACER IMAGE2--> ( Special tag to add space )
PRINTS - $bkgrnd_dir/trans1x1.gif"
### *** *** ###
PRINTS <B><FONT FACE="Times New Roman" COLOR=FFFFFF SIZE="+3">Sub Header</FONT></B>
<!--SUBHEADER1 GOES HERE-->
<!--SUBHEADER2 GOES HERE-->
<!--SUBHEADER3 GOES HERE-->
### *** *** ###
THESE TAGS PRINT THE BUTTON IMAGES AND LINKS
<!--EMAIL BUTTON GOES HERE-->
<!--HOME BUTTON GOES HERE-->
<!--MENU BUTTON GOES HERE-->
<!--GUESTBOOK BUTTON GOES HERE-->
<!--CONTACT_US BUTTON GOES HERE-->
<!--ABOUT_US BUTTON GOES HERE-->
<!--SHOPPING CART BUTTON GOES HERE-->
<!-HORIZONTAL_TOOLBAR_HERE-> PRINTS: | Home | Email | etc
<!-HORIZONTAL_LINKBAR_HERE-> PRINTS: | link | link | etc
<!-VERTICAL TR BUTTON BAR GOES HERE->
PRINTS: <TR><TD><A HREF=...><IMG SRC=EMAIL-BUTTON></A></TD></TR><TR><TD><A HREF=...><IMG SRC=HOME-BUTTON></A></TD></TR> etc.
### *** *** ###
<!--NAME GOES HERE-->
<!--ADDRESS GOES HERE-->
<!--CITY GOES HERE-->
<!--STATE GOES HERE-->
<!--ZIP GOES HERE-->
<!--PHONE GOES HERE-->
<!--FAX GOES HERE-->
<!--EMAIL GOES HERE-->
<!-ADDRESS BAR GOES HERE-> PRINTS Name Address and phone in HORIZONTAL row
<!-VERTICAL ADDRESS BAR GOES HERE-> PRINTS Name Address and phone in VERTICAL row
<!-HOME_TEXT_LINK_HERE-> PRINTS <A HREF="">Home>/A>
<!-SITE_MAP_TEXT_LINK_HERE-> PRINTS <A HREF="menu.html">Site Map>/A>
<!-ABOUT_TEXT_LINK_HERE-> PRINTS <A HREF="about_us.html">About Us>/A>
<!-CONTACT_TEXT_LINK_HERE-> PRINTS <A HREF="contact_us.html">Contact Us>/A>
<!-GUESTBOOK_TEXT_LINK_HERE-> PRINTS <A HREF="guestbook...">Guestbook>/A>
<!-PRODUCTS_TEXT_LINK_HERE-> PRINTS <A HREF="cart">Products>/A>
<!-EMAIL_LINK_HERE-> PRINTS <A HREF="mailto:...">Email>/A>
<!--EMAIL GOES HERE--> PRINTS <A HREF="mailto:...">add@add.com>/A>
<!-HOME_TD_TEXT_LINK_HERE-> PRINTS <TD><A HREF="">Home>/A></TD>
<!-SITE_TD_MAP_TEXT_LINK_HERE-> PRINTS <TD><A HREF="menu.html">Site Map>/A></TD>
<!-ABOUT_TD_TEXT_LINK_HERE-> PRINTS <TD><A HREF="about_us.html">About Us>/A></TD>
<!-CONTACT_TD_TEXT_LINK_HERE-> PRINTS <TD><A HREF="contact_us.html">Contact Us>/A></TD>
<!-GUESTBOOK_TD_TEXT_LINK_HERE-> PRINTS <TD><A HREF="guestbook...">Guestbook>/A></TD>
<!-PRODUCTS_TD_TEXT_LINK_HERE-> PRINTS <TD><A HREF="cart">Products>/A></TD>
<!-EMAIL_TD_LINK_HERE-> PRINTS <TD><A HREF="mailto:...">Email>/A></TD>
<!-TR_TEXT_LINKS_HERE->
PRINTS <TR><TD><A HREF="">Home>/A></TD></TR>
<TR><TD><A HREF="menu.html">Site Map>/A></TD></TR>
<TR><TD><A HREF="about_us.html">About Us>/A></TD></TR>
<TR><TD><A HREF="contact_us.html">Contact Us>/A></TD></TR>
<TR><TD><A HREF="guestbook...">Guestbook>/A></TD></TR>
<TR><TD><A HREF="cart">Products>/A></TD></TR>
<TR><TD><A HREF="mailto:...">Email>/A></TD></TR>
### *** :) *** ###
<!--LINKTITLE GOES HERE-->
<!--LINK1 GOES HERE-->
<!--LINK2 GOES HERE-->
<!--LINK3 GOES HERE-->
<!--LINK4 GOES HERE-->
<!--LINK5 GOES HERE-->
<!--LINK6 GOES HERE-->
### *** *** ###
<!COUNTER_GOES_HERE>
<!COPYRIGHT_GOES_HERE>
<!USER_PAGE_LINK> Used to place your link or image on each user page. (see ultra5-configuration.pl)
plain text Link Tags:
<!-HOME_LINK_HERE-> PRINTS -> index.html
<!-SITE_MAP_LINK_HERE-> PRINTS -> menu.html
<!-EMAIL_LINK_HERE-> PRINTS -> mailto:$FORM{'email'}
<!-USERNAME_HERE-> PRINTS -> UserName
Use the links above like this:
<A HREF="<!-HOME_LINK_HERE->">Home</A>
Library tags:
<!-BACKGROUND_DIR-> PRINTS -> web address to: $bkgrnd_dir
<!-IMAGE_LIB_DIR-> PRINTS -> web address to: $image_library_dir
Use the tags above like this:
<IMG SRC="<!-BACKGROUND_DIR->/10.jpg">
There are 10 extra fields you can use for anything you like or need on your forms.
The fileds below CAN NOT be used for TextArea tags.
FIELD1 through FIELD10
<!-FIELD1_HERE-> PRINTS -> $FORM{'field1'}
<!-FIELD2_HERE-> PRINTS -> $FORM{'field2'}
through
<!-FIELD10_HERE-> PRINTS -> $FORM{'field10'}
You can use the fields on the form in any way you need.
DropDowm Lists
CheckBox
Radio Buttons
Text Input Box
The 10 fileds above CAN NOT be used for TextArea tags.