| |
Add Cool Stuff: Applet Library
Vertical Type Scroller Detail |
| |
Like other tickers, this applet scrolls text on your pages,
but it does it by typing the text vertically in the
applet. This is a very versatile applet, in that almost
all of the parameters for each message can be changed to
give a unique presentation. Though, you only need your
messages and links to get started. |
| |
| Step 1:
Copy Code |
| |
The text box below contains all of the applet
code you need to put the applet
on your page but, you will have to make some modifications as
described in the following steps. |
| Note :
Although this applet may be customized, DO NOT alter the first line of the HTML code.
The applet will not work if the first line of the HTML code, which begins "
|
| |
| Step 2:
Customizing the applet - Width and Height (REQUIRED) |
| |
Change the values for WIDTH and HEIGHT
to the actual values for your image using the pixel measurements of the image. |
| |
| Step 3:
Customizing the applet - Messages and Links (REQUIRED) |
| |
Each message will have
a different name, therefore must have a separate
parameter. All of the messages may have associated links, which in turn will
have their own parameters.
Use the MESSAGE parameter and add the number of its appearance in the scroller.
The first message is MESSAGE 1,
the second message MESSAGE 2, the third message is MESSAGE 3, and so on.
Use this parameter for all of your messages
with the corresponding number.
The link parameters are made in just the same way. LINK 1, LINK 2, LINK 3,
and so on and correspond to the message
with the same number. LINK 1 is the link for MESSAGE 1. If you do not
want to provide a link for a message, simply
do not add the parameter. That is, if there is no link for MESSAGE 2,
there should be no parameter named LINK 2. |
| |
| Step 4:
Customizing the applet- Font (Recommended) |
| |
There are three parameters
to control the appearance of the font, FONT NAME,
FONT STYLE, and FONT SIZE. For this applet, each message can be of a different
font name, style, and size. All
of the font parameters are constructed in the same manner as the LINK parameters.
The FONT NAME is the actual font to be used and can be:HELVETICA, COURIER,
TIMESROMAN, SYMBOL, or DIALOG. To specify
a font name for a message, simply add the message number to the FONT NAME
parameter. For example, the font name
of the second message is FONT 2 NAME, and the font name of the seventh
message is FONT 7 NAME. Insert the desired
font name in the value section of the parameter.
FONT STYLE is the style of the font and can be: PLAIN, BOLD, ITALIC or
BOLDITALIC. To choose the font style for
a message, add the number of the message to the FONT STYLE parameter.
For example, the font style of the third
message is FONT 3 STYLE and the font style of the fifth message is
FONT 5 STYLE. Insert the desired font style
in the value section of the parameter.
FONT SIZE is the point size of the font. You can choose any integer,
but don't make it too big for the image, or
too small to read. To change the font size for a message, simply add
the number of the message to the font size
parameter. For example, the font size of the first message is FONT 1
SIZE and the font size of the second message
is FONT 2 SIZE 2. |
| |
| Step 5:
Customizing the applet- Colors (Recommended) |
| |
Each message can be
customized to be a different color and have a different
select color. You may change all or some of the colors. Simply
omit the parameter if the default value is sufficient.
All colors must be specified in hexadecimal, as when you create
your HTML pages. The BGCOLOR
parameter controls the color of the background of
the applet. This value will remain constant for all messages.
Defaults to white.
The FGCOLOR parameter determines what color the text of the
message is. Using the format above, add the message
number to this parameter to specify the color of the text
of that message. For example, the text color of the first
message is FGCOLOR 1, of the second message is FGCOLOR 2,
the text of the third message is FGCOLOR 3, and so on.
Insert the appropriate color in the value section of the
parameter. Defaults to black.
The SELCOLOR parameter determines the color the text of a message
will become when the mouse is placed over that
message. Again, all you need to do is add the number of the message
to this parameter to change the select color.
For example, the select color of the third message is SELCOLOR 3,
of the fourth message is SELCOLOR 4, and so on.
Insert the appropriate color in the value section of the parameter.
Defaults to red. |
| |
| Step 6:
Customizing the applet- Positioning (Recommended) |
| |
This section
contains the information relating to the position of the text
within the applet. The inset, layout, and paragraph separation
can be changed for each of the messages. If you
do not wish to specify the inset for a message, simply omit that parameter.
The INSET parameter defines the distance, in pixels, from the left
side of the applet to the beginning of the text.
This can be specified for each message by adding the number of the
message to the INSET parameter. For example,
the inset for the first message is INSET 1, for the second message
is INSET 2, for the third message is INSET 3,
and so on. Defaults to 0.
The LAYOUT parameter determines the positioning of the text within
the applet. You can choose to put the text to
the left of the applet, the right of the applet, or center it. Use
L for left positioning, R for right, or C for
centering. You can specify the layout for each message using the
above format. Add the message number to the layout
parameter. For example, the layout for the first message is LAYOUT
1, for the second message is LAYOUT 2, and so
on. Defaults to left position.
The PARAGRAPH SEPARATION parameter allows you to control the distance,
in pixels, between the last sentence of
a message and the first sentence of the next message. For each message
there can be a different paragraph separation.
To specify, add the message number to the parameter. For example,
the paragraph separation for the first message
is PARAGRAPH SEPARATION 1. Defaults to 0. |
| |
| Step 7:
Customizing the applet- Animation (Recommended) |
| |
The speed of
the typing and display time can be changed to suit your needs,
though the only parameter that can be specified for each message
is the pause. Insert the appropriate time in the
value section for the line delay, animation delay, and pause
to get the desired effect.
The ANIMATION DELAY
parameter defines the time, in milliseconds, that it
take to type an entire line of the message. Defaults to 20.
The LINE DELAY parameter determines the time, in milliseconds,
that the applet pauses after typing one line of
the message before beginning the next line of the message. Defaults to 100.
The PAUSE parameter allows you to control the time, in milliseconds,
that the applet pauses after an entire message
is completely typed in before beginning to type the next message.
The pause can be specified for each message by
adding the message number to the parameter. For example, the pause
after the first message is PAUSE 1, after the
second message is PAUSE 2, after the third message is PAUSE 3,
and so on. Defaults to the same value for ANIMATION
DELAY. |
| |
| Step 8:
Go to File Manager |
| |
Remember to return
to this page from the File Manager after pasting the code.
|
| |
| Step 9 :
Activate New Applet |
| |
Once all the previous
steps are complete, the applet must be activated in order for it to work on your page.
Activate your new applet by pressing the button below.
|
|
Back to Applet Library
|
|
|
