Ticker Tapes

This post relates to the old Research and Conferences template and so has been Archived.

This article describes how to turn a regular bulleted list into a ticker tape. Another post (coming soon) will discuss how to sync this with your site news page, or with an RSS feed from another site or blog, but there are plenty of cases where you wouldn’t want the content to be fully synchronised.

  • Ticker tapes and other animated elements should be used with restraint, as they effect the readability of content on your site. This technique will only work with one ticker per page – you should not have more 😉

As with sliding banners, column and grid layouts, this makes use of the Class field in All Purpose Content.

Create a bulleted list in some All Purpose Content and make sure that each item is web a link to another webpage using the chainlink icon, this would ideally be your news page or the individual news items.

Give the piece of All Purpose Content the Class ‘tickertape’ in the field at the bottom of the content edit area – see below.

TickerTape

Any bulleted list items within this piece of content will become a ticker tape which types out the item character by character. Obviously the below screenshot isn’t animated:

Ticker Tape Example

Alternatively, using the same technique, you can use a different class ‘scrollingticker‘ which scrolls a new item vertically into view.

Scrolling ticker is slightly more flexible in that it does not restrict you to only having hyperlinked content in your bulleted list and can even work with images if laid out carefully.

Scrolling Ticker

See Also:

Leave a Reply