User:Horblegorble/Sandbox/CollapsibleRow: Difference between revisions

From Veloren Wiki
Content added Content deleted
m (→‎Horblegorble's Loot Experiment: Added comment with a link to your .css If you want, i can add those CSS in the wiki CSS so it change it site wide.)
No edit summary
Line 64: Line 64:
{{User:Horblegorble/Sandbox/Template/LootEndDoubleNested}}
{{User:Horblegorble/Sandbox/Template/LootEndDoubleNested}}
{{User:Horblegorble/Sandbox/Template/LootEndNested}}
{{User:Horblegorble/Sandbox/Template/LootEndNested}}

{{User:Horblegorble/Sandbox/Template/LootHeaderVariable|depth=1|collapsed=0|name=Steel Armor|color=yellow|rarity=15%}}
{{User:Horblegorble/Sandbox/Template/LootRowNestedNoQuantity|itemname=Scale Shoulderguards|color=orange|rarity=3.33%}}
{{User:Horblegorble/Sandbox/Template/LootEndNested}}

{{User:Horblegorble/Sandbox/Template/LootRow|itemname=Coconut|quantity=2-4|color=yellow|rarity=10%}}
{{User:Horblegorble/Sandbox/Template/LootRow|itemname=Coconut|quantity=2-4|color=yellow|rarity=10%}}
{{User:Horblegorble/Sandbox/Template/LootEnd}}
{{User:Horblegorble/Sandbox/Template/LootEnd}}
Line 137: Line 142:
<table class="wikitable mw-collapsible" data-expandtext="+" data-collapsetext="-" style="text-align:left;" cellpadding="0" cellspacing="0" width=100%>
<table class="wikitable mw-collapsible" data-expandtext="+" data-collapsetext="-" style="text-align:left;" cellpadding="0" cellspacing="0" width=100%>
<tr>
<tr>
<td width=52% style="padding-left:1em;"><b>Armor</b></td>
<td colspan=2 width=71% style="padding-left:1em;"><b>Armor</b></td>
<td width=19% style="padding-left:1em;"><b>1</b></td>
<td width=29% style="padding-left:1em;" class="rarity-green"><b>40.00%</b></td>
<td width=29% style="padding-left:1em;" class="rarity-green"><b>40.00%</b></td>
</tr>
</tr>
<tr>
<td>
<div style="display:flex; align-items:center; justify-content:left; height:100%; width:100%;">
<div style="width=10%; padding-left:1em;">[[Image:veloren_Coconut.png|32px]]</div>
<div style="width=90%; padding-left:0.5em;">[[Coconut]]</div>
</div>
</td>
<td style="padding-left:1em;>2-4</td>
<td style="padding-left:0.8em;" class="rarity-yellow">10%</td>
</tr>

<tr>
<tr>
<td colspan=3>
<td colspan=3>

Revision as of 07:51, 10 August 2023

Original

copied from https://www.mediawiki.org/wiki/Manual:Collapsible_elements ('translate' elements removed)

Inside another element

You can also use collapsible elements in other elements, such as a table.

My table with collapsible info
Title Sample
Lorem Ipsum
More info
Number Letter  
1 A
2 B
3 C



Horblegorble's Loot Experiment

Templated

Item Quantity Rarity
1 40%
1 10%
3.33%
3.33%
3.33%
Armor 40%
01-01 20.00%
6.67%
6.67%
6.67%
01-01 20.00%
6.67%
6.67%
6.67%
3.33%
2-4 10%


Manual

Item Quantity Rarity
1 60%
1 10%
3.33%
3.33%
3.33%
Armor 40.00%
2-4 10%
01-01 20.00%
6.67%
6.67%
6.67%
1 20%
6.67%
6.67%
6.67%
2-4 10%


(Old) Minotaur Mockup

Item Quantity Rarity
Material * 15.4%
1-3 3.85%
3-8 3.85%
1-3 3.85%
2-6 3.85%
1 3.85%
1 3.33%
0.48%
0.48%
0.48%
0.48%
0.48%
0.48%
0.48%
1 3.33%
0.48%
0.48%
0.48%
0.48%
0.48%
0.48%
0.48%
1 3.33%
0.48%
0.48%
0.48%
0.48%
0.48%
0.48%
0.48%
1 1.28%
1 1.28%
1 1.28%
Cookies help us deliver our services. By using our services, you agree to our use of cookies.