Difference between revisions of "Tabs"
From Sega Retro
| Line 7: | Line 7: | ||
| float:left; | | float:left; | ||
}}"> | }}"> | ||
| − | <ul style="list-style-type:none; {{# | + | <ul style="list-style-type:none; {{#if:{{{tabliststyle|}}}|{{{tabliststyle}}}}}"> |
| − | <li class="poot-tabs-selected" style="padding-left:4px; padding-right:4px; {{#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;}}">{{{icon1|{{{title1|}}}}}}</li>{{#loop:t |
| 2 | | 2 | ||
| 10 | | 10 | ||
| − | | {{#if:{{{icon{{#var:t}}|{{{title{{#var:t}}|}}}}}}|<li style="padding-left:4px; padding-right:4px; {{#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;}}">{{{icon{{#var:t}}|{{{title{{#var:t}}|}}}}}}</li>}} |
}} | }} | ||
</ul> | </ul> | ||
</div> | </div> | ||
| − | <div class="poot-tabs-content" style="width:auto; border: | + | <div class="poot-tabs-content" 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 47: | Line 47: | ||
===Horizontal=== | ===Horizontal=== | ||
{{tabs | {{tabs | ||
| − | | | + | | hidetitle=yes |
| icon1=tab 1 | | icon1=tab 1 | ||
| icon2=tab 2 | | icon2=tab 2 | ||
| − | | icon3= | + | | icon3=[[file:Logo-md.png|link=]] |
| content1=aaa | | content1=aaa | ||
| content2=things in second tab[[file:Notavailable.svg]] | | content2=things in second tab[[file:Notavailable.svg]] | ||
| Line 56: | Line 56: | ||
| orientation=horizontal | | orientation=horizontal | ||
| width=500px | | width=500px | ||
| + | | tabliststyle=margin-bottom:0px; | ||
}} | }} | ||
[[Category:Sega Retro templates]]</noinclude> | [[Category:Sega Retro templates]]</noinclude> | ||
Revision as of 14:39, 27 July 2018
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