Imperador Crow: Add scroll box -

2025-01-11T15:34:07Z

Add scroll box -

Página nova

<includeonly>{{#if: {{NAMESPACE}} |<table style="clear: both; width: {{{width|100%}}}; margin: 3px 0px;" border="0"><tr><td style="background:{{{background|transparent}}};"><div style="overflow: auto; width: 100%; height: {{{height|230px}}}; border: 1px solid #AAA; padding-left: 0.5em; background: {{{background|transparent}}};">
{{{text|{{{1}}}}}}
</div></td><td style="width: 8px;"></td></tr></table>|
{{{text|{{{1}}}}}}
}}</includeonly>

<noinclude>
== Description ==
This [[Help:Scrolling list|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:'''
* Photo gallery: [[:it:La Spezia#Galleria_fotografica|La Spezia]] (on it.wiki)
* Photo gallery: [[:it:Pertini#Galleria_fotografica|Pertini]] (same as above)
:<small>To edit the size of captions, you may use the following code:</small><br />
:<small><code><nowiki><div style="clear:both; text-align:center; font-size:90%"></nowiki><sup>........</sup><nowiki></div></nowiki></code></small>

== Usage ==
<div style="border: 1px #ccc solid; padding:1em;">
<code>
'''{{scroll box'''<br />
'''|width='''''<span style="color:blue">width (in pixel or in percent)</span>''<br />
'''|height='''''<span style="color:blue">height (in pixel)</span>''<br />
'''|text='''''<span style="color:green">contents</span>''<br />
'''}}'''
</code>
</div>

The colored text should be properly replaced as here described:

<span style="color:blue">width</span>
:The width of the box, expressed in pixel or in percent. ('''default=100%''')
<span style="color:blue">height</span>
:The height of the box, you should express this value exclusively in pixel. ('''default=230px''')
<span style="color:green">contents</span>
: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 ====
<pre><nowiki>
{{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
}}
</nowiki></pre>

==== Result ====
Some text:
{{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
}}

=== Example 2 (With 1 param) ===
==== Code ====
<pre><nowiki>
{{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
}}
</nowiki></pre>
==== Result ====
{{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
}}

=== Example 3 (width) ===
==== Code ====
<pre><nowiki>
{{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
}}
</nowiki></pre>

==== Result ====
{{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
}}

=== Example 4 (width and height) ===
==== Code ====
<pre><nowiki>
{{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
}}
</nowiki></pre>

==== Result ====
{{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
}}
<noinclude>

Predefinição:Scroll box - Histórico de revisão

Imperador Crow: Add scroll box -