Network54 Tech Tips
Adding a Marquee - (Scrolling Text Box)
Time: February 04 02:05pm


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. Also, your forum MUST BE enabled for HTML. To do that, if it is not, you MUST follow THIS LINK and ask for it to be HTML enabled.

<marquee width="100%">Insert your Text Here</marquee>

It will look like this: Insert your Text Here

If you want to make it look different, you can apply inline style tags to it, as in the following:

To create a BOLD RED marquee, simply add the following line of code:

<marquee width="100%"><font color="#FF0000"><b>Insert your BOLD RED Text Here</b></font></marquee>

It will look like this:

Insert your BOLD RED Text Here

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:

<div align="center"><marquee width="400">Insert your Fixed Width Marquee Text Here</marquee></div>

It will look like this:

Insert your Fixed Width Marquee Text Here

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):

<marquee width="100%"><font size="6">Insert your Size 6 Text Here</font></marquee>

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


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

<marquee width="100%"><font size="5" color="#339933">Insert your GREEN Text Here</font></marquee>

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:

<marquee width="100%" bgcolor="#000000"><font size="5" color="#FFCCFF">Insert your Text with a black background Here</font></marquee>

It will look like this:

Insert your Text with a black background Here

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 ] [ Network 54 Knowledge Base ] [ 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 }
[ Known Browser Issues ]



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

OZ Website Services Website Services

Valid HTML 4.01 Transitional