Template:W3toc: Difference between revisions

From Indian River Lagoon Project
mNo edit summary
mNo edit summary
Line 1: Line 1:
Template W3toc. Toc in a hover box
<!-- W3TOC -->
<!--  
<!-- Template:Side box required https://en.wikipedia.org/wiki/Template:Side_box -->
W3TOC https://www.w3schools.com/w3css/w3css_dropdowns.asp
<!-- user css perm required in local settings -->
Template:Side box required https://en.wikipedia.org/wiki/Template:Side_box
<!-- 160px min-width set in common.css -->
user css perm required in local settings
<!-- remove z-index: 100; position: fixed; for static toc -->
160px min-width set in common.css
 
-->
<includeonly>
<includeonly>
<div class="w3-dropdown-hover" style="width: 220px; float:right; background: #f3f3f3;border: 1px solid #333;">
<div style="width: 200px; float: right;"><!-- Container div- set float and width -->
<div class="w3-dropdown-hover" style="width: 200px; z-index: 100; position: fixed; background: #f3f3f3; border: 1px solid #333;"><!-- set width -->
   <!-- TEXT BUTTON HERE -->
   <!-- TEXT BUTTON HERE -->
   <div style="width: 100%;text-align:center;font-size:110%;font-weight:bold;color:#006699;padding:4px;">Table of Contents Here</div>
   <div style="width: 100%; text-align:center; font-size:100%; font-weight:bold; color:#006699; padding:3px;">Table of Contents Here</div>
  <div class="w3-dropdown-content"><!--w3-bar-block w3-border -->
<!-- w3 drop down any content -->
  <div class="w3-dropdown-content"><!--w3-bar-block> -->
  <!--- Side box Module Contents Here -->
  <!--- Side box Module Contents Here -->
  {{Side box |metadata=No
  {{Side box |metadata=No
  | position =
  | position =right
  | class =  
  | class =  
  | style = width:220px;border: 1px solid #333;
  | style = width:200px; border: 1px solid #333;
  | abovestyle = text-align:center;font-size:110%;padding:4px;
  | abovestyle = text-align:center;font-size:100%; padding:2px;
  | above = {{PAGENAME}}
  | above = {{PAGENAME}}
  | image = <!-- {{smaller|([[Image:rss.png|16px]])}} -->
  | image = <!-- {{smaller|([[Image:rss.png|16px]])}} -->
  | textstyle = font-size:100%;padding:2px;
  | textstyle = font-size:90%; padding: 2px; <!-- adjust toc font size -->
  | text =  __TOC__
  | text =  __TOC__
  | imageright = <!-- {{longitem|font-size:90%|('''''image<br/>right'''''{{hair space}})}} -->
  | imageright = <!-- {{longitem|font-size:90%|('''''image<br/>right'''''{{hair space}})}} -->
Line 27: Line 25:
  }}
  }}
</div></div>
</div></div>
</div>
</includeonly>
</includeonly>

Revision as of 23:30, October 17, 2019