From Dark and Darker Wiki
(Moved the example here, made it inline block) |
(Comment out custom CSS) |
||
| (11 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
<includeonly><div style="display:inline-block" class="{{#ifeq:{{{active|}}}|yes|selected-tab}} tab-toggle tab" data-tabid="{{{tabid}}}" data-tab="{{#replace:{{{1}}}| |}}" title="{{{1}}}">{{{2|}}}</div><!-- | <includeonly> | ||
<!-- <templatestyles src="Template:TabToggle/styles.css" /> Edit and uncomment this template for custom tab styles --> | |||
<div style="display:inline-block" class="{{#ifeq:{{{active|}}}|yes|selected-tab}} tab-toggle tab" data-tabid="{{{tabid|0}}}" data-tab="{{#replace:{{{1}}}| |}}" title="{{{1}}}">{{{2|}}}</div><!-- | |||
--></includeonly><noinclude> | --></includeonly><noinclude> | ||
{{TabToggle|Alchemist|[[File:Alchemist.png|link=|x150px]]|active=yes | {{TabToggle|None|[[File:Round_Shield_1.png|link=|x150px]]}} | ||
{{TabToggle|Weaponsmith|[[File:Weaponsmith.png|link=|x150px]] | {{TabToggle|Alchemist|[[File:Alchemist.png|link=|x150px]]|active=yes}} | ||
{{TabToggle|The Collector|[[File:The Collector.png|link=|x150px]] | {{TabToggle|Weaponsmith|[[File:Weaponsmith.png|link=|x150px]]}} | ||
<div class="Alchemist-data">This is | {{TabToggle|The Collector|[[File:The Collector.png|link=|x150px]]}} | ||
<div class="None-data"> </div> | |||
<div class="Alchemist-data" style="display:none">This is test1</div> | |||
<div class="Weaponsmith-data" style="display:none">This is test2</div> | <div class="Weaponsmith-data" style="display:none">This is test2</div> | ||
<div class="TheCollector-data" style="display:none">This is test3</div> | <div class="TheCollector-data" style="display:none">This is test3</div> | ||
If there is another tabs in the same page give them different "tabid", default is 0. | |||
{{TabToggle|Alchemist1|Alchemist|active=yes|tabid=1}} | {{TabToggle|Alchemist1|Alchemist|active=yes|tabid=1}} | ||
Latest revision as of 06:56, 11 September 2024
If there is another tabs in the same page give them different "tabid", default is 0.
Alchemist
Weaponsmith
Leathersmith
This is text1