Actions

Template

Difference between revisions of "Tabs"

From NEC Retro

m (Text replacement - "Category:NEC Retro templates" to "Category:Templates")
 
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 00:42, 30 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
  • Logo-md.png
aaa
things in second tabNotavailable.svg
another tab content

Gradius PCE, Stage 8-1.png

Gradius PCE, Stage 8-2.png

Gradius PCE, Stage 8-3.png

  • Gradius PCE, Stage 8-1.png

  • Gradius PCE, Stage 8-2.png

  • Gradius PCE, Stage 8-3.png

ゼロス要基ステージ (Zelos Fortress Stage)