Template:Scroll box

From HandWiki
Revision as of 21:49, 1 December 2016 by imported>Jworkorg (1 revision imported: Boxes)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Template documentation[view] [edit] [history] [purge]

Warning

This template should not be used in main article space, as it renders any content obscured within the template unprintable. This is especially true with text content, such as citations, according to a June 2007 discussion.

Please, if you see a scroll box in article space, remove it and put a hidden warning.

Description

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%">........</div>

Usage

{{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

Example 1 (Simple)

Code

{{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

}}

Result

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)

Code

{{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

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

Code

{{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

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

Code

{{scroll box|width=150px|height=100px|bar=invisible|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

  • 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