Difference between revisions of "Template:Scrollbox"

(Created page with '<div style="border:1px solid #AAA; height:{{{height|230px}}}; margin:3px 0; overflow:auto; padding-left:0.5em; width:{{{width|99%}}}; -moz-border-radius-topleft:0.5em"> {{{1}}} <…')
 
 
(7 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<div style="border:1px solid #AAA; height:{{{height|230px}}}; margin:3px 0; overflow:auto; padding-left:0.5em; width:{{{width|99%}}}; -moz-border-radius-topleft:0.5em">
+
<div style="border:1px solid #AAA; height:{{{height|300px}}}; margin:3px 0; overflow:auto; padding-left:0.5em; width:{{{width|99%}}}; -webkit-border-top-left-radius:0.5em; -moz-border-radius-topleft:0.5em">
 
{{{1}}}
 
{{{1}}}
 
</div>
 
</div>
<noinclude>
+
<noinclude>{{scrollbox/doc}}</noinclude>
__NOTOC__
 
==Usage==
 
<pre>
 
{{scrollbox|
 
}}
 
</pre>
 
 
 
==Example==
 
<pre>
 
{{scrollbox|
 
* blah
 
* blah
 
* blah
 
* blah
 
* blah
 
* blah
 
* blah
 
* blah
 
* blah
 
* blah
 
}}
 
</pre>
 
 
 
Will display as:
 
 
 
{{scrollbox|
 
* blah
 
* blah
 
* blah
 
* blah
 
* blah
 
* blah
 
* blah
 
* blah
 
* blah
 
* blah
 
}}
 
 
 
[[Category:Utility templates|{{PAGENAME}}]]</noinclude>
 

Latest revision as of 17:14, 12 July 2011

{{{1}}}

Usage[edit]

{{scrollbox|
}}

Example[edit]

{{scrollbox|
* Lorem 
* ipsum 
* dolor 
* sit 
* amet, 
* consectetur 
* adipisicing 
* elit
* sed 
* do 
* eiusmod 
* tempor 
* incididunt 
* ut 
* labore 
* et 
* dolore 
* magna 
* aliqua.
}}

Will display as:

  • Lorem
  • ipsum
  • dolor
  • sit
  • amet,
  • consectetur
  • adipisicing
  • elit
  • sed
  • do
  • eiusmod
  • tempor
  • incididunt
  • ut
  • labore
  • et
  • dolore
  • magna
  • aliqua.


Advanced usage[edit]

{{scrollbox}} has two optional parameters. You can set the height and width of the box.

{{scrollbox|height=200px|width=50%|
* Lorem 
* ipsum 
* dolor 
* sit 
* amet, 
* consectetur 
* adipisicing 
* elit
* sed 
* do 
* eiusmod 
* tempor 
* incididunt 
* ut 
* labore 
* et 
* dolore 
* magna 
* aliqua.
}}

Will display as:

  • Lorem
  • ipsum
  • dolor
  • sit
  • amet,
  • consectetur
  • adipisicing
  • elit
  • sed
  • do
  • eiusmod
  • tempor
  • incididunt
  • ut
  • labore
  • et
  • dolore
  • magna
  • aliqua.