Actions

Template

Difference between revisions of "Tabs"

From NEC Retro

(It is difficult for me to custmize...)
Line 16: Line 16:
 
</div>
 
</div>
 
<div class="poot-tabs-content" style="width:auto; border:0px solid orange;">
 
<div class="poot-tabs-content" style="width:auto; border:0px solid orange;">
<div class="poot-tabs-selected"><span class="poot-tabs-selected">{{{content1}}}</span></div>
+
<div class="poot-tabs-selected">{{{content1}}}</div>
{{#if:{{{icon2|{{{title2|}}}}}}|<div class="poot-tabs-selected"><span class="poot-tabs-selected">{{{content2}}}</span></div>}}{{
+
{{#if:{{{icon2|{{{title2|}}}}}}|<div>{{{content2}}}</div>}}{{
   #if:{{{icon3|{{{title3|}}}}}}|<div class="poot-tabs-selected"><span class="poot-tabs-selected">{{{content3}}}</span></div>}}{{
+
   #if:{{{icon3|{{{title3|}}}}}}|<div>{{{content3}}}</div>}}{{
   #if:{{{icon4|{{{title4|}}}}}}|<div class="poot-tabs-selected"><span class="poot-tabs-selected">{{{content4}}}</span></div>}}{{
+
   #if:{{{icon4|{{{title4|}}}}}}|<div>{{{content4}}}</div>}}{{
   #if:{{{icon5|{{{title5|}}}}}}|<div class="poot-tabs-selected"><span class="poot-tabs-selected">{{{content5}}}</span></div>}}{{
+
   #if:{{{icon5|{{{title5|}}}}}}|<div>{{{content5}}}</div>}}{{
   #if:{{{icon6|{{{title6|}}}}}}|<div class="poot-tabs-selected"><span class="poot-tabs-selected">{{{content6}}}</span></div>}}{{
+
   #if:{{{icon6|{{{title6|}}}}}}|<div>{{{content6}}}</div>}}{{
   #if:{{{icon7|{{{title7|}}}}}}|<div class="poot-tabs-selected"><span class="poot-tabs-selected">{{{content7}}}</span></div>}}{{
+
   #if:{{{icon7|{{{title7|}}}}}}|<div>{{{content7}}}</div>}}{{
   #if:{{{icon8|{{{title8|}}}}}}|<div class="poot-tabs-selected"><span class="poot-tabs-selected">{{{content8}}}</span></div>}}{{
+
   #if:{{{icon8|{{{title8|}}}}}}|<div>{{{content8}}}</div>}}{{
   #if:{{{icon9|{{{title9|}}}}}}|<div class="poot-tabs-selected"><span class="poot-tabs-selected">{{{content9}}}</span></div>}}{{
+
   #if:{{{icon9|{{{title9|}}}}}}|<div>{{{content9}}}</div>}}{{
   #if:{{{icon10|{{{title10|}}}}}}|<div class="poot-tabs-selected"><span class="poot-tabs-selected">{{{content10}}}</span></div>}}
+
   #if:{{{icon10|{{{title10|}}}}}}|<div>{{{content10}}}</div>}}
 
</div>
 
</div>
 
</div></includeonly><noinclude>
 
</div></includeonly><noinclude>

Revision as of 22:48, 29 December 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
  • Logo-md.png
aaa
things in second tabNotavailable.svg
another tab content