Template:W3toc: Difference between revisions
From Indian River Lagoon Project
mNo edit summary |
mNo edit summary |
||
(74 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<noinclude> | |||
Template W3toc displays the toc in a floating hoverbox. | Template W3toc displays the toc in a floating hoverbox. | ||
<syntaxhighlight> | |||
!!! Make changes in the includeonly area below !!! | |||
<!-- W3TOC --> | <!-- W3TOC --> | ||
<!-- Template:Side box required https://en.wikipedia.org/wiki/Template:Side_box --> | <!-- Template:Side box required https://en.wikipedia.org/wiki/Template:Side_box --> | ||
< | <div style="width:320px"><!-- Container div SET WIDTH. --> | ||
<!-- | <!-- Visible Hover Box. Set Button width. Options: position absolute/fixed. Add background color, border to top of outer container. --> | ||
<!-- | <div class="w3-dropdown-hover" style="width:auto;z-index:100;position:absolute"><!-- remove z-index: 100; position: fixed; for static toc --><!-- 160px min-width set in common.css --> | ||
<!-- Auto size to text --> | |||
<div style="width:100%;padding:3px;color:#777;text-align:left;font-size:100%;font-weight:normal"><u>Table of Contents</u></div> | |||
<!-- TEXT BUTTON HERE Set Text align; font attributes, add border & background color for a button. --> | |||
<div class="w3-dropdown-hover" style="width: | <div class="w3-dropdown-content"><!-- Dropdown on Hover Div --> | ||
<!--- Side box Module --> | |||
<!--- Side box Module | |||
{{Side box |metadata=No | {{Side box |metadata=No | ||
| position = | | position = | ||
| class = | | class = | ||
| style = | | style = border:1px solid #777;width:320px <!-- Side box Style. MUST SET WIDTH! Optional background color, border --> | ||
| abovestyle = text-align:center;font-size:100%; | | abovestyle = padding:3px;text-align:center;font-size:100%;font-weight:normal<!-- Side box Header Style. Set font atributes --> | ||
| above = {{PAGENAME}} | | above = {{PAGENAME}} | ||
| image = <!-- {{smaller|([[Image:rss.png|16px]])}} --> | | image = <!-- {{smaller|([[Image:rss.png|16px]])}} --> | ||
| textstyle = font-size: | | textstyle = width:320px;font-size:100% <!-- set width.adjust font attributes --> | ||
| text = __TOC__ | | text = __TOC__ | ||
| imageright = <!-- {{longitem|font-size:90%|('''''image<br/>right'''''{{hair space}})}} --> | | imageright = <!-- {{longitem|font-size:90%|('''''image<br/>right'''''{{hair space}})}} --> | ||
| below = <div style="font-size: | | below = <div style="font-size:100%;padding:3px"><span style="float:left">[[#top|Top]]</span><span style="float:right">[[Main Page|Home]]</span> </div> }}</div></div></div> | ||
}} | </syntaxhighlight> | ||
</div></div> | </noinclude> | ||
</div> | <onlyinclude> | ||
<div style="width:320px"> | |||
<div class="w3-dropdown-hover" style="width:auto;z-index:100;position:absolute"> | |||
<div style="width:100%;padding:3px;color:#777;text-align:left;font-size:100%;font-weight:normal"><u>Table of Contents</u></div> | |||
<div class="w3-dropdown-content"> | |||
{{Side box |metadata=No | |||
| style = border:1px solid #777;width:320px | |||
| abovestyle = padding:3px;text-align:center;font-size:100%;font-weight:normal | |||
| above = {{PAGENAME}} | |||
| image = <!-- {{smaller|([[Image:rss.png|16px]])}} --> | |||
| textstyle = width:320px;font-size:100% | |||
| text = __TOC__ | |||
| below = <div style="font-size:100%;padding:3px"><span style="float:left">[[#top|Top]]</span><span style="float:right">[[Main Page|Home]]</span> </div> }}</div></div></div> | |||
</onlyinclude> | </onlyinclude> |
Latest revision as of 19:14, October 18, 2020
Template W3toc displays the toc in a floating hoverbox.
!!! Make changes in the includeonly area below !!!
<!-- W3TOC -->
<!-- Template:Side box required https://en.wikipedia.org/wiki/Template:Side_box -->
<div style="width:320px"><!-- Container div SET WIDTH. -->
<!-- Visible Hover Box. Set Button width. Options: position absolute/fixed. Add background color, border to top of outer container. -->
<div class="w3-dropdown-hover" style="width:auto;z-index:100;position:absolute"><!-- remove z-index: 100; position: fixed; for static toc --><!-- 160px min-width set in common.css -->
<!-- Auto size to text -->
<div style="width:100%;padding:3px;color:#777;text-align:left;font-size:100%;font-weight:normal"><u>Table of Contents</u></div>
<!-- TEXT BUTTON HERE Set Text align; font attributes, add border & background color for a button. -->
<div class="w3-dropdown-content"><!-- Dropdown on Hover Div -->
<!--- Side box Module -->
{{Side box |metadata=No
| position =
| class =
| style = border:1px solid #777;width:320px <!-- Side box Style. MUST SET WIDTH! Optional background color, border -->
| abovestyle = padding:3px;text-align:center;font-size:100%;font-weight:normal<!-- Side box Header Style. Set font atributes -->
| above = {{PAGENAME}}
| image = <!-- {{smaller|([[Image:rss.png|16px]])}} -->
| textstyle = width:320px;font-size:100% <!-- set width.adjust font attributes -->
| text = __TOC__
| imageright = <!-- {{longitem|font-size:90%|('''''image<br/>right'''''{{hair space}})}} -->
| below = <div style="font-size:100%;padding:3px"><span style="float:left">[[#top|Top]]</span><span style="float:right">[[Main Page|Home]]</span> </div> }}</div></div></div>