Difference between revisions of "Tabs"
From NEC Retro
m (Text replacement - "Category:NEC Retro templates" to "Category:Templates") |
TyphoonNEC (talk | contribs) |
||
| Line 2: | Line 2: | ||
{{#if: {{{hidetitle|}}} | | | {{#if: {{{hidetitle|}}} | | | ||
<div class="poot-tabs-title breakout"><span class="poot-tabs-titletext">{{{title|}}}</span></div> | <div class="poot-tabs-title breakout"><span class="poot-tabs-titletext">{{{title|}}}</span></div> | ||
| − | }} | + | }}{{#vardefine:tablist|<div class="poot-tabs" role="tablist" style="width:auto; border:0px solid pink; padding:0px; {{#switch:{{{orientation|}}} |
| − | <div class="poot-tabs" role="tablist" style="width:auto; border:0px solid pink; padding:0px; {{#switch:{{{orientation|}}} | ||
| horizontal=text-align:center; | | horizontal=text-align:center; | ||
| float:left; | | float:left; | ||
}}"> | }}"> | ||
| − | <ul style="list-style-type:none; {{#if:{{{tabliststyle|}}}|{{{tabliststyle}}}}}"> | + | <ul style="background:none; list-style-type:none; {{#if:{{{tabliststyle|}}}|{{{tabliststyle}}}}}"> |
| − | <li class="poot-tabs-selected" style="padding-left:4px; padding-right:4px; cursor:pointer; {{#ifeq:{{{orientation|}}}|horizontal|display:inline-block; margin-left:5px; margin-right:5px;}}">{{{icon1|{{{title1|}}}}}}</li>{{#loop:t | + | <li class="poot-tabs-selected" style="padding-left:4px; padding-right:4px; cursor:pointer; {{#ifeq:{{{orientation|}}}|horizontal|display:inline-block; margin-left:5px; margin-right:5px;{{#if:{{{selectedstyle|}}}|{{{selectedstyle|}}}|}}}}">{{{icon1|{{{title1|}}}}}}</li>{{#loop:t |
| 2 | | 2 | ||
| 20 | | 20 | ||
| − | | {{#if:{{{icon{{#var:t}}|{{{title{{#var:t}}|}}}}}}|<li style="padding-left:4px; padding-right:4px; cursor:pointer; {{#ifeq:{{{orientation|}}}|horizontal|display:inline-block; margin-left:5px; margin-right:5px;}}">{{{icon{{#var:t}}|{{{title{{#var:t}}|}}}}}}</li>}} | + | | {{#if:{{{icon{{#var:t}}|{{{title{{#var:t}}|}}}}}}|<li style="padding-left:4px; padding-right:4px; cursor:pointer; {{#ifeq:{{{orientation|}}}|horizontal|display:inline-block; margin-left:5px; margin-right:5px;{{#if:{{{notselectedstyle|}}}|{{{notselectedstyle|}}}|}}}}">{{{icon{{#var:t}}|{{{title{{#var:t}}|}}}}}}</li>}} |
}} | }} | ||
</ul> | </ul> | ||
| − | </div> | + | </div>}}{{#vardefine:tabcontent|<div class="poot-tabs-content" role="tabpanel" style="width:auto; border:0px solid orange;"> |
| − | <div class="poot-tabs-content" role="tabpanel" style="width:auto; border:0px solid orange;"> | ||
<div class="poot-tabs-selected">{{{content1}}}</div> | <div class="poot-tabs-selected">{{{content1}}}</div> | ||
{{#if:{{{icon2|{{{title2|}}}}}}|<div>{{{content2}}}</div>}}{{ | {{#if:{{{icon2|{{{title2|}}}}}}|<div>{{{content2}}}</div>}}{{ | ||
| Line 36: | Line 34: | ||
#if:{{{icon19|{{{title19|}}}}}}|<div>{{{content19}}}</div>}}{{ | #if:{{{icon19|{{{title19|}}}}}}|<div>{{{content19}}}</div>}}{{ | ||
#if:{{{icon20|{{{title20|}}}}}}|<div>{{{content20}}}</div>}} | #if:{{{icon20|{{{title20|}}}}}}|<div>{{{content20}}}</div>}} | ||
| − | </div> | + | </div>}} |
| − | </div></includeonly><noinclude> | + | {{#if:{{{flipped|}}}|{{#var:tabcontent}} |
| + | {{#var:tablist}}|{{#var:tablist}} | ||
| + | {{#var:tabcontent}}}} | ||
| + | </div>{{clearvar|tablist|tabcontent}}</includeonly><noinclude> | ||
==Usage== | ==Usage== | ||
===Vertical=== | ===Vertical=== | ||
| Line 67: | Line 68: | ||
| width=500px | | width=500px | ||
| tabliststyle=margin-bottom:0px; | | tabliststyle=margin-bottom:0px; | ||
| + | }} | ||
| + | |||
| + | {{InfoTable|imagewidths=256| | ||
| + | {{InfoRow | ||
| + | | title=ゼロス要基ステージ (Zelos Fortress Stage) | ||
| + | | screenshot=Gradius PCE, Stage 8-1.png | ||
| + | | screenshot2=Gradius PCE, Stage 8-2.png | ||
| + | | screenshot3=Gradius PCE, Stage 8-3.png | ||
| + | | tabs=yes | ||
| + | | desc= | ||
| + | }} | ||
}} | }} | ||
[[Category:Templates]]</noinclude> | [[Category:Templates]]</noinclude> | ||
Latest revision as of 23:42, 29 July 2024
Usage
Vertical
vertical tabs
- 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
- tab 1
- tab 2
aaa
things in second tab
another tab content
| ゼロス要基ステージ (Zelos Fortress Stage) | |
|---|---|
