(Tutorial courtesy of Roma, aka Klimt)

Many years ago, Microsoft introduced an HTML extension for their IE browser named <marquee>. The purpose of this extension was to allow any object placed between the tags to scroll on the page in a manner similar to a movie marquee. While this extension is not part of the W3C standard, all the major browsers (IE, Firefox, Opera, Safari, and now Chrome) provide support for the tag. The good thing about this tag is that it does not require javascript to execute; the scrolling is performed completely by the browser itself.

Using the <marquee> tag in SiteSpinner fairly simple. If you want to scroll text, then the easiest method is to use a text object and wrap the text inside the <marquee> and </marquee> tags: e.g.,

<marquee>This is an example of marquee text</marquee>

This is an example of marquee text

Since this method requires embedding HTML codes inside the text object, you will need to disable the filters that inhibit using HTML codes (see Mixing Text and Code). Using a text object allows you to format the text as you wish (type face, size and color) without using extra style codes a code object would require. For example, the above example with text formatted using Verdana font, 14-pt, bold, italic, centered, background shading applied, and the text object width adjusted to 300-pixels would appear as:

If you use a code object to hold your marquee code, remember that the text will assume the default formatting you have set via the Page Editor?Links, Fonts in the Character Set and Default Font section. This is also the default font used for forms in your project, so be careful making changes.

The <marquee> tag has several options (attributes) that can control how the marquee will appear:

Pages: 1 2 3