Tech Tips
Adding a Marquee - (Scrolling Text Box)
Time: September 03 05:10am

To create a marquee (scrolling text box), simply add the following line of code. It will display in your default text size and color. You can add as much text as you like, but remember that too much text will create problems for some browsers:

It will look like this: Insert your Text Here

It will look like this:

To create a marquee that is a fixed width that is less that your screen width, simply add the following line of code. Note that you can use either pixel width or percentage of overall screen width, the choice is yours:

It will look like this:

To create a larger marquee, simply add the following line of code. Text sizes (normally) are from 2 to 6 on most web pages, with 6 being the same size as the largest heading text you'd find (sizes 1 and 7 are also used, but not as much since they are not displayed properly by all browsers):

It will look like this: Insert your Size 6 Text Here

To create a larger GREEN marquee, simply add the following line of code:

It will look like this: Insert your GREEN Text Here

To create a marquee with a background color, simply add the following line of code:

It will look like this:

Color information

Colors start at black (#000000) and go to white (#FFFFFF). They are broken up into 3 sections of hues, each comprised of 2 letters or numbers. They start at 00 and end at FF for each hue's strength. Hues are arranged Red-Green-Blue, 2 digits each, left to right. The numbering system is 0-1-2-3-4-5-6-7-8-9-A-B-C-D-E-F, lowest to highest, for each digit of the hue's value. For example, No red, some green and more blue (for an aqua color) would be #00CCFF. This page has a background color of #CCFFFF, which is a seafoam green. You can use any number between 00 and FF, but it is usually best to use like pairs for each hue. For example, this is also a color #91ED0D (neon green), but a similar result can be achieved by using #99EE00 and this method is more browser friendly. In fact, to be completely browser friendly, it's best to stay with 00 33 66 99 CC and FF as your only choices for each hue's strength to make up the entire color. For example, our neon green color would be #99FF00 to be totally browser friendly (this is not critical as most current browsers can support every possible color value, including our first neon green color, but some older browsers will not be able to show your nice, custom made color and will show only the closest "browser safe" color anyway, or it may attempt to mix colors within the default palette of 216 possible "browser safe" colors to approximate the desired color....)

Other information

You can also change the style of the font by adding <font face="YourFontStyleHere">Text Here</font> or adding the
' face="YourFontFace" ' tag within the existing font tag (note the intentional space in the code to the left, before "face"), like this <font size="3" color="#0000FF" face="Arial, Helvetica"><b>Text</b></font>. Again, remember that not everyone will have your super duper, custom font installed on their computer, so try to stick to the "usual suspects" when using font face tags. As noted in the code, you can add common fonts after a comma, so your custom font would be the first choice and each font face added after each new comma would be the next choice if the computer visiting your page does not have the first or next font installed.

[ Network 54 Tech Tips ] [ How to post pictures ] [ How to post a link ]
[ Adding a POST button ] [ Adding Content to Different Pages ]
[ PHP Redirect ] [ HTML Redirect ] [ Embed Forum in a Frame ] [ Smiley Generator ]
[ Using Frames with your forum ] [ Using Inline Frames with your forum ] [ Adding Image Maps to your forum ]
[ Adding images to your forum ] [ How to display a visitor's IP address ] [ How to Add Links to your forum ]
[ Adding a Marquee - (Scrolling Text Box) ] [ How to add Simple Scripts ]
[ How to add Sound to your Forum ] [ How to add Animation to your Forum ]
[ Adding a Sticky Message ] [ Adding Tables ] [ Adding Votelet Links ]
[ Adding snow for the holidays }
[ Browser Issues ] [ AOL Issues ]

If you came from a direct link, use the "Back Button".
If you came from a signature link, use "Close This Window".

Website Services