| |
Add Cool Stuff: Applet Library
Folder Scroll Detail |
| |
The folder scroll applet is a unique way to present messages on your pages. To get started, all you need are those
messages to be seen by your users. Of course, you may want to alter the applet to suit your needs by adding links,
controlling speed, and changing text parameters. |
| |
| 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 - Folder Text (REQUIRED) |
| |
There are two parts of the folder text, the title and the actual text of
the folder. Each title and text must have a different name. Therefore, we have to create a separate parameter name
for each.
Use the CAPTION parameter to make a title for the folder and add the number of its appearance in the scroller.
The first title is CAPTION 1, the second title is CAPTION 2, the third title is CAPTION 3, and so on. Use this
parameter until all of your folders have a title with the corresponding number. The number represents the order
in which the folders will scroll.
The TEXT parameter determines the actual text of the folder. We create the text for each folder in the same manner
as above. The text of the first folder is TEXT 1, of the second folder is TEXT 2, and so on. The number should
correspond to the correct CAPTION number, so that the text of the folder will have the right title.
Note: The applet uses the number of captions that there are to determine how many corresponding TEXT elements there
are. You cannot ommit the CAPTION parameter and have the text still load. You could however, just set the VALUE="
", if you do not want the caption. |
| |
| Step 4:
Customizing the applet- Links (Recommended) |
| |
The link parameters are made in just the same way. LINK 1, LINK 2, LINK
3, and so on and correspond to the appropriate CAPTION and TEXT parameters. LINK 1 is the link for CAPTION 1 and
TEXT 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 CAPTION 2 or TEXT 2, there should be no parameter named LINK 2. |
| |
| Step 5:
Customizing the applet- Font (Recommended) |
| |
There are three parameters to control the appearance of the font, FONT NAME,
FONT STYLE, and FONT SIZE. You can opt to make the caption and text of different font values.
The CAPTION FONT NAME is the actual font of the title to be used and can be:HELVETICA, COURIER, TIMESROMAN, SYMBOL,
or DIALOG. Insert your choice in the value section of the parameter named "CAPTION FONT NAME".
The CAPTION FONT STYLE is the style of the font of the title and can be: PLAIN, BOLD, ITALIC or BOLDITALIC. Insert
your choice in the value section of the parameter named "CAPTION FONT STYLE".
CAPTION FONT SIZE is the point size of the font of the title. You can choose any integer, but don't make it too
big for the image, or too small to read.
The TEXT FONT NAME is the actual font of the text to be used and can be:HELVETICA, COURIER, TIMESROMAN, SYMBOL,
or DIALOG. Insert your choice in the value section of the parameter named "TEXT FONT NAME".
The TEXT FONT STYLE is the style of the font of the text and can be: PLAIN, BOLD, ITALIC or BOLDITALIC. Insert
your choice in the value section of the parameter named "TEXT FONT STYLE".
The TEXT FONT SIZE is the point size of the font of the text. You can choose any integer, but don't make it too
big for the image, or too small to read. |
| |
| Step 6:
Customizing the applet- Colors and Background (Recommended) |
| |
There are three colors to the applet that you can change. These are the
background color, the text color, and the select color. All colors must be specified in hexadecimal, as when you
create your HTML pages.
The BGCOLOR parameter defines the color of the background of the applet. Defaults to white. Shows while loading
the background image, if an image is chosen.
The CAPTION FGCOLOR parameter determines which color the title text of the folder is. Defaults to black.
The CAPTION SELCOLOR parameter determines which color the title text of the folder will become when the mouse is
placed over that caption. Defaults to the same color as the CAPTION FGCOLOR.
The TEXT FGCOLOR parameter determines which color the text of the folder is. Defaults to black.
The TEXT SELCOLOR parameter determines which color the text of the folder will become when the mouse is placed
over that text. Defaults to the same color as the TEXT FGCOLOR.
If you wish to use an image as your background instead of a color, use the BACKGROUND IMAGE parameter to specify
the name of your image to be used. Simply put the name in the value section of the code. |
| |
| Step 7:
Customizing the applet- Animation (Recommended) |
| |
You can control the speed of the scrolling and the display time with these
parameters:
The ANIMATION DELAY parameter allows you to control the delay in milliseconds between scrolling the images . Defaults
to 10.
The PAGE DELAY parameter determines the delay in milliseconds, intended to be large (say 2000), that stops the
scroller, every time a new page is shown. In this applet, a new page is shown every time the contents of the applet
completely change.This delay is made every time the images have scrolled the height of the applet. Our example
demonstrates these two delays. Defaults to 0 (no delay).
Change the value for the DELTA Y parameter to select the number of pixels that each image moves in each animation
in the vertical direction. A negative number will send the images up, a positive number sends them down. Defaults
to 0, no vertical scrolling.
The STOP ON MOUSE OVER parameter instructs the applet to stop scrolling whenever the mouse is placed over the applet.
Set the value to true if you want it to stop. Omit the parameter entirely if you do not, as the applet checks only
for the parameter's presence. Defaults to no stop on mouse over. |
| |
| Step 8:
Customizing the applet- Text Position (Recommended) |
| |
There are ways to control the positioning of the text within the applet.
The INSET parameter determines the number of the pixels from the left of the applet that you would like to be clear
of text. You might consider this the margin. Defaults to 0.
The TEXT STOP parameter defines the number of pixels from the left of the applet where the last letter for the
line should end. Thus, the applet will draw text from inset to text stop. Defaults to the width of the applet.
The CAPTION STOP parameter determines the number of pixels from the left of the applet where the last letter
for the line of caption text should end. The applet will draw caption (title) text from inset to CAPTION STOP. |
| |
| Step 9:
Go to File Manager |
| |
Remember to return
to this page from the File Manager after pasting the code.
|
| |
| Step 10 :
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 |
|
|
