Skylords Reborn
Advertisement
Skylords Reborn
Template Documentation (Note: The template above may sometimes be invisible.)

Description

This template creates a box with information. The box becomes larger up to a certain threshold, after which a scroll bar appears on the side.

Usage

Syntax

Place {{scroll box|content=<text>}} anywhere on article pages.

Basic Examples
{{scroll box
|content = Short text sample
}}

creates:

Short text sample

If enough text is added the box' content becomes scrollable:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc malesuada, metus et eleifend porttitor, leo arcu placerat justo, quis bibendum est ante sit amet justo. Etiam vulputate, turpis eget pretium fermentum, odio enim gravida quam, ut rhoncus arcu dui suscipit enim. Curabitur dictum urna massa, ac luctus felis. Praesent ligula velit, egestas eu posuere eget, facilisis vel nulla. Pellentesque sed est dui. Pellentesque vitae libero elit, sed dapibus leo. Suspendisse dapibus leo eget nisl pellentesque ullamcorper. Nam vel lacus orci. Nulla facilisi. Suspendisse ut tortor massa, sed sodales dui.

Nunc euismod aliquet lectus nec fermentum. Suspendisse blandit venenatis porttitor. Donec auctor egestas magna, ut congue risus scelerisque quis. Maecenas nibh justo, vehicula et pretium semper, rhoncus vel turpis. Vestibulum at mollis lorem. Fusce sapien orci, dapibus non feugiat in, facilisis vel justo. Cras placerat diam faucibus lacus consectetur condimentum. Suspendisse potenti. Quisque mattis elit sed lectus auctor a porttitor lectus convallis. Maecenas pharetra erat at justo cursus dictum. Praesent nulla enim, bibendum non placerat id, vestibulum eget ipsum. Ut sit amet arcu neque, non facilisis ipsum. Vivamus blandit tristique interdum. Fusce in augue eget erat vehicula tempor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Aliquam vestibulum sapien pulvinar tellus laoreet non lobortis nibh feugiat. Duis ligula sem, cursus quis adipiscing sit amet, porttitor a ligula. Nulla blandit adipiscing libero, et consectetur mi lacinia varius. Nulla eget orci libero. Duis pellentesque, urna eget condimentum adipiscing, purus dolor pellentesque magna, ac fringilla purus lacus eu sapien. Maecenas enim orci, sollicitudin non aliquam ac, accumsan et augue. Ut leo massa, feugiat a rhoncus in, tincidunt ut tellus. Nullam convallis facilisis nunc a auctor. Proin eu risus lorem, ut euismod sem. Etiam faucibus, massa eu blandit rutrum, dui ligula semper tortor, vel semper orci dolor in nisi.
Advanced Examples

Optional max-height and width parameters can be used to determine the maximum heigth (in px) and width (in percent) of the scroll box:

{{scroll box
|max-height = 30px
|width   = 50%
|content = This is a narrow box, that will requiere scrolling once the content exceeds 30px height.
}}

creates:

This is a narrow box, that will requiere scrolling once the content exceeds 30px height.

Optional background and border-color parameters can be used to specify the background and border color of the scroll box, accepting basic color names or hex color codes:

{{scroll box
|background = black
|content    = This is a black box
}}
{{scroll box
|background   = #00688B
|border-color = #00000000
|content      = This is a blue box with a transparent border.
}}

creates:

This is a black box
This is a blue box with a transparent border.

Additionally, there is a shortcut parameter pre-design that has to be set to true to get the <pre></pre> box design, in which all code examples here are displayed:

{{scroll box
|pre-design = true
|content    =
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
}}

creates:

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This comes with another shortcut parameter indent that has to be set to true for specific design cases:

*Preceding bullet point:

{{scroll box
|indent     = true
|pre-design = true
|content    = 
*Lorem ipsum dolor sit amet, consectetur adipiscing elit.
}}

creates:

  • Preceding bullet point:
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

See also

Advertisement