User:Lightning266/sandbox: Difference between revisions
Jump to navigation
Jump to search
Lightning266 (talk | contribs) mNo edit summary |
Lightning266 (talk | contribs) No edit summary |
||
| (13 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
Sandbox test page -lightning266 <br> | Sandbox test page -lightning266 <br> | ||
<div style="border: 1px solid #ccc; border-radius: 10px; margin: 15px; background-color: #f9f9f9; padding: 10px; border-spacing: 0;"> | |||
Ver 1 | Ver 1 | ||
<div style="background-color:black; color:white; border= 3px solid white> | <div style="background-color:black; color:white; border= 3px solid white> | ||
| Line 46: | Line 47: | ||
|} | |} | ||
Ver 2.1 | Ver 2.1 | ||
{| style="border: 1px solid #ccc; border-radius: 10px; margin: | {| style="border: 1px solid #ccc; border-radius: 10px; margin: 0px; background-color: #f9f9f9; padding: 10px; border-spacing: 0; width:100%;" | ||
! scope="col" style="border-bottom: 1px solid; text-align:left; padding:5px;"| '''Items''' | ! scope="col" style="border-bottom: 1px solid; text-align:left; padding:5px;"| '''Items''' | ||
! scope="col" style="border-bottom: 1px solid; text-align:right; padding:5px;"| [[File:Tools.png|16px]] | ! scope="col" style="border-bottom: 1px solid; text-align:right; padding:5px;"| | ||
! scope="col" style="border-bottom: 1px solid; text-align:right; padding:5px;"|[[File:Tools.png|16px]] | |||
|- | |- | ||
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span> | | <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span> | ||
| [[File:Paint.png|16px]] [[Paint]] | | [[File:Paint.png|16px]] [[Paint]] | ||
| test | |||
|- | |- | ||
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span> | | <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span> | ||
| Line 144: | Line 147: | ||
{| style="border: 1px solid #ccc; border-radius: 10px; margin: 0; background-color: #f9f9f9; padding: 3px; border-spacing: 0; width:100%; height:100%;" | {| style="border: 1px solid #ccc; border-radius: 10px; margin: 0; background-color: #f9f9f9; padding: 3px; border-spacing: 0; width:100%; height:100%;" | ||
! scope="col" style="border-bottom: 1px solid; text-align:left; padding:5px;"| '''Items''' | ! 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;"| [[File:Tools.png|16px]] | ! scope="col" style="border-bottom: 1px solid; text-align:right; padding:5px;height:10%;"| [[File:Tools.png|16px]] | ||
|- | |||
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span> | |||
| [[File:Paint.png|16px]] [[Paint]] | |||
|- | |||
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span> | |||
| [[File:Paint.png|16px]] [[Paint]] | |||
|- | |||
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span> | |||
| [[File:Paint.png|16px]] [[Paint]] | |||
|- | |- | ||
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span> | | <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span> | ||
| Line 165: | Line 177: | ||
| style="width: 66%; vertical-align: top; padding: 2px;" colspan="2"| | | style="width: 66%; vertical-align: top; padding: 2px;" colspan="2"| | ||
{| style="border: 1px solid #ccc; border-radius: 10px; margin: 0; background-color: #f9f9f9; padding: 3px; border-spacing: 0; width: 100%; height: | {| style="border: 1px solid #ccc; border-radius: 10px; margin: 0; background-color: #f9f9f9; padding: 3px; border-spacing: 0; width: 100%; height:100%;" | ||
! scope="col" style="border-bottom: 1px solid; text-align:left; padding:5px;"| '''Items''' | ! 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;"| [[File:Tools.png|16px]] | ! scope="col" style="border-bottom: 1px solid; text-align:right; padding:5px;height:10%;"| [[File:Tools.png|16px]] | ||
|- | |- | ||
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span> | | <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span> | ||
| Line 181: | Line 193: | ||
| style="width: 66%; vertical-align: top; padding: 2px;" colspan="2"| | | style="width: 66%; vertical-align: top; padding: 2px;" colspan="2"| | ||
{| style="border: 1px solid #ccc; border-radius: 10px; margin: 0; background-color: #f9f9f9; padding: 3px; border-spacing: 0; width: 100%; height: | {| style="border: 1px solid #ccc; border-radius: 10px; margin: 0; background-color: #f9f9f9; padding: 3px; border-spacing: 0; width: 100%; height:100%;" | ||
! scope="col" style="border-bottom: 1px solid; text-align:left; padding:5px;"| '''Items''' | ! 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;"| [[File:Tools.png|16px]] | ! scope="col" style="border-bottom: 1px solid; text-align:right; padding:5px;height:10%;"| [[File:Tools.png|16px]] | ||
|- | |- | ||
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span> | | <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span> | ||
| [[File:Paint.png|16px]] [[Paint]] | | [[File:Paint.png|16px]] [[Paint]] | ||
|} | |} | ||
|} | |} | ||
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="width: | {| 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]] | |||
|- | |- | ||
| style=" | | <span style="margin-right: 20px;">[[File:NPCIcon.png|16px]] [[NPC]]</span> | ||
| | | [[File:DungeonsIcon.png|16px]] [[Dungeons]] | ||
|- | |- | ||
| style=" | | <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> | |||
<!-- | <!-- | ||
| Line 209: | Line 381: | ||
Yaaaa god damn this was complicated | Yaaaa god damn this was complicated | ||
--> | --> | ||
Latest revision as of 10:12, 10 January 2025
Sandbox test page -lightning266
Ver 1
| Items | File:Tools.png |
|---|---|
| File:Tools.png Tools | File:Paint.png Paint |
| File:Weapons.png Weapons | File:Gems.png Gems |
| File:Am.png Ammunition | File:VanityItems.png Vanity items |
| File:Armor.png Armor | File:Dyes.png Dyes |
| File:Furniture.png Furniture | File:Potions.png Potions |
| File:Craf.png Crafting stations | File:Statues.png Statues |
Ver 2
Ver 2.1
Ver 3
Ver 3.1
|
| |||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||
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
|
