Yahoo! GeoCities
Yahoo! - Account Info - Help - Sign Out


  

Yahoo! GeoCities
 Home 
Home > Add-Ons > Animation & Multimedia >

Scrolling Text & Images

View Applet


Like other tickers, this applet scrolls text on your pages. This applet is different because it allows you to scroll entire paragraphs, not just a single line of text. All you need to have this applet working for you is your messages to the world.
 
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 " <APPLET CODE=... ", is changed.
 
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 (REQUIRED)
Each message will have a different parameter, and as a result must have a different name. Therefore, we have to create a separate parameter name for each.

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.
 
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 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 5:  Customizing the applet- Font (Recommended)
There are three parameters to control the appearance of the font, FONT NAME, FONT STYLE, and FONT SIZE.

The FONT NAME is the actual font to be used and can be:HELVETICA, COURIER, TIMESROMAN, SYMBOL, or DIALOG. Insert your choice in the value section of the parameter named "FONT NAME".

FONT STYLE is the style of the font and can be: PLAIN, BOLD, ITALIC or BOLDITALIC. Insert your choice in the value section of the parameter named "FONT STYLE".

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.
 
Step 6:  Customizing the applet- Color 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.

The FGCOLOR parameter determines what color the text of the paragraphs is. Defaults to black.

The SELCOLOR parameter determines which color the text of a message will become when the mouse is placed over that message.

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 this parameter.
 
Step 7:  Customizing the applet- Animation (Recommended)
You can control the speed of the scrolling and the display time with these parameters:

The LINE DELAY parameter determines the delay in milliseconds before scrolling the paragraph up one pixel. Defaults to 10.

Change the value for the ALL DELAY parameter to control the delay in milliseconds that the entire paragraph is shown after it is completely scrolled in. Defaults to 2000.


The SMOOTH parameter allows you to speed things up. The applet is designed to be as smooth as possible, but this slows things down a bit. If you set this parameter's value to false, it will speed things up considerably, assuming that you have LINE DELAY at a low value. With LINE DELAY at 0, and SMOOTH at false, the applet will scroll so fast, it will appear as if the paragraphs are not scrolling at all, just being drawn. Defaults to TRUE, therefore slow.
 
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 distance in pixels from the left hand side of the applet where the first letter of text will be displayed.

The CROP parameter allows you to use an image with a frame as we have done in our example. It limits the applet to drawing on a smaller portion of the image. The crop is setup by noting the top left x and y positions, and the width and height of the rectangle that you want to create. The applet will only put text in this region. This is a compound parameter, all 4 of these values go into the value section of the parameter. The parameter will appear as follows: <PARAM NAME="CROP" VALUE="x,y,width, height">.
 
Step 9:  Go to File Manager
Remember to return to this page from the File Manager after pasting the code.
 


Copyright © 1994-2000 Yahoo! Inc. All rights reserved.
Help Privacy Policy Terms of Service Legal Disclaimers
1