Template:Divhide: Difference between revisions

From OniGalore
Jump to navigation Jump to search
(fixing width style, somehow messed that up, and making it a named parameter)
(seeing if a default title of an invisible character fixes the zero-height problem with no-title Divhides)
 
(14 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<div class="NavFrame" style="width:{{{width|100%}}}">
<includeonly>{{#ifeq:{{{1}}}|end|</div></div>|
  <div class="NavHead" style="background:87 CE EB;">{{{1}}}</div>
<div class="NavFrame {{#ifeq:{{{show}}}|yes||collapsed}}" {{#if:{{{2|}}}|style="width:{{{2}}}{{#if:{{{3|}}}|"; position:absolute; {{{3}}}:0px}}"}}><div class="NavHead" style="height:auto; background-color:{{{color|#A7D7F9}}}; text-align:{{{align|center}}}"><div class="hack-to-leave-space" style="float:right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>{{{1|&nbsp;}}}</div><div class="NavContent" style="text-align:left;">
  <div class="NavContent" style="display:{{#ifeq:{{{show}}}|yes|show|none}}; text-align:left; background:240 248 255;">{{{2}}}</div>
}}</includeonly><noinclude>This template produces cute little boxes to hide text in. You simply place <nowiki>{{divhide|optional title}}</nowiki> at the start of the text you want to hide, and <nowiki>{{divhide|end}}</nowiki> at the end, and everything in-between folds up nice and neat. You can choose the initial state of the box by using the parameter '''show'''; if it is set to "yes", the box will be open when the page loads; otherwise it will be collapsed initially. You can also pass in the '''color''' parameter to set the background color.
</div>
{{Divhide|Look at me, I'm cute!|color=#FFFF80}}<center>ʘ‿ʘ</center>{{Divhide|end}}
 
{{Divhide|(open to see markup for above)}}<nowiki>{{Divhide|Look at me, I'm cute!|color=#FFFF80}}<center>ʘ‿ʘ</center>{{Divhide|end}}</nowiki>{{Divhide|end}}
 
[[Category:Message box templates]]</noinclude>

Latest revision as of 16:16, 9 March 2021

This template produces cute little boxes to hide text in. You simply place {{divhide|optional title}} at the start of the text you want to hide, and {{divhide|end}} at the end, and everything in-between folds up nice and neat. You can choose the initial state of the box by using the parameter show; if it is set to "yes", the box will be open when the page loads; otherwise it will be collapsed initially. You can also pass in the color parameter to set the background color.