Difference between revisions of "Tabs"
From Sonic Retro
BSonirachi (talk | contribs) |
|||
| Line 16: | Line 16: | ||
#if:{{{icon8|{{{title8|}}}}}}|<li>{{{icon8|{{{title8|}}}}}}</li>}}{{ | #if:{{{icon8|{{{title8|}}}}}}|<li>{{{icon8|{{{title8|}}}}}}</li>}}{{ | ||
#if:{{{icon9|{{{title9|}}}}}}|<li>{{{icon9|{{{title9|}}}}}}</li>}}{{ | #if:{{{icon9|{{{title9|}}}}}}|<li>{{{icon9|{{{title9|}}}}}}</li>}}{{ | ||
| − | #if:{{{icon10|{{{title10|}}}}}}|<li>{{{icon10|{{{title10|}}}}}}</li>}} | + | #if:{{{icon10|{{{title10|}}}}}}|<li>{{{icon10|{{{title10|}}}}}}</li>}}{{ |
| + | #if:{{{icon11|{{{title11|}}}}}}|<li>{{{icon11|{{{title11|}}}}}}</li>}}{{ | ||
| + | #if:{{{icon12|{{{title12|}}}}}}|<li>{{{icon12|{{{title12|}}}}}}</li>}}{{ | ||
| + | #if:{{{icon13|{{{title13|}}}}}}|<li>{{{icon13|{{{title13|}}}}}}</li>}}{{ | ||
| + | #if:{{{icon14|{{{title14|}}}}}}|<li>{{{icon14|{{{title14|}}}}}}</li>}}{{ | ||
| + | #if:{{{icon15|{{{title15|}}}}}}|<li>{{{icon15|{{{title15|}}}}}}</li>}}{{ | ||
| + | #if:{{{icon16|{{{title16|}}}}}}|<li>{{{icon16|{{{title16|}}}}}}</li>}}{{ | ||
| + | #if:{{{icon17|{{{title17|}}}}}}|<li>{{{icon17|{{{title17|}}}}}}</li>}}{{ | ||
| + | #if:{{{icon18|{{{title18|}}}}}}|<li>{{{icon18|{{{title18|}}}}}}</li>}}{{ | ||
| + | #if:{{{icon19|{{{title19|}}}}}}|<li>{{{icon19|{{{title19|}}}}}}</li>}}{{ | ||
| + | #if:{{{icon20|{{{title20|}}}}}}|<li>{{{icon20|{{{title20|}}}}}}</li>}} | ||
</ul> | </ul> | ||
</div>}}{{#vardefine:tabcontent|<div class="poot-tabs-content"> | </div>}}{{#vardefine:tabcontent|<div class="poot-tabs-content"> | ||
| Line 28: | Line 38: | ||
#if:{{{icon8|{{{title8|}}}}}}|<div>{{{content8}}}</div>}}{{ | #if:{{{icon8|{{{title8|}}}}}}|<div>{{{content8}}}</div>}}{{ | ||
#if:{{{icon9|{{{title9|}}}}}}|<div>{{{content9}}}</div>}}{{ | #if:{{{icon9|{{{title9|}}}}}}|<div>{{{content9}}}</div>}}{{ | ||
| − | #if:{{{icon10|{{{title10|}}}}}}|<div>{{{content10}}}</div>}} | + | #if:{{{icon10|{{{title10|}}}}}}|<div>{{{content10}}}</div>}}{{ |
| + | #if:{{{icon11|{{{title11|}}}}}}|<div>{{{content11}}}</div>}}{{ | ||
| + | #if:{{{icon12|{{{title12|}}}}}}|<div>{{{content12}}}</div>}}{{ | ||
| + | #if:{{{icon13|{{{title13|}}}}}}|<div>{{{content13}}}</div>}}{{ | ||
| + | #if:{{{icon14|{{{title14|}}}}}}|<div>{{{content14}}}</div>}}{{ | ||
| + | #if:{{{icon15|{{{title15|}}}}}}|<div>{{{content15}}}</div>}}{{ | ||
| + | #if:{{{icon16|{{{title16|}}}}}}|<div>{{{content16}}}</div>}}{{ | ||
| + | #if:{{{icon17|{{{title17|}}}}}}|<div>{{{content17}}}</div>}}{{ | ||
| + | #if:{{{icon18|{{{title18|}}}}}}|<div>{{{content18}}}</div>}}{{ | ||
| + | #if:{{{icon19|{{{title19|}}}}}}|<div>{{{content19}}}</div>}}{{ | ||
| + | #if:{{{icon20|{{{title20|}}}}}}|<div>{{{content20}}}</div>}} | ||
</div>}} | </div>}} | ||
<!-- Poot translation switching here so that the text inside poot-tabs-showhide says "show;hide" (with this format) in the current language) --> | <!-- Poot translation switching here so that the text inside poot-tabs-showhide says "show;hide" (with this format) in the current language) --> | ||
Revision as of 18:50, 12 November 2022
Usage
Vertical
{{tabs
| title=vertical tabs
| icon1=tab 1
| icon2=tab 2
| icon3=tab 3
| icon4=tab 4
| icon5=tab 5
| content1=content of tab 1
| content2=things in second tab
| content3=another tab content
| content4=content of tab 4
| content5=content of tab 5
| orientation=vertical
}}
[hide]vertical tabs
show;hide
- tab 1
- tab 2
- tab 3
- tab 4
- tab 5
content of tab 1
things in second tab
another tab content
content of tab 4
content of tab 5
Horizontal
{{tabs
| hidetitle=yes
| icon1=tab 1
| icon2=tab 2
| icon3=[[file:Logo-md.png|link=]]
| content1=aaa
| content2=things in second tab[[file:Notavailable.svg]]
| content3=another tab content
| orientation=horizontal
| width=500px
| tabliststyle=margin-bottom:0px;
}}
show;hide
- tab 1
- tab 2
aaa
things in second tab
another tab content
Horizontal (flipped)
{{tabs
| hidetitle=yes
| icon1=tab 1
| icon2=tab 2
| icon3=[[file:Logo-md.png|link=]]
| content1=aaa
| content2=things in second tab[[file:Notavailable.svg]]
| content3=another tab content
| orientation=horizontal
| width=500px
| tabliststyle=margin-top:0px;
| flipped=yes
}}
show;hide
aaa
things in second tab
another tab content
- tab 1
- tab 2