User:Horblegorble/Sandbox/CollapsibleRow: Difference between revisions

From Veloren Wiki
Content added Content deleted
No edit summary
No edit summary
Line 5: Line 5:
('translate' elements removed)
('translate' elements removed)


=== Inside another element === <!--T:59-->
=== Inside another element ===


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


== Horblegorble's Loot Experiment ==
== Horblegorble's Loot Experiment ==


=== Templated ===

{{User:Horblegorble/Sandbox/Template/LootHeader}}
{{User:Horblegorble/Sandbox/Template/LootRow|itemname=Apple|quantity=1|color=green|rarity=40%}}
{{User:Horblegorble/Sandbox/Template/LootEnd}}



=== Manual ===
=== Manual ===
Line 61: Line 69:
<td class="rarity-green" style="padding-left:0.8em;">60%</td>
<td class="rarity-green" style="padding-left:0.8em;">60%</td>
</tr>
</tr>

<tr>
<td colspan=3>
<table class="wikitable mw-collapsible mw-collapsed" data-expandtext="+" data-collapsetext="-" style="text-align:left;" cellpadding="0" cellspacing="0" width=100%>
<tr>
<td witdth=52%>
<div style="display:flex; align-items:center; justify-content:left; height:100%; width:100%;">
<div style="width=10%;">[[File:Veloren Scale Armor Set.png|32px|link=]]</div>
<div style="width=90%; padding-left:0.5em;"><b>[[Scale Armor]]</b></div>
</div>
</td>
<td width=19% style="padding-left:1em;"><b>1</b></td>
<td width=29% style="padding-left:1em;" class="rarity-yellow"><b>10%</b></td>
</tr>
<tr>
<td colspan=2>
<div style="display:flex; align-items:center; justify-content:left; height:100%; width:100%;">
<div style="width=10%;">[[Image:veloren_Scale_Chestpiece.png|32px]]</div>
<div style="width=90%; padding-left:0.5em;">[[Scale Chestpiece]]</div>
</div>
</td>
<td style="padding-left:1em;" class="rarity-orange">3.33%</td>
</tr>
<tr>
<td colspan=2>
<div style="display:flex; align-items:center; justify-content:left; height:100%; width:100%;">
<div style="width=10%;">[[Image:veloren_Scale_Shoulderguards.png|32px]]</div>
<div style="width=90%; padding-left:0.5em;">[[Scale Shoulderguards]]</div>
</div>
</td>
<td style="padding-left:1em;" class="rarity-orange">3.33%</td>
</tr>
<tr>
<td colspan=2>
<div style="display:flex; align-items:center; justify-content:left; height:100%; width:100%;">
<div style="width=10%;">[[Image:veloren_Scale_Leggings.png|32px]]</div>
<div style="width=90%; padding-left:0.5em;">[[Scale Leggings]]</div>
</div>
</td>
<td style="padding-left:1em;" class="rarity-orange">3.33%</td>
</tr>
</table>
</td>
<tr>
<tr>
<tr>
Line 160: Line 212:
</td>
</td>
</tr>
</tr>

<tr>
<td colspan=3>
<table class="wikitable mw-collapsible mw-collapsed" data-expandtext="+" data-collapsetext="-" style="text-align:left;" cellpadding="0" cellspacing="0" width=100%>
<tr>
<td witdth=52%>
<div style="display:flex; align-items:center; justify-content:left; height:100%; width:100%;">
<div style="width=10%;">[[File:Veloren Scale Armor Set.png|32px|link=]]</div>
<div style="width=90%; padding-left:0.5em;"><b>[[Scale Armor]]</b></div>
</div>
</td>
<td width=19% style="padding-left:1em;"><b>1</b></td>
<td width=29% style="padding-left:1em;" class="rarity-yellow"><b>10%</b></td>
</tr>
<tr>
<td colspan=2>
<div style="display:flex; align-items:center; justify-content:left; height:100%; width:100%;">
<div style="width=10%;">[[Image:veloren_Scale_Chestpiece.png|32px]]</div>
<div style="width=90%; padding-left:0.5em;">[[Scale Chestpiece]]</div>
</div>
</td>
<td style="padding-left:1em;" class="rarity-orange">3.33%</td>
</tr>
<tr>
<td colspan=2>
<div style="display:flex; align-items:center; justify-content:left; height:100%; width:100%;">
<div style="width=10%;">[[Image:veloren_Scale_Shoulderguards.png|32px]]</div>
<div style="width=90%; padding-left:0.5em;">[[Scale Shoulderguards]]</div>
</div>
</td>
<td style="padding-left:1em;" class="rarity-orange">3.33%</td>
</tr>
<tr>
<td colspan=2>
<div style="display:flex; align-items:center; justify-content:left; height:100%; width:100%;">
<div style="width=10%;">[[Image:veloren_Scale_Leggings.png|32px]]</div>
<div style="width=90%; padding-left:0.5em;">[[Scale Leggings]]</div>
</div>
</td>
<td style="padding-left:1em;" class="rarity-orange">3.33%</td>
</tr>
</table>
</td>
<tr>


<tr>
<tr>
Line 217: Line 225:


</table>
</table>

=== Templated ===

{{User:Horblegorble/Templates/LootHeader}}





Revision as of 11:56, 8 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%


Manual

Item Quantity Rarity
1 60%
1 10%
3.33%
3.33%
3.33%
Armor 1 40.00%
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.