Description

edit

This scrolling list template creates a scroll-box within a page that allows for large content to be limited to a given number of pixels on the page.

Examples
To edit the size of captions, you may use the following code:
<div style="clear:both; text-align:center; font-size:90%"><sup>........</sup></div>

Usage

edit

{{scroll box
|width=width (in pixel or in percent)
|height=height (in pixel)
|text=contents
}}

The colored text should be properly replaced as here described:

width

The width of the box, expressed in pixel or in percent. (default=100%)

height

The height of the box, you should express this value exclusively in pixel. (default=230px)

contents

The text that should be displayed inside this frame. Note that the scroll bar will appear only if the text is long enough to overflow the given height. (required field, no default value)

Examples

edit

Example 1 (Simple)

edit

Code

edit
{{scroll box|
* Example 01
* Example 02
* Example 03
* Example 04
* Example 05
* Example 06
* Example 07
* Example 08
* Example 09
* Example 10
* Example 11
* Example 12
* Example 13
* Example 14
* Example 15
}}

Result

edit

Some text:

  • Example 01
  • Example 02
  • Example 03
  • Example 04
  • Example 05
  • Example 06
  • Example 07
  • Example 08
  • Example 09
  • Example 10
  • Example 11
  • Example 12
  • Example 13
  • Example 14
  • Example 15


Example 2 (With 1 param)

edit

Code

edit
{{scroll box|text=
* Example 01
* Example 02
* Example 03
* Example 04
* Example 05
* Example 06
* Example 07
* Example 08
* Example 09
* Example 10
* Example 11
* Example 12
* Example 13
* Example 14
* Example 15
}}

Result

edit
  • Example 01
  • Example 02
  • Example 03
  • Example 04
  • Example 05
  • Example 06
  • Example 07
  • Example 08
  • Example 09
  • Example 10
  • Example 11
  • Example 12
  • Example 13
  • Example 14
  • Example 15


Example 3 (width)

edit

Code

edit
{{scroll box|width=75%|text=
* Example 01
* Example 02
* Example 03
* Example 04
* Example 05
* Example 06
* Example 07
* Example 08
* Example 09
* Example 10
* Example 11
* Example 12
* Example 13
* Example 14
* Example 15
}}

Result

edit
  • Example 01
  • Example 02
  • Example 03
  • Example 04
  • Example 05
  • Example 06
  • Example 07
  • Example 08
  • Example 09
  • Example 10
  • Example 11
  • Example 12
  • Example 13
  • Example 14
  • Example 15


Example 4 (width and height)

edit

Code

edit
{{scroll box|width=150px|height=100px|text=
* Example 01
* Example 02
* Example 03
* Example 04
* Example 05
* Example 06
* Example 07
* Example 08
* Example 09
* Example 10
* Example 11
* Example 12
* Example 13
* Example 14
* Example 15
}}

Result

edit
  • Example 01
  • Example 02
  • Example 03
  • Example 04
  • Example 05
  • Example 06
  • Example 07
  • Example 08
  • Example 09
  • Example 10
  • Example 11
  • Example 12
  • Example 13
  • Example 14
  • Example 15


See also

edit