From Dark and Darker Wiki
(added tabid) |
(Comment out custom CSS) |
||
| (12 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
<includeonly><div 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> | |||
{{TabToggle|None|[[File:Round_Shield_1.png|link=|x150px]]}} | |||
{{TabToggle|Alchemist|[[File:Alchemist.png|link=|x150px]]|active=yes}} | |||
{{TabToggle|Weaponsmith|[[File:Weaponsmith.png|link=|x150px]]}} | |||
{{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="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|Weaponsmith1|Weaponsmith|tabid=1}} | |||
{{TabToggle|Leathersmith1|Leathersmith|tabid=1}} | |||
<div class="Alchemist1-data" >This is text1</div> | |||
<div class="Weaponsmith1-data" style="display:none">This is text2</div> | |||
<div class="Leathersmith1-data" style="display:none">This is text3</div> | |||
</noinclude> | |||
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