Template:W3toc: Difference between revisions

From Indian River Lagoon Project
mNo edit summary
mNo edit summary
Line 7: Line 7:


<onlyinclude>
<onlyinclude>
<div style="width: 480px; float:left;"><!-- Container div- set float and width -->
<!-- Container div. MUST SET WIDTH. Float. -->
<div class="w3-dropdown-hover" style="z-index: 100; width:480px; position: absolute; background: ; border: 0px solid #777"><!-- set width, position absolute/fixed. -->
<div style="width: 480px; float:left;">
  <!-- TEXT BUTTON HERE Set Text align; font attributes, add border & background color for a button. -->
<!-- Visible Hover Box. MUST SET WIDTH! Options: position absolute/fixed. Add background color, border for top of outer container. -->
  <div style="width:100%; padding:3px; text-align: left; font-size:90%; font-weight:normal; color:#777; border: 0px solid #777"><u>Table of Contents</u></div>
<div class="w3-dropdown-hover" style="z-index: 100; width:480px; position: absolute; background: ; border: 0px solid #777">
<div class="w3-dropdown-content"><!--w3-bar-block w3-border -->
<!-- TEXT BUTTON HERE Set Text align; font attributes, add border & background color for a button. -->
  <!--- Side box Module Contents -->
<div style="width:100%;padding:3px;color:#777;border:0px solid #777;text-align:left;font-size:100%;font-weight:normal"><u>Table of Contents</u></div>
<!-- Dropdown on Hover Div -->
<div class="w3-dropdown-content">
  <!--- Side box Module -->
  {{Side box |metadata=No
  {{Side box |metadata=No
  | position =
  | position =
  | class =  
  | class =  
  | style = width:480px; border: 1px solid #777; <!-- Sidebox Style. Set width -->
  | style = width:480px;border:1px solid #777 <!-- Side box Style. MUST SET WIDTH! Optional background color, border -->
  | abovestyle = text-align:center; font-size:110%; font-weight: bold; padding:3px; <!-- Sidebox Header Style -->>
  | abovestyle = text-align:center;font-size:120%;font-weight:normal;padding:3px <!-- Side box Header Style -->>
  | above = {{PAGENAME}}
  | above = {{PAGENAME}}
  | image = <!-- {{smaller|([[Image:rss.png|16px]])}} -->
  | image = <!-- {{smaller|([[Image:rss.png|16px]])}} -->
  | textstyle = font-size:100%; padding: 3px; <!-- adjust toc font size -->
  | textstyle = padding:3px;font-size:100% <!-- 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:110%;padding:4px;"> <div style="float:left;">[[#top|Top]]</div><div style="float:right;">[[Main Page|Home]]</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></div>
</div>
</div>
</onlyinclude>
</onlyinclude>

Revision as of 11:44, October 19, 2019

Template W3toc displays the toc in a floating hoverbox.


Table of Contents