Template:W3toc: Difference between revisions

From Indian River Lagoon Project
mNo edit summary
mNo edit summary
Line 2: Line 2:
<!-- 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 -->
<!-- user css perm required in local settings -->
<!-- 160px min-width set in common.css -->
<!-- 160px min-width set in common.css -->
<!-- remove z-index: 100; position: fixed; for static toc -->
<!-- remove z-index: 100; position: fixed; for static toc -->
<onlyinclude>
<onlyinclude>
<div style="width:320px"><!-- Container div. MUST SET WIDTH. Float. --><!-- Visible Hover Box. Set Button width. Options: position absolute/fixed. Add background color, border to top of outer container. -->
<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"><!-- Auto size to text -->
<div class="w3-dropdown-hover" style="width:auto;z-index:100;position:absolute"><!-- 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 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 -->
<div class="w3-dropdown-content"><!-- Dropdown on Hover Div -->
  <!--- Side box Module -->
  <!--- Side box Module -->
Line 21: Line 22:
  | 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:100%;padding:3px"><span style="float:left">[[#top|Top]]</span><span style="float:right">[[Main Page|Home]]</span> </div> }}</div></div></div>
  | 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>

Revision as of 10:10, January 17, 2020

Template W3toc displays the toc in a floating hoverbox.

Table of Contents