6. Customizing Styles

Scroller style is configured in stylesheet. Below are style rules that must be defined in the stylesheet.

NlsSCroller Style

SelectorDescription
.nlsscroller Specifies style of the scroller.
.scrlclient Specifies style of scrolling area.
.scrltoolbar Specifies style of toolbar/navigation bar.
.scrlcontentfrm Specifies style of container of a topic (content). Each topic is placed in a container which a table.
.scrlcontent Specifies style of the topic (content).
.nlsscrollerbreak Specifies style of topic break. This rule has only 1 attribute which is display:none.
.scrlefflayerH Specifies style of horizontal wipe layer.
Note that this style is use with Wipe Effect only.
.scrlefflayerV Specifies style of vertical wipe layer.
Note that this style is use with Wipe Effect only.

The package comes with 3 stylesheet files customized for different use. All this stylesheet contains same style rules as described above.

  1. nlsscroller.css. Standard stylesheet, suitable for most need.
  2. slide.css. Use this style sheet when using Slide Effect.
  3. newsticker.css. Use this when you implements the scroller as newsticker.