Template:W3toc: Difference between revisions

From Indian River Lagoon Project
mNo edit summary
mNo edit summary
 
(81 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 -->
<!-- user css perm required in local settings -->
<div style="width:320px"><!-- Container div SET WIDTH. -->
<!-- 160px min-width set in common.css -->
<!-- Visible Hover Box. Set Button width. Options: position absolute/fixed. Add background color, border to top of outer container. -->
<!-- remove z-index: 100; position: fixed; for static toc -->
<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 -->
<onlyinclude>
<div style="width:100%;padding:3px;color:#777;text-align:left;font-size:100%;font-weight:normal"><u>Table of Contents</u></div>
<div style="width: 200px; float: right;"><!-- Container div- set float and width -->
<!-- TEXT BUTTON HERE Set Text align; font attributes, add border & background color for a button. -->
<div class="w3-dropdown-hover" style="width: 200px; z-index: 100; position: fixed; background: #f3f3f3; border: 1px solid #333;"><!-- set width -->
<div class="w3-dropdown-content"><!-- Dropdown on Hover Div -->
  <!-- TEXT BUTTON HERE -->
  <!--- Side box Module -->
  <div style="width: 100%; text-align:center; font-size:100%; font-weight:bold; color:#006699; padding:3px;">Table of Contents</div>
<div class="w3-dropdown-content"><!--w3-bar-block w3-border -->
  <!--- Side box Module Contents -->
  {{Side box |metadata=No
  {{Side box |metadata=No
  | position =right
  | position =
  | class =  
  | class =  
  | style = width:200px; border: 1px solid #333;
  | style = border:1px solid #777;width:320px <!-- Side box Style. MUST SET WIDTH! Optional background color, border -->
  | abovestyle = text-align:center;font-size:100%; padding:2px;
  | 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:90%; padding: 2px; <!-- adjust toc 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: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>
  }}
</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>


Table of Contents