Template:Hidden: Difference between revisions
Reverted to revision 2554240 by Ancient Apparition; Ugghhh. (TW) |
|||
| Line 1: | Line 1: | ||
<div class="NavFrame" style="border:none;"><div class="NavHead" |
<div class="NavFrame" style="border:none;"><div class="NavHead" |
||
style="font-weight:{{{fw1|bold}}}; background |
style="font-weight:{{{fw1|bold}}}; background:{{{bg1|transparent}}}; |
||
text-align:{{{ta1|center}}}; {{{headercss|}}}">{{{header|{{{1}}}}}} </div> |
text-align:{{{ta1|center}}}; {{{headercss|}}}">{{{header|{{{1}}}}}} </div> |
||
<div class="NavContent" style="font-weight:{{{fw2|normal}}}; |
<div class="NavContent" style="font-weight:{{{fw2|normal}}}; |
||
background-color:{{{bg2|transparent}}}; text-align:{{{ta2|left}}}; |
background-color:{{{bg2|transparent}}}; text-align:{{{ta2|left}}}; |
||
{{{contentcss|{{{|}}}}}}> |
|||
{{{content|{{{contents|{{{2}}}}}}}}} |
|||
{{/doc}} |
|||
</div></div>{{#if:{{{bg1|}}}{{{bg2|}}}{{{ta1|}}}{{{ta2|}}}{{{fw1|}}}{{{fw2|}}}|[[Category:Hidden templates using styles|{{NAMESPACE}}{{PAGENAME}}]]}}<noinclude> |
|||
{{documentation}} |
|||
</noinclude> |
</noinclude> |
||
Revision as of 10:24, 12 December 2010
{{{2}}}
This template creates a dynamic navigation box using style sheet declarations in MediaWiki:Common.css and Javascript code in MediaWiki:Common.js. It displays the first parameter (the heading) with a [show] link on the right. If [show] is clicked by the user, the second parameter (the body) is displayed below the heading and the [show] link becomes [hide]. Clicking on [hide] then hides the body again and the [hide] link becomes [show] again.
Usage
- Example with unnamed parameters
{{hidden|Title text here|Body text line 1<br/>Body text line 2}}
Body text line 1
Body text line 2
- Example with mix of named & unnamed parameters
{{hidden|Title text here|Body text line 1<br/>Body text line 2|bg1=#ccccff|ta2=center}}
Body text line 1
Body text line 2
- Example with named parameters & CSS
{{hidden
| headercss = background: #ccccff; font-size: 110%; width: 50%;
| contentcss = text-align: center; font-size: 110%; width: 50%;
| header = Title text here
| content = Body text line 1<br/>
Body text line 2<br/>
Body text line 3
}}
Body text line 1
Body text line 2
Body text line 3
Parameters
- header
- text for header (or title); alternative to using unnamed parameter {{{1}}}
- content
- text for content (or body); alternative to using unnamed parameter {{{2}}}
- fw1
- the font-weight for the heading (default "bold")
- fw2
- the font-weight for the body (default "normal")
- bg1
- the background-color for the heading (default "transparent")
- bg2
- the background-color for the body (default "transparent")
- ta1
- the text-align for the heading (default "center")
- ta2
- the text-align for the body (default "left")
Note: This template will not respect the user preference "justify paragraphs".
Issues
With ta1=right or a long header the header overlaps the show/hide link (at least in some browsers):
- Example with long header
def
- Example with ta1=right
def
- Example with ta1=right & first line blank
abc
def