Difference between revisions of "Template:FloatTOC"

From Game Logs
Jump to: navigation, search
(Work in progress...)
 
(Done.)
Line 5: Line 5:
 
<div class="toc">
 
<div class="toc">
 
{{#if: {{{1|}}} |[[#{{{1}}}|{{{1}}}]]<br>|}}{{#if: {{{2|}}} |[[#{{{2}}}|{{{2}}}]]<br>|}}{{#if: {{{3|}}} |[[#{{{3}}}|{{{3}}}]]<br>|}}{{#if: {{{4|}}} |[[#{{{4}}}|{{{4}}}]]<br>|}}{{#if: {{{5|}}} |[[#{{{5}}}|{{{5}}}]]<br>|}}{{#if: {{{6|}}} |[[#{{{6}}}|{{{6}}}]]<br>|}}{{#if: {{{7|}}} |[[#{{{7}}}|{{{7}}}]]<br>|}}{{#if: {{{8|}}} |[[#{{{8}}}|{{{8}}}]]<br>|}}{{#if: {{{9|}}} |[[#{{{9}}}|{{{9}}}]]<br>|}}{{#if: {{{10|}}} |[[#{{{10}}}|{{{10}}}]]<br>|}}{{#if: {{{11|}}} |[[#{{{11}}}|{{{11}}}]]<br>|}}{{#if: {{{12|}}} |[[#{{{12}}}|{{{12}}}]]<br>|}}{{#if: {{{13|}}} |[[#{{{13}}}|{{{13}}}]]<br>|}}{{#if: {{{14|}}} |[[#{{{14}}}|{{{14}}}]]<br>|}}{{#if: {{{15|}}} |[[#{{{15}}}|{{{15}}}]]<br>|}}{{#if: {{{16|}}} |[[#{{{16}}}|{{{16}}}]]<br>|}}{{#if: {{{17|}}} |[[#{{{17}}}|{{{17}}}]]<br>|}}{{#if: {{{18|}}} |[[#{{{18}}}|{{{18}}}]]<br>|}}{{#if: {{{19|}}} |[[#{{{19}}}|{{{19}}}]]<br>|}}{{#if: {{{20|}}} |[[#{{{20}}}|{{{20}}}]]<br>|}}</div></div></includeonly><noinclude>[[Category:Appearance]]
 
{{#if: {{{1|}}} |[[#{{{1}}}|{{{1}}}]]<br>|}}{{#if: {{{2|}}} |[[#{{{2}}}|{{{2}}}]]<br>|}}{{#if: {{{3|}}} |[[#{{{3}}}|{{{3}}}]]<br>|}}{{#if: {{{4|}}} |[[#{{{4}}}|{{{4}}}]]<br>|}}{{#if: {{{5|}}} |[[#{{{5}}}|{{{5}}}]]<br>|}}{{#if: {{{6|}}} |[[#{{{6}}}|{{{6}}}]]<br>|}}{{#if: {{{7|}}} |[[#{{{7}}}|{{{7}}}]]<br>|}}{{#if: {{{8|}}} |[[#{{{8}}}|{{{8}}}]]<br>|}}{{#if: {{{9|}}} |[[#{{{9}}}|{{{9}}}]]<br>|}}{{#if: {{{10|}}} |[[#{{{10}}}|{{{10}}}]]<br>|}}{{#if: {{{11|}}} |[[#{{{11}}}|{{{11}}}]]<br>|}}{{#if: {{{12|}}} |[[#{{{12}}}|{{{12}}}]]<br>|}}{{#if: {{{13|}}} |[[#{{{13}}}|{{{13}}}]]<br>|}}{{#if: {{{14|}}} |[[#{{{14}}}|{{{14}}}]]<br>|}}{{#if: {{{15|}}} |[[#{{{15}}}|{{{15}}}]]<br>|}}{{#if: {{{16|}}} |[[#{{{16}}}|{{{16}}}]]<br>|}}{{#if: {{{17|}}} |[[#{{{17}}}|{{{17}}}]]<br>|}}{{#if: {{{18|}}} |[[#{{{18}}}|{{{18}}}]]<br>|}}{{#if: {{{19|}}} |[[#{{{19}}}|{{{19}}}]]<br>|}}{{#if: {{{20|}}} |[[#{{{20}}}|{{{20}}}]]<br>|}}</div></div></includeonly><noinclude>[[Category:Appearance]]
{{FloatTOC|Introduction|Usage|Conclusion|One more thing|And another one}}
+
{{FloatTOC|Introduction|Usage|Examples|Notes|Conclusion}}
  
 
== Introduction ==
 
== Introduction ==
Line 11: Line 11:
  
 
== Usage ==
 
== Usage ==
 +
Invoking formula is quite simple and should be put at the very start of the page:
 
   <nowiki>
 
   <nowiki>
 
   {{FloatTOC
 
   {{FloatTOC
     |Introduction      // list your sections here
+
     |Introduction      // just
     |Usage            //   use wiki markup headers:
+
     |Usage            // list
     |Conclusion        //  == SectionName ==
+
     |Examples          //  your
     |One more thing    //   or id parameter of html-tags:
+
     |Notes            //   sections
     |And another one  //   <span id="SectionName">...</span>
+
     |Conclusion        //     here
 
   }}
 
   }}
 +
  ...                  // and all the other page content should be put afterwards
 
   </nowiki>
 
   </nowiki>
 +
For anchoring Sections use standard wiki markup:
 +
  <nowiki>
 +
  == Section ==
 +
  ...
 +
  === Subsection ===
 +
  ...
 +
  </nowiki>
 +
or id parameter in html-tags (div/span/table/headers/whatever...):
 +
  &lt;span id="Anchor"&gt;Almost anything can be an achor now!&lt;/span&gt;
 +
 
 +
== 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).
  
<span id="Conclusion">It's fancy and floats!</span>
+
𐎯𐎧𐎭𐎦𐎫𐎸𐎨 𐎬𐎦𐎫𐎼𐎭𐎠𐎥𐎧 𐎢𐏂𐎧𐎸𐎫𐎧𐎸 𐎱𐎫𐏀𐎤𐎧 𐎼𐎦𐎠𐎧𐎭𐎠𐎦𐎫 𐎥𐎧𐏂𐎠𐎦𐎭 𐎥𐎧𐎠𐎫𐎬𐎠 𐎭𐎭𐎭𐎽𐎧𐏂𐎸𐎭𐎦𐎦𐎫𐎨 𐎮𐎮𐎡𐎮𐎽𐎧𐎸 𐎧𐎠𐎥𐎧𐎣𐎱𐎭 𐎦𐎮𐏂𐎧𐎠 𐎬𐎦 𐎢𐎧𐎠𐎸𐎦𐎭𐎠𐎱 𐎥𐎠𐎸𐎦𐎭 𐎧𐎸𐎯𐎠𐎣𐎦𐎧 𐎭𐎭𐎭𐎵𐎸𐎫𐎦𐏂𐎬 𐎨𐎫𐏀𐎠𐎠 𐎧𐎠𐎽𐏂𐎸𐎱 𐎭𐎠𐎭𐏀𐎠𐎱𐎫𐎠𐏂𐎧𐎮𐏂𐎤𐎯 𐎤𐎡𐎸𐎭𐎬𐎠 𐏀-𐎦𐎮𐎪𐎠 𐎧𐎠𐎽𐏂𐎸𐎱 𐎦𐎭𐎠𐎨𐎨𐎧 𐎪𐏀𐎠𐎱𐎭𐎠𐎪 𐎫𐎫𐎫𐎫𐏀𐎠𐎱 𐎤𐎡𐎸𐎭𐎬𐎠𐎠𐎦𐎫 𐎢𐎧 𐎧𐎫𐎨𐎱𐎦𐎧 𐎥𐎯𐎧𐎫𐎤𐎦𐎤𐏂𐎧 𐎡𐏂𐎧𐎭𐎪 𐎽𐏂𐎤𐎫𐎫𐎡𐎽𐎭𐎠 𐎬𐎦 𐎮𐎮𐎡𐎮𐎽𐎧𐎸 𐎦𐎮𐎪𐎠 𐏂𐎧𐎠𐎱𐎠𐎭𐎠𐎪 𐎫𐎨𐎧𐎤𐎤 𐎭𐎭𐎭𐎢𐏂𐎧𐎸𐎫𐎧𐎸 𐎮𐎮𐎡𐎮𐎽𐎧𐎸 𐎤𐎤 𐎢𐎭𐎦𐎧𐎠 𐎭𐎦𐎧𐎥𐏂 𐎭𐎭𐎭𐎪𐎠𐎣𐎨𐎽𐎧𐏂𐎸 𐎭𐎦𐎥𐎬𐎫𐎠𐏂𐎦𐎧 𐎭𐏀𐎠𐎱𐎫𐎠𐏂𐎧𐎮𐏂𐎤𐎯 𐎭𐎦𐎫𐎸𐎨𐎠𐎦𐎫 𐎧𐎱𐎨𐎨 𐎤𐎤 𐏀-𐎧𐎠𐎥𐎧𐎣𐎱𐎭 𐎥𐎬𐎫𐎠𐏂𐎦𐎧 𐎥𐎧𐎠𐎫𐎬𐎠 𐎭𐎠𐎥𐎫𐎯𐎧𐎫𐎤𐎦𐎤𐏂𐎧 𐎸𐎫𐎭 𐎦𐎮𐎪𐎠 𐎭𐎦𐏀𐎮𐎦𐎦𐎮𐏂𐎧 𐎢𐎧𐎠𐎸𐎦𐎭𐎠𐎱 𐎥𐎠𐎸𐎦𐎭 𐎫𐎼𐎭𐎠𐎥𐎧 𐎱𐎫𐏀𐎤𐎧 𐎢𐎧𐏂𐎤𐎭𐎥𐎥 𐎯𐎧𐎧𐎠𐎨 𐎠𐎨 𐎼𐎦𐎠𐎧𐎭 𐏀𐎧𐎠𐎨 𐎫𐎫𐎫𐎫 𐎡𐏂𐎧𐎭𐎪 𐎧𐎠𐎨 𐎢𐎧𐏂𐎤𐎭𐎥𐎥 𐎸𐎧𐎤 𐎣𐎠𐎦𐎮𐎭 𐏀𐎥𐎧𐎠𐎫𐎬𐎠 𐎱𐎫𐏀𐎤𐎧𐎮𐎱 𐎽𐎧𐏂𐎸𐎭𐎦𐎦𐎫𐎨 𐎯𐎧𐎫𐎤𐎦𐎤𐏂𐎧 𐎥𐎧𐏂𐎠𐎦𐎭 𐎥𐎦𐎭𐎠𐎨𐎨𐎧 𐎪𐎠𐎣𐎨𐎽𐎧𐏂𐎸 𐎬𐎭𐎠𐎧𐎭 𐎭𐎠𐎦𐎮𐎥𐎭𐎭 𐎱𐎫𐏀𐎤𐎧 𐎫𐎫𐎮𐎨𐎦 𐎱𐎫𐏀𐎤𐎧 𐎭𐎦𐎧𐎠 𐎤𐎡𐎸𐎭𐎬𐎠 𐎣𐎠𐎦𐎮𐎭 𐎪𐏀𐎠𐎱𐎭𐎠𐎪𐎮𐏂𐎧 𐎫𐎫𐎮𐎨𐎦 𐎧𐎸𐎯𐎠𐎣𐎦𐎧 𐎽𐎧𐏂𐎸𐎭𐎦𐎦𐎫𐎨 𐎬𐎭𐎠𐎧𐎭 𐎸𐎠𐎠𐎠𐎧 𐎦𐎤𐎡 𐎢𐎢𐎧𐎠𐎸𐎦𐎭𐎠𐎱 𐎥𐎠𐎸𐎦𐎭 𐎧𐎢𐎧𐏂𐎤𐎭𐎥𐎥 𐏀𐎮𐎦𐎦𐎮𐏂𐎧 𐎥𐎧𐎠𐎥𐎧𐎣𐎱𐎭 𐎭𐎠𐎤𐎧𐏀𐎤 𐏂𐎧𐎠𐎱𐎠𐎭𐎠𐎪 𐎢𐎧 𐎱𐎫𐏀𐎤𐎧 𐎥𐎬𐎫𐎠𐏂𐎦𐎧 𐎽𐎧𐎸𐎡-𐎭𐎨𐎦𐎦𐎸𐎱𐎠𐏂𐎧 𐎱𐎫𐏀𐎤𐎧 𐎽𐎸𐎧𐎭𐎠𐎦𐎫 𐏂𐎽𐎠𐏂𐎧𐎮𐎦𐎦𐎸𐎠 𐏀𐎠𐎮𐎱 𐎧𐎠𐎽𐏂𐎸𐎱
  
== One more thing ==
+
=== Notes ===
 +
𐎽𐏂𐎮𐎻𐎸 𐎼𐎠𐎽 𐏂𐎮𐎮 𐎫𐎠𐎻𐏀 𐏂𐎮 𐎫𐎤𐎠𐎱𐎭 𐎯𐎱𐎮𐎯𐎤𐎱 𐎽𐎸𐎬𐎤𐎱𐎨𐎠𐎭 𐎽𐎮 𐎧𐎤 𐎩𐎸𐎽𐏂 𐎸𐎽𐎤𐎣 𐎽𐎪𐎤𐏂𐎢𐎧𐏀 𐎨𐎭𐏂𐎤𐎱𐎭𐎤𐏂 𐎽𐎨𐏂𐎤 𐏂𐎮 𐏂𐎱𐎠𐎭𐎽𐎢𐎱𐎨𐎯𐏂 𐎯𐎫𐎠𐎨𐎭 𐎤𐎭𐎦𐎫𐎨𐎽𐎧 𐎨𐎭𐏂𐎮 𐏂𐎧𐎨𐎽 𐎢𐎸𐎭𐎤𐎨𐎥𐎮𐎱𐎬 𐎭𐎮𐎭𐎽𐎤𐎭𐎽𐎤
  
=== And another one ===
 
  
 +
<span id="Conclusion">Conclusion: it's simple! (and this is &lt;span&gt with id)</span>
 
</noinclude>
 
</noinclude>

Revision as of 06:23, 17 June 2021


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&gt with id)