User:Lightning266/sandbox: Difference between revisions
Jump to navigation
Jump to search
Lightning266 (talk | contribs) (Created page with "Sandbox test page -lightning266") |
Lightning266 (talk | contribs) m (→Changes 3) |
||
| (28 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
Sandbox test page -lightning266 | Sandbox test page -lightning266 <br> | ||
Test col row example | |||
{| style="width: 100%; border-spacing: 0; margin: 0 auto;" | |||
|- | |||
| style="width: 33%; vertical-align: top; padding: 0; border: solid red;" rowspan="2" | 1) 2 row 1 column | |||
| style="width: 66%; vertical-align: top; padding: 0; border: solid blue;" colspan="2" | 2) 2 Column 1 row | |||
|- | |||
| style="width: 66%; vertical-align: top; padding: 0; border: solid green;" rowspan="2" | 3) This should be under and on column 2 to 3 | |||
|} | |||
</div> | |||
==Test changes== | |||
<div style="border: 1px solid #ccc; border-radius: 10px; margin: 10px; background-color: #f9f9f9; padding: 15px; display: flex; justify-content: space-around;"> | |||
{| style="border: 1px solid #ccc; border-radius: 10px; margin: 0; background-color: #f9f9f9; padding: 5px; border-spacing: 0; width: 25%;" | |||
! scope="col" style="border-bottom: 1px solid; text-align:left; padding:5px; height:10%"| '''[[Items]]''' | |||
! scope="col" style="border-bottom: 1px solid; text-align:right; padding:5px;height:10%"| [[File:ItemsIcon.png|16px]] | |||
|- | |||
| <span style="margin-right: 20px;">[[File:TilesIcon.png|16px]] [[Tiles]]</span> | |||
| [[File:FurnitureIcon.png|16px]] [[Furniture]] | |||
|- | |||
| <span style="margin-right: 20px;">[[File:EquipmentIcon.png|16px]] [[Equipment]]</span> | |||
| [[File:ConsumableIcon.png|16px]] [[Consumable]] | |||
|- | |||
| <span style="margin-right: 20px;">[[File:MaterialsIcon.png|16px]] [[Materials]]</span> | |||
|} | |||
{| style="border: 1px solid #ccc; border-radius: 10px; margin: 0; background-color: #f9f9f9; padding: 5px; border-spacing: 0; width: 24%;" | |||
! scope="col" style="border-bottom: 1px solid; text-align:left; padding:5px;height:10%"| '''[[Maps]]''' | |||
! scope="col" style="border-bottom: 1px solid; text-align:right; padding:5px;height:10%"| [[File:MapsIcon.png|16px]] | |||
|- | |||
| <span style="margin-right: 20px;">[[File:SpawnIcon.png|16px]] [[Spawn]]</span> | |||
| [[File:OutskirtsIcon.png|16px]] [[Outskirts]] | |||
|- | |||
| <span style="margin-right: 20px;">[[File:CavesIcon.png|16px]] [[Caves]]</span> | |||
| [[File:PlainIcon.png|16px]] [[Plain]] | |||
|- | |||
| <span style="margin-right: 20px;">[[File:ForestIcon.png|16px]] [[Forest]]</span> | |||
| [[File:BeachIcon.png|16px]] [[Beach]] | |||
|- | |||
| <span style="margin-right: 20px;">[[File:OceanIcon.png|16px]] [[Ocean]]</span> | |||
| [[File:DesertIcon.png|16px]] [[Desert]] | |||
|- | |||
| <span style="margin-right: 20px;">[[File:Hidden_areasIcon.png|16px]] [[Hidden areas]]</span> | |||
|} | |||
{| style="border: 1px solid #ccc; border-radius: 10px; margin: 0; background-color: #f9f9f9; padding: 5px; border-spacing: 0; width: 24%;" | |||
! scope="col" style="border-bottom: 1px solid; text-align:left; padding:5px;height:10%"| '''[[Systems]]''' | |||
! scope="col" style="border-bottom: 1px solid; text-align:right; padding:5px;height:10%"| [[File:SystemsIcon.png|16px]] | |||
|- | |||
| <span style="margin-right: 20px;">[[File:Player_statsIcon.png|16px]] [[Player Stats]]</span> | |||
| [[File:CraftingIcon.png|16px]] [[Crafting]] | |||
|- | |||
| <span style="margin-right: 20px;">[[File:SkillsIcon.png|16px]] [[Skills]]</span> | |||
| [[File:QuestsIcon.png|16px]] [[Quests]] | |||
|- | |||
| <span style="margin-right: 20px;">[[File:GuildsIcon.png|16px]] [[Guilds]]</span> | |||
| [[File:HousingIcon.png|16px]] [[Housing]] | |||
|- | |||
| <span style="margin-right: 20px;">[[File:BestiaryIcon.png|16px]] [[Bestiary]]</span> | |||
| [[File:ShopsIcon.png|16px]] [[Shops]] | |||
|- | |||
| <span style="margin-right: 20px;">[[File:PetsIcon.png|16px]] [[Pets]]</span> | |||
| [[File:SoundtrackIcon.png|16px]] [[Soundtrack]] | |||
|} | |||
{| style="border: 1px solid #ccc; border-radius: 10px; margin: 0; background-color: #f9f9f9; padding: 5px; border-spacing: 0; width: 24%;" | |||
! scope="col" style="border-bottom: 1px solid; text-align:left; padding:5px;height:10%"| '''[[Gameplay]]''' | |||
! scope="col" style="border-bottom: 1px solid; text-align:right; padding:5px;height:10%"| [[File:GameplayIcon.png|16px]] | |||
|- | |||
| <span style="margin-right: 20px;">[[File:ElementsIcon.png|16px]] [[Element|Elements]]</span> | |||
| [[File:Status_EffectsIcon.png|16px]] [[Status Effects]] | |||
|- | |||
| <span style="margin-right: 20px;">[[File:Mini-gamesIcon.png|16px]] [[Mini-games]]</span> | |||
| [[File:SecretsIcon.png|16px]] [[Secrets]] | |||
|- | |||
| <span style="margin-right: 20px;">[[File:MonstersIcon.png|16px]] [[Monsters]]</span> | |||
| [[File:BossesIcon.png|16px]] [[Bosses]] | |||
|- | |||
| <span style="margin-right: 20px;">[[File:NPCIcon.png|16px]] [[NPC]]</span> | |||
| [[File:DungeonsIcon.png|16px]] [[Dungeons]] | |||
|- | |||
| <span style="margin-right: 20px;">[[File:LoreIcon.png|16px]] [[Lore]]</span> | |||
|} | |||
</div> | |||
==Changes 2== | |||
<div style="display: flex; flex-wrap: wrap; gap: 10px; border: 1px solid #ccc; border-radius: 10px; margin: 10px; background-color: #f9f9f9; padding: 15px;"> | |||
<!-- Item Table --> | |||
<div style="flex: 1 1 22%; padding: 5px; border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9;"> | |||
{| style="border-spacing: 0; width: 100%;" | |||
! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[Items]]''' | |||
! style="border-bottom: 1px solid; text-align: right; padding: 5px;" | [[File:ItemsIcon.png|16px]] | |||
|- | |||
| style="padding: 5px;" | [[File:TilesIcon.png|16px]] [[Tiles]] | |||
| style="padding: 5px;" | [[File:FurnitureIcon.png|16px]] [[Furniture]] | |||
|- | |||
| style="padding: 5px;" | [[File:EquipmentIcon.png|16px]] [[Equipment]] | |||
| style="padding: 5px;" | [[File:ConsumableIcon.png|16px]] [[Consumable]] | |||
|- | |||
| style="padding: 5px;" | [[File:MaterialsIcon.png|16px]] [[Materials]] | |||
|} | |||
</div> | |||
<!-- Maps Table --> | |||
<div style="flex: 1 1 22%; padding: 5px; border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9;"> | |||
{| style="border-spacing: 0; width: 100%;" | |||
! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[Maps]]''' | |||
! style="border-bottom: 1px solid; text-align: right; padding: 5px;" | [[File:MapsIcon.png|16px]] | |||
|- | |||
| style="padding: 5px;" | [[File:SpawnIcon.png|16px]] [[Spawn]] | |||
| style="padding: 5px;" | [[File:OutskirtsIcon.png|16px]] [[Outskirts]] | |||
|- | |||
| style="padding: 5px;" | [[File:CavesIcon.png|16px]] [[Caves]] | |||
| style="padding: 5px;" | [[File:PlainIcon.png|16px]] [[Plain]] | |||
|- | |||
| style="padding: 5px;" | [[File:ForestIcon.png|16px]] [[Forest]] | |||
| style="padding: 5px;" | [[File:BeachIcon.png|16px]] [[Beach]] | |||
|- | |||
| style="padding: 5px;" | [[File:OceanIcon.png|16px]] [[Ocean]] | |||
| style="padding: 5px;" | [[File:DesertIcon.png|16px]] [[Desert]] | |||
|- | |||
| style="padding: 5px;" | [[File:Hidden_areasIcon.png|16px]] [[Hidden areas]] | |||
|} | |||
</div> | |||
<!-- Systems Table --> | |||
<div style="flex: 1 1 22%; padding: 5px; border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9;"> | |||
{| style="border-spacing: 0; width: 100%;" | |||
! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[Systems]]''' | |||
! style="border-bottom: 1px solid; text-align: right; padding: 5px;" | [[File:SystemsIcon.png|16px]] | |||
|- | |||
| style="padding: 5px;" | [[File:Player_statsIcon.png|16px]] [[Player Stats]] | |||
| style="padding: 5px;" | [[File:CraftingIcon.png|16px]] [[Crafting]] | |||
|- | |||
| style="padding: 5px;" | [[File:SkillsIcon.png|16px]] [[Skills]] | |||
| style="padding: 5px;" | [[File:QuestsIcon.png|16px]] [[Quests]] | |||
|- | |||
| style="padding: 5px;" | [[File:GuildsIcon.png|16px]] [[Guilds]] | |||
| style="padding: 5px;" | [[File:HousingIcon.png|16px]] [[Housing]] | |||
|- | |||
| style="padding: 5px;" | [[File:BestiaryIcon.png|16px]] [[Bestiary]] | |||
| style="padding: 5px;" | [[File:ShopsIcon.png|16px]] [[Shops]] | |||
|- | |||
| style="padding: 5px;" | [[File:PetsIcon.png|16px]] [[Pets]] | |||
| style="padding: 5px;" | [[File:SoundtrackIcon.png|16px]] [[Soundtrack]] | |||
|} | |||
</div> | |||
<!-- Gameplay Table --> | |||
<div style="flex: 1 1 22%; padding: 5px; border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9;"> | |||
{| style="border-spacing: 0; width: 100%;" | |||
! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[Gameplay]]''' | |||
! style="border-bottom: 1px solid; text-align: right; padding: 5px;" | [[File:GameplayIcon.png|16px]] | |||
|- | |||
| style="padding: 5px;" | [[File:ElementsIcon.png|16px]] [[Elements]] | |||
| style="padding: 5px;" | [[File:Status_EffectsIcon.png|16px]] [[Status Effects]] | |||
|- | |||
| style="padding: 5px;" | [[File:Mini-gamesIcon.png|16px]] [[Mini-games]] | |||
| style="padding: 5px;" | [[File:SecretsIcon.png|16px]] [[Secrets]] | |||
|- | |||
| style="padding: 5px;" | [[File:MonstersIcon.png|16px]] [[Monsters]] | |||
| style="padding: 5px;" | [[File:BossesIcon.png|16px]] [[Bosses]] | |||
|- | |||
| style="padding: 5px;" | [[File:NPCIcon.png|16px]] [[NPC]] | |||
| style="padding: 5px;" | [[File:DungeonsIcon.png|16px]] [[Dungeons]] | |||
|- | |||
| style="padding: 5px;" | [[File:LoreIcon.png|16px]] [[Lore]] | |||
|} | |||
</div> | |||
</div> | |||
== Changes 3 == | |||
<div style="display: flex; flex-wrap: wrap; gap: 10px; border: 1px solid #ccc; border-radius: 10px; margin: 0px; background-color: #f9f9f9; padding: 10px;"> | |||
<!-- Gameplay Table --> | |||
<div style="flex: 1 1 22%; padding: 5px;min-width:200px; border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9;"> | |||
{| style="border-spacing: 0; width: 100%;" | |||
! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[Gameplay]]''' | |||
! style="border-bottom: 1px solid; text-align: right; padding: 5px;" | [[File:GameplayIcon.png|25px]] | |||
|- | |||
| style="padding: 5px;" | [[File:Getting_StartedIcon.png|25px]] [[Beginner's_Guide|Getting started]] | |||
| style="padding: 5px;" | [[File:Status_EffectsIcon.png|25px]] [[Status Effects]] | |||
|- | |||
| style="padding: 5px;" | [[File:ElementsIcon.png|25px]] [[Element|Elements]] | |||
| style="padding: 10px;" | [[File:Dungeon_Crystal.png|10px]] [[Dungeons]] | |||
|- | |||
| style="padding: 5px;" | [[File:MonstersIcon.png|25px]] [[Monsters]] | |||
| style="padding: 5px;" | [[File:BossesIcon.png|25px]] [[Bosses]] | |||
|- | |||
| style="padding: 5px;" | [[File:KmittyIcon.png|25px]] [[NPC]] | |||
| style="padding: 5px;" | [[File:Mini-gamesIcon.png|25px]] [[Mini-games]] | |||
|- | |||
| style="padding: 5px;" | [[File:LoreIcon.png|25px]] [[Lore]] | |||
| style="padding: 5px;" | [[File:SecretsIcon.png|25px]] [[Secrets]] | |||
|} | |||
</div> | |||
<!-- Systems Table --> | |||
<div style="flex: 1 1 22%; padding: 5px;min-width:200px; border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9;"> | |||
{| style="border-spacing: 0; width: 100%;" | |||
! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[Systems]]''' | |||
! style="border-bottom: 1px solid; text-align: right; padding: 5px;" | [[File:SystemsIcon.png|25px]] | |||
|- | |||
| style="padding: 5px;" | [[File:Player_statsIcon.png|25px]] [[Player Stats]] | |||
| style="padding: 5px;" | [[File:CraftingIcon.png|25px]] [[Crafting]] | |||
|- | |||
| style="padding: 5px;" | [[File:SkillsIcon.png|25px]] [[Skills]] | |||
| style="padding: 5px;" | [[File:QuestsIcon.png|25px]] [[Quests]] | |||
|- | |||
| style="padding: 5px;" | [[File:GuildsIcon.png|25px]] [[Guilds]] | |||
| style="padding: 5px;" | [[File:HousingIcon.png|25px]] [[Housing]] | |||
|- | |||
| style="padding: 5px;" | [[File:BestiaryIcon.png|25px]] [[Bestiary]] | |||
| style="padding: 5px;" | [[File:ShopsIcon.png|25px]] [[Shops]] | |||
|- | |||
| style="padding: 5px;" | [[File:PetsIcon.png|25px]] [[Pets]] | |||
| style="padding: 5px;" | [[File:SoundtrackIcon.png|25px]] [[Soundtrack]] | |||
|- | |||
| style="padding: 5px;" | [[File:EchoIcon.png|25px]] [[Echo]]es | |||
|} | |||
</div> | |||
<!-- Item Table --> | |||
<div style="flex: 1 1 22%; padding: 5px; min-width:200px; border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9;"> | |||
{| style="border-spacing: 0; width: 100%;" | |||
! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[Items]]''' | |||
! style="border-bottom: 1px solid; text-align: right; padding: 5px;" | [[File:ItemsIcon.png|25px]] | |||
|- | |||
| style="padding: 5px;" | [[File:TilesIcon.png|25px]] [[:Category:Block|Tiles]] | |||
| style="padding: 5px;" | [[File:FurnitureIcon.png|25px]] [[:Category:Furniture|Furniture]] | |||
|- | |||
| style="padding: 5px;" | [[File:EquipmentIcon.png|25px]] [[:Category:Equipment|Equipment]] | |||
| style="padding: 5px;" | [[File:ConsumableIcon.png|25px]] [[:Category:Consumable|Consumables]] | |||
|- | |||
| style="padding: 5px;" | [[File:MaterialsIcon.png|25px]] [[:Category:Materials|Materials]] | |||
|} | |||
</div> | |||
<!-- Maps Table --> | |||
<div style="flex: 1 1 22%; padding: 5px; min-width:200px; border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9;"> | |||
{| style="border-spacing: 0; width: 100%;" | |||
! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[Maps]]''' | |||
! style="border-bottom: 1px solid; text-align: right; padding: 5px;" | [[File:MapsIcon.png|25px]] | |||
|- | |||
| style="padding: 5px;" | [[File:SpawnIcon.png|25px]] [[Spawn]] | |||
| style="padding: 5px;" | [[File:OutskirtsIcon.png|25px]] [[Outskirts]] | |||
|- | |||
| style="padding: 5px;" | [[File:CavesIcon.png|25px]] [[Cave]]s | |||
| style="padding: 5px;" | [[File:PlainIcon.png|25px]] [[Plain]] | |||
|- | |||
| style="padding: 5px;" | [[File:ForestIcon.png|25px]] [[Forest]] | |||
| style="padding: 5px;" | [[File:BeachIcon.png|25px]] [[Beach]] | |||
|- | |||
| style="padding: 5px;" | [[File:OceanIcon.png|25px]] [[Ocean]] | |||
| style="padding: 5px;" | [[File:DesertIcon.png|25px]] [[Desert]] | |||
|- | |||
| style="padding: 5px;" | [[File:Hidden_areasIcon.png|25px]] [[Savannah]] | |||
| style="padding: 5px;" | [[File:Hidden_areasIcon.png|25px]] [[Hidden areas]] | |||
|} | |||
</div> | |||
</div> | |||
<!-- | |||
this works as display | |||
Yaaaa god damn this was complicated | |||
--> | |||
Latest revision as of 10:59, 22 March 2025
Sandbox test page -lightning266
Test col row example
| 1) 2 row 1 column | 2) 2 Column 1 row | |
| 3) This should be under and on column 2 to 3 | ||
Test changes
| Items | 
|
|---|---|
 Tiles
|
 Furniture
|
 Equipment
|
 Consumable
|
 Materials
|
| Maps | 
|
|---|---|
 Spawn
|
 Outskirts
|
 Caves
|
 Plain
|
 Forest
|
 Beach
|
 Ocean
|
 Desert
|
 Hidden areas
|
| Systems | 
|
|---|---|
 Player Stats
|
 Crafting
|
 Skills
|
 Quests
|
 Guilds
|
 Housing
|
 Bestiary
|
 Shops
|
 Pets
|
 Soundtrack
|
| Gameplay | 
|
|---|---|
 Elements
|
 Status Effects
|
 Mini-games
|
 Secrets
|
 Monsters
|
 Bosses
|
| File:NPCIcon.png NPC | File:DungeonsIcon.png Dungeons |
 Lore
|
Changes 2
Changes 3
| Gameplay |
|
|---|---|
 Getting started
|
Status Effects
|
| Elements
|
 Dungeons
|
| Monsters
|
Bosses
|
 NPC
|
Mini-games
|
| Lore
|
Secrets
|
