Difference between revisions of "Template:Tabs"
m |
(fixes: add params to hide navbar, turn off show/hide, fix weird paragraph breaks, add extra style param) |
||
Line 1: | Line 1: | ||
− | <div class="poot-tabs-container poot-tabs-{{{orientation|vertical}}} {{#if:{{{collapsed|}}}|poot-tabs-collapsed|}} poot-tabs-selected-{{{selected|1}}} {{#if:{{{instant|}}}|poot-tabs-noanimations}}" style="width:{{{width|800px}}}; {{#if: {{{noalign|}}}|margin-left:0px; margin-right: 0px;|}}"> | + | <div class="poot-tabs-container poot-tabs-{{{orientation|vertical}}} {{#if:{{{collapsed|}}}|poot-tabs-collapsed|}} poot-tabs-selected-{{{selected|1}}} {{#if:{{{instant|}}}|poot-tabs-noanimations}}" style="width:{{{width|800px}}}; {{#if: {{{noalign|}}}|margin-left:0px; margin-right: 0px;|}} {{{style|}}}"> |
− | <div class="poot-tabs-title"><span class="poot-tabs-navbar">{{Navbar|{{{name}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span><span class="poot-tabs-hidelink">[[[#top|{{#if:{{{collapsed|}}}|show|hide}}]]]</span><span class="poot-tabs-titletext">{{{title}}}</span></div> | + | <div class="poot-tabs-title">{{#if:{{{name|}}} |
+ | | <span class="poot-tabs-navbar">{{Navbar|{{{name}}}|fontstyle={{{basestyle|}}};{{{titlestyle|}}};border:none;|mini=1}}</span> | ||
+ | }}{{#ifeq:{{{state|}}}|off||<span class="poot-tabs-hidelink">[[[#top|{{#if:{{{collapsed|}}}|show|hide}}]]]</span>}}<span class="poot-tabs-titletext">{{{title}}}</span> | ||
+ | </div> | ||
<div class="poot-tabs"> | <div class="poot-tabs"> | ||
<ul> | <ul> | ||
<li class="poot-tabs-selected">{{{icon1}}}</li> | <li class="poot-tabs-selected">{{{icon1}}}</li> | ||
− | {{#if:{{{icon2|}}}|<li>{{{icon2}}}</li>}} | + | {{#if:{{{icon2|}}}|<li>{{{icon2}}}</li>}}{{ |
− | {{#if:{{{icon3|}}}|<li>{{{icon3}}}</li>}} | + | #if:{{{icon3|}}}|<li>{{{icon3}}}</li>}}{{ |
− | {{#if:{{{icon4|}}}|<li>{{{icon4}}}</li>}} | + | #if:{{{icon4|}}}|<li>{{{icon4}}}</li>}}{{ |
− | {{#if:{{{icon5|}}}|<li>{{{icon5}}}</li>}} | + | #if:{{{icon5|}}}|<li>{{{icon5}}}</li>}}{{ |
− | {{#if:{{{icon6|}}}|<li>{{{icon6}}}</li>}} | + | #if:{{{icon6|}}}|<li>{{{icon6}}}</li>}}{{ |
− | {{#if:{{{icon7|}}}|<li>{{{icon7}}}</li>}} | + | #if:{{{icon7|}}}|<li>{{{icon7}}}</li>}}{{ |
− | {{#if:{{{icon8|}}}|<li>{{{icon8}}}</li>}} | + | #if:{{{icon8|}}}|<li>{{{icon8}}}</li>}}{{ |
− | {{#if:{{{icon9|}}}|<li>{{{icon9}}}</li>}} | + | #if:{{{icon9|}}}|<li>{{{icon9}}}</li>}}{{ |
− | {{#if:{{{icon10|}}}|<li>{{{icon10}}}</li>}} | + | #if:{{{icon10|}}}|<li>{{{icon10}}}</li>}} |
</ul> | </ul> | ||
</div> | </div> | ||
<div class="poot-tabs-content"> | <div class="poot-tabs-content"> | ||
<div class="poot-tabs-selected">{{{content1}}}</div> | <div class="poot-tabs-selected">{{{content1}}}</div> | ||
− | {{#if:{{{icon2|}}}|<div>{{{content2}}}</div>}} | + | {{#if:{{{icon2|}}}|<div>{{{content2}}}</div>}}{{ |
− | {{#if:{{{icon3|}}}|<div>{{{content3}}}</div>}} | + | #if:{{{icon3|}}}|<div>{{{content3}}}</div>}}{{ |
− | {{#if:{{{icon4|}}}|<div>{{{content4}}}</div>}} | + | #if:{{{icon4|}}}|<div>{{{content4}}}</div>}}{{ |
− | {{#if:{{{icon5|}}}|<div>{{{content5}}}</div>}} | + | #if:{{{icon5|}}}|<div>{{{content5}}}</div>}}{{ |
− | {{#if:{{{icon6|}}}|<div>{{{content6}}}</div>}} | + | #if:{{{icon6|}}}|<div>{{{content6}}}</div>}}{{ |
− | {{#if:{{{icon7|}}}|<div>{{{content7}}}</div>}} | + | #if:{{{icon7|}}}|<div>{{{content7}}}</div>}}{{ |
− | {{#if:{{{icon8|}}}|<div>{{{content8}}}</div>}} | + | #if:{{{icon8|}}}|<div>{{{content8}}}</div>}}{{ |
− | {{#if:{{{icon9|}}}|<div>{{{content9}}}</div>}} | + | #if:{{{icon9|}}}|<div>{{{content9}}}</div>}}{{ |
− | {{#if:{{{icon10|}}}|<div>{{{content10}}}</div>}} | + | #if:{{{icon10|}}}|<div>{{{content10}}}</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) --> | ||
<div class="poot-tabs-showhide">show;hide</div> | <div class="poot-tabs-showhide">show;hide</div> | ||
</div> | </div> |