Template:Perk Tree: Difference between revisions

From MENACE Official Wiki
Browse history interactively
← Older edit
mNo edit summary
Khitrir (talk | contribs)
2,222 edits
Just wide enough to not break the headings over two lines
 
(5 intermediate revisions by one other user not shown)
Line 2: Line 2:
{| class="wikitable" style="border-collapse: collapse; border: none;width: 100%"
{| class="wikitable" style="border-collapse: collapse; border: none;width: 100%"
|-
|-
| TIER 1
| style="width: 6%" | <code>TIER 1</code>
| <div style="display: flex; flex-direction: column; align-items: center;">
| <div style="display: flex; flex-direction: column; align-items: center;">
     <div style="display: flex; justify-content: center; width: 100%;">
     <div style="display: flex; justify-content: center; width: 100%;">
         {{Perk
         {{Perk | title={{{1}}} | case= starting_perk}}
        |icon={{{perk1_icon}}}
        |title= {{{perk1_title}}}
        |description= {{{perk1_description}}}
        |case= starting_perk
        }}


         {{Perk
         {{Perk | title={{{2}}} }}
        |icon={{{perk2_icon}}}
        |title= {{{perk2_title}}}
        |description= {{{perk2_description}}}
        }}


         {{Perk
         {{Perk | title={{{3}}} }}
        |icon={{{perk3_icon}}}
        |title= {{{perk3_title}}}
        |description= {{{perk3_description}}}
        }}
     </div>
     </div>
     <div style="display: flex; justify-content: center; width: 100%;">
     <div style="display: flex; justify-content: center; width: 100%;">
      {{Perk
        {{Perk | title={{{4}}} }}
        |icon={{{perk4_icon}}}
        |title= {{{perk4_title}}}
        |description= {{{perk4_description}}}
        }}


         {{Perk
         {{Perk | title={{{5}}} }}
        |icon={{{perk5_icon}}}
        |title= {{{perk5_title}}}
        |description= {{{perk5_description}}}
        }}


         {{Perk
         {{Perk | title={{{6}}} }}
        |icon={{{perk6_icon}}}
        |title= {{{perk6_title}}}
        |description= {{{perk6_description}}}
        }}
     </div>
     </div>
</div>
</div>
|-
|-
| TIER 2
| <code>TIER 2</code>
| <div style="display: flex; flex-direction: column; align-items: center;">
| <div style="display: flex; flex-direction: column; align-items: center;">
     <div style="display: flex; justify-content: center; width: 100%;">
     <div style="display: flex; justify-content: center; width: 100%;">
         {{Perk
         {{Perk | title={{{7}}} }}
        |icon={{{perk7_icon}}}
        |title= {{{perk7_title}}}
        |description= {{{perk7_description}}}
        }}


         {{Perk
         {{Perk | title={{{8}}} }}
        |icon={{{perk8_icon}}}
        |title= {{{perk8_title}}}
        |description= {{{perk8_description}}}
        }}


         {{Perk
         {{Perk | title={{{9}}} }}
        |icon={{{perk9_icon}}}
        |title= {{{perk9_title}}}
        |description= {{{perk9_description}}}
        }}
     </div>
     </div>
</div>
</div>
<div style="display: flex; flex-direction: column; align-items: center;">
<div style="display: flex; flex-direction: column; align-items: center;">
     <div style="display: flex; justify-content: center; width: 100%;">
     <div style="display: flex; justify-content: center; width: 100%;">
         {{Perk
         {{Perk | title={{{10}}} }}
        |icon={{{perk10_icon}}}
 
         |title= {{{perk10_title}}}
         {{Perk | title={{{11}}} }}
        |description= {{{perk10_description}}}
        }}
     </div>
     </div>
</div>
</div>
|-
|-
| TIER 3  
| <code>TIER 3</code>
| <div style="display: flex; flex-direction: column; align-items: center;">
| <div style="display: flex; flex-direction: column; align-items: center;">
     <div style="display: flex; justify-content: center; width: 100%;">
     <div style="display: flex; justify-content: center; width: 100%;">
         {{Perk
         {{Perk | title={{{12}}} }}
        |icon={{{perk11_icon}}}
        |title= {{{perk11_title}}}
        |description= {{{perk11_description}}}
        }}


         {{Perk
         {{Perk | title={{{13}}} }}
        |icon={{{perk12_icon}}}
        |title= {{{perk12_title}}}
        |description= {{{perk12_description}}}
        }}


         {{Perk
         {{Perk | title={{{14}}} }}
        |icon={{{perk13_icon}}}
    </div>
         |title= {{{perk13_title}}}
</div>
        |description= {{{perk13_description}}}
<div style="display: flex; flex-direction: column; align-items: center;">
        }}
    <div style="display: flex; justify-content: center; width: 100%;">
         {{Perk | title={{{15}}} }}
     </div>
     </div>
</div>
</div>
|-
|-
| TIER 4
| <code>TIER 4</code>
| <div style="display: flex; flex-direction: column; align-items: center;">
| <div style="display: flex; flex-direction: column; align-items: center;">
     <div style="display: flex; justify-content: center; width: 100%;">
     <div style="display: flex; justify-content: center; width: 100%;">
      {{Perk
        {{Perk | title={{{16}}} }}
        |icon={{{perk14_icon}}}
        |title= {{{perk14_title}}}
        |description= {{{perk14_description}}}
        }}


         {{Perk
         {{Perk | title={{{17}}} }}
        |icon={{{perk15_icon}}}
        |title= {{{perk15_title}}}
        |description= {{{perk15_description}}}
        }}
     </div>
     </div>
</div>
</div>
|}
|}
</includeonly><noinclude>
== Usage & preview ==


</includeonly>
<div style="color: #c7aa3f">Note: once the style of this template is finished, move it to Common.css</div>
 
<noinclude>
== Usage & preview ==


<div style="font-weight: bold; font-size: 1.2em; color: #cc0000"> This is currently very experimental, but it will eventually be made more user-friendly with JSON. </div>


Type in this:
Type in this:
Line 129: Line 73:
<pre>
<pre>
{{Perk Tree
{{Perk Tree
|perk1_icon=High Value Target Icon.png
|Taking Command
|perk1_title= TITLE 1 Example
|Athletic
|perk1_description= This is an example description 1
|Solid Grouping
 
|New Tricks
|perk2_icon=Commando Icon.png
|Scout
|perk2_title= TITLE 2 Example
|Standby
|perk2_description= This is an example description 2
|Buff
 
|Bags & Belts
|perk3_icon=High Value Target Icon.png
|Inspiring Presence
|perk3_title= TITLE 3 Example
|Call Out Target
|perk3_description= This is an example description 3
|Disruptive Fire
 
|Determined
|perk4_icon=High Value Target Icon.png
|Fortify
|perk4_title= TITLE 4 Example
|This Is My Rifle
|perk4_description= This is an example description 4
|Command: Rally
 
|Stalwart
|perk5_icon=High Value Target Icon.png
|Firing Line
|perk5_title= TITLE 5 Example
|perk5_description= This is an example description 6
 
|perk6_icon=High Value Target Icon.png
|perk6_title= TITLE 6 Example
|perk6_description= This is an example description 6
 
|perk7_icon=High Value Target Icon.png
|perk7_title= TITLE 7 Example
|perk7_description= This is an example description 7
 
|perk8_icon=High Value Target Icon.png
|perk8_title= TITLE 8 Example
|perk8_description= This is an example description 8
 
|perk9_icon=High Value Target Icon.png
|perk9_title= TITLE 9 Example
|perk9_description= This is an example description 9
 
|perk10_icon=High Value Target Icon.png
|perk10_title= TITLE 10 Example
|perk10_description= This is an example description 10
 
|perk11_icon=High Value Target Icon.png
|perk11_title= TITLE 11 Example
|perk11_description= This is an example description 11
 
|perk12_icon=High Value Target Icon.png
|perk12_title= TITLE 12 Example
|perk12_description= This is an example description 12
 
|perk13_icon=High Value Target Icon.png
|perk13_title= TITLE 13 Example
|perk13_description= This is an example description 13
 
|perk14_icon=High Value Target Icon.png
|perk14_title= TITLE 14 Example
|perk14_description= This is an example description 14
 
|perk15_icon=High Value Target Icon.png
|perk15_title= TITLE 15 Example
|perk15_description= This is an example description 15
}}
}}
</pre>
</pre>
Line 194: Line 96:


{{Perk Tree
{{Perk Tree
|perk1_icon=High Value Target Icon.png
|Taking Command
|perk1_title= TITLE 1 Example
|Athletic
|perk1_description= This is an example description 1
|Solid Grouping
 
|New Tricks
|perk2_icon=Commando Icon.png
|Scout
|perk2_title= TITLE 2 Example
|Standby
|perk2_description= This is an example description 2
|Buff
 
|Bags & Belts
|perk3_icon=High Value Target Icon.png
|Inspiring Presence
|perk3_title= TITLE 3 Example
|Call Out Target
|perk3_description= This is an example description 3
|Disruptive Fire
 
|Determined
|perk4_icon=High Value Target Icon.png
|Fortify
|perk4_title= TITLE 4 Example
|This Is My Rifle
|perk4_description= This is an example description 4
|Command: Rally
 
|Stalwart
|perk5_icon=High Value Target Icon.png
|Firing Line
|perk5_title= TITLE 5 Example
|perk5_description= This is an example description 6
 
|perk6_icon=High Value Target Icon.png
|perk6_title= TITLE 6 Example
|perk6_description= This is an example description 6
 
|perk7_icon=High Value Target Icon.png
|perk7_title= TITLE 7 Example
|perk7_description= This is an example description 7
 
|perk8_icon=High Value Target Icon.png
|perk8_title= TITLE 8 Example
|perk8_description= This is an example description 8
 
|perk9_icon=High Value Target Icon.png
|perk9_title= TITLE 9 Example
|perk9_description= This is an example description 9
 
|perk10_icon=High Value Target Icon.png
|perk10_title= TITLE 10 Example
|perk10_description= This is an example description 10
 
|perk11_icon=High Value Target Icon.png
|perk11_title= TITLE 11 Example
|perk11_description= This is an example description 11
 
|perk12_icon=High Value Target Icon.png
|perk12_title= TITLE 12 Example
|perk12_description= This is an example description 12
 
|perk13_icon=High Value Target Icon.png
|perk13_title= TITLE 13 Example
|perk13_description= This is an example description 13
 
|perk14_icon=High Value Target Icon.png
|perk14_title= TITLE 14 Example
|perk14_description= This is an example description 14
 
|perk15_icon=High Value Target Icon.png
|perk15_title= TITLE 15 Example
|perk15_description= This is an example description 15
}}
}}


Latest revision as of 10:17, 30 April 2026

Usage & preview

Note: once the style of this template is finished, move it to Common.css


Type in this: 

{{Perk Tree
|Taking Command
|Athletic
|Solid Grouping
|New Tricks
|Scout
|Standby
|Buff
|Bags & Belts
|Inspiring Presence
|Call Out Target
|Disruptive Fire
|Determined
|Fortify
|This Is My Rifle
|Command: Rally
|Stalwart
|Firing Line
}}

to see this:


TIER 1
TIER 2
TIER 3
TIER 4



Click here to refresh the preview above

Retrieved from "https://wiki.hoodedhorse.com/MENACE/index.php?title=Template:Perk_Tree&oldid=9576"