Template:FloatTOC
Introduction
Fancy and floating Table of Contents as seen somewhere to the left (<- this way <).
Usage
Invoking formula is quite simple and should be put at the very start of the page:
{{FloatTOC |Introduction // just |Usage // list |Examples // your |Notes // sections |Conclusion // here }} ... // and all the other page content should be put afterwards
For anchoring Sections use standard wiki markup:
== Section == ... === Subsection === ...
or id parameter in html-tags (div/span/table/headers/whatever...):
<span id="Anchor">Almost anything can be an achor now!</span>
Examples
This section is marked with wiki markup.
Hidden section
You can safely hide some or all sections from TOC by not listing them as parameters. Also we need to pad this page so you can see how menu floats, so have some cuneiform (if the page is still short, just resize your browser window or enlarge text).
๐ฏ๐ง๐ญ๐ฆ๐ซ๐ธ๐จ ๐ฌ๐ฆ๐ซ๐ผ๐ญ๐ ๐ฅ๐ง ๐ข๐๐ง๐ธ๐ซ๐ง๐ธ ๐ฑ๐ซ๐๐ค๐ง ๐ผ๐ฆ๐ ๐ง๐ญ๐ ๐ฆ๐ซ ๐ฅ๐ง๐๐ ๐ฆ๐ญ ๐ฅ๐ง๐ ๐ซ๐ฌ๐ ๐ญ๐ญ๐ญ๐ฝ๐ง๐๐ธ๐ญ๐ฆ๐ฆ๐ซ๐จ ๐ฎ๐ฎ๐ก๐ฎ๐ฝ๐ง๐ธ ๐ง๐ ๐ฅ๐ง๐ฃ๐ฑ๐ญ ๐ฆ๐ฎ๐๐ง๐ ๐ฌ๐ฆ ๐ข๐ง๐ ๐ธ๐ฆ๐ญ๐ ๐ฑ ๐ฅ๐ ๐ธ๐ฆ๐ญ ๐ง๐ธ๐ฏ๐ ๐ฃ๐ฆ๐ง ๐ญ๐ญ๐ญ๐ต๐ธ๐ซ๐ฆ๐๐ฌ ๐จ๐ซ๐๐ ๐ ๐ง๐ ๐ฝ๐๐ธ๐ฑ ๐ญ๐ ๐ญ๐๐ ๐ฑ๐ซ๐ ๐๐ง๐ฎ๐๐ค๐ฏ ๐ค๐ก๐ธ๐ญ๐ฌ๐ ๐-๐ฆ๐ฎ๐ช๐ ๐ง๐ ๐ฝ๐๐ธ๐ฑ ๐ฆ๐ญ๐ ๐จ๐จ๐ง ๐ช๐๐ ๐ฑ๐ญ๐ ๐ช ๐ซ๐ซ๐ซ๐ซ๐๐ ๐ฑ ๐ค๐ก๐ธ๐ญ๐ฌ๐ ๐ ๐ฆ๐ซ ๐ข๐ง ๐ง๐ซ๐จ๐ฑ๐ฆ๐ง ๐ฅ๐ฏ๐ง๐ซ๐ค๐ฆ๐ค๐๐ง ๐ก๐๐ง๐ญ๐ช ๐ฝ๐๐ค๐ซ๐ซ๐ก๐ฝ๐ญ๐ ๐ฌ๐ฆ ๐ฎ๐ฎ๐ก๐ฎ๐ฝ๐ง๐ธ ๐ฆ๐ฎ๐ช๐ ๐๐ง๐ ๐ฑ๐ ๐ญ๐ ๐ช ๐ซ๐จ๐ง๐ค๐ค ๐ญ๐ญ๐ญ๐ข๐๐ง๐ธ๐ซ๐ง๐ธ ๐ฎ๐ฎ๐ก๐ฎ๐ฝ๐ง๐ธ ๐ค๐ค ๐ข๐ญ๐ฆ๐ง๐ ๐ญ๐ฆ๐ง๐ฅ๐ ๐ญ๐ญ๐ญ๐ช๐ ๐ฃ๐จ๐ฝ๐ง๐๐ธ ๐ญ๐ฆ๐ฅ๐ฌ๐ซ๐ ๐๐ฆ๐ง ๐ญ๐๐ ๐ฑ๐ซ๐ ๐๐ง๐ฎ๐๐ค๐ฏ ๐ญ๐ฆ๐ซ๐ธ๐จ๐ ๐ฆ๐ซ ๐ง๐ฑ๐จ๐จ ๐ค๐ค ๐-๐ง๐ ๐ฅ๐ง๐ฃ๐ฑ๐ญ ๐ฅ๐ฌ๐ซ๐ ๐๐ฆ๐ง ๐ฅ๐ง๐ ๐ซ๐ฌ๐ ๐ญ๐ ๐ฅ๐ซ๐ฏ๐ง๐ซ๐ค๐ฆ๐ค๐๐ง ๐ธ๐ซ๐ญ ๐ฆ๐ฎ๐ช๐ ๐ญ๐ฆ๐๐ฎ๐ฆ๐ฆ๐ฎ๐๐ง ๐ข๐ง๐ ๐ธ๐ฆ๐ญ๐ ๐ฑ ๐ฅ๐ ๐ธ๐ฆ๐ญ ๐ซ๐ผ๐ญ๐ ๐ฅ๐ง ๐ฑ๐ซ๐๐ค๐ง ๐ข๐ง๐๐ค๐ญ๐ฅ๐ฅ ๐ฏ๐ง๐ง๐ ๐จ ๐ ๐จ ๐ผ๐ฆ๐ ๐ง๐ญ ๐๐ง๐ ๐จ ๐ซ๐ซ๐ซ๐ซ ๐ก๐๐ง๐ญ๐ช ๐ง๐ ๐จ ๐ข๐ง๐๐ค๐ญ๐ฅ๐ฅ ๐ธ๐ง๐ค ๐ฃ๐ ๐ฆ๐ฎ๐ญ ๐๐ฅ๐ง๐ ๐ซ๐ฌ๐ ๐ฑ๐ซ๐๐ค๐ง๐ฎ๐ฑ ๐ฝ๐ง๐๐ธ๐ญ๐ฆ๐ฆ๐ซ๐จ ๐ฏ๐ง๐ซ๐ค๐ฆ๐ค๐๐ง ๐ฅ๐ง๐๐ ๐ฆ๐ญ ๐ฅ๐ฆ๐ญ๐ ๐จ๐จ๐ง ๐ช๐ ๐ฃ๐จ๐ฝ๐ง๐๐ธ ๐ฌ๐ญ๐ ๐ง๐ญ ๐ญ๐ ๐ฆ๐ฎ๐ฅ๐ญ๐ญ ๐ฑ๐ซ๐๐ค๐ง ๐ซ๐ซ๐ฎ๐จ๐ฆ ๐ฑ๐ซ๐๐ค๐ง ๐ญ๐ฆ๐ง๐ ๐ค๐ก๐ธ๐ญ๐ฌ๐ ๐ฃ๐ ๐ฆ๐ฎ๐ญ ๐ช๐๐ ๐ฑ๐ญ๐ ๐ช๐ฎ๐๐ง ๐ซ๐ซ๐ฎ๐จ๐ฆ ๐ง๐ธ๐ฏ๐ ๐ฃ๐ฆ๐ง ๐ฝ๐ง๐๐ธ๐ญ๐ฆ๐ฆ๐ซ๐จ ๐ฌ๐ญ๐ ๐ง๐ญ ๐ธ๐ ๐ ๐ ๐ง ๐ฆ๐ค๐ก ๐ข๐ข๐ง๐ ๐ธ๐ฆ๐ญ๐ ๐ฑ ๐ฅ๐ ๐ธ๐ฆ๐ญ ๐ง๐ข๐ง๐๐ค๐ญ๐ฅ๐ฅ ๐๐ฎ๐ฆ๐ฆ๐ฎ๐๐ง ๐ฅ๐ง๐ ๐ฅ๐ง๐ฃ๐ฑ๐ญ ๐ญ๐ ๐ค๐ง๐๐ค ๐๐ง๐ ๐ฑ๐ ๐ญ๐ ๐ช ๐ข๐ง ๐ฑ๐ซ๐๐ค๐ง ๐ฅ๐ฌ๐ซ๐ ๐๐ฆ๐ง ๐ฝ๐ง๐ธ๐ก-๐ญ๐จ๐ฆ๐ฆ๐ธ๐ฑ๐ ๐๐ง ๐ฑ๐ซ๐๐ค๐ง ๐ฝ๐ธ๐ง๐ญ๐ ๐ฆ๐ซ ๐๐ฝ๐ ๐๐ง๐ฎ๐ฆ๐ฆ๐ธ๐ ๐๐ ๐ฎ๐ฑ ๐ง๐ ๐ฝ๐๐ธ๐ฑ
Notes
๐ฝ๐๐ฎ๐ป๐ธ ๐ผ๐ ๐ฝ ๐๐ฎ๐ฎ ๐ซ๐ ๐ป๐ ๐๐ฎ ๐ซ๐ค๐ ๐ฑ๐ญ ๐ฏ๐ฑ๐ฎ๐ฏ๐ค๐ฑ ๐ฝ๐ธ๐ฌ๐ค๐ฑ๐จ๐ ๐ญ ๐ฝ๐ฎ ๐ง๐ค ๐ฉ๐ธ๐ฝ๐ ๐ธ๐ฝ๐ค๐ฃ ๐ฝ๐ช๐ค๐๐ข๐ง๐ ๐จ๐ญ๐๐ค๐ฑ๐ญ๐ค๐ ๐ฝ๐จ๐๐ค ๐๐ฎ ๐๐ฑ๐ ๐ญ๐ฝ๐ข๐ฑ๐จ๐ฏ๐ ๐ฏ๐ซ๐ ๐จ๐ญ ๐ค๐ญ๐ฆ๐ซ๐จ๐ฝ๐ง ๐จ๐ญ๐๐ฎ ๐๐ง๐จ๐ฝ ๐ข๐ธ๐ญ๐ค๐จ๐ฅ๐ฎ๐ฑ๐ฌ ๐ญ๐ฎ๐ญ๐ฝ๐ค๐ญ๐ฝ๐ค
Conclusion: it's simple! (and this is <span> with id)