User:Lightning266/sandbox: Difference between revisions
Jump to navigation
Jump to search
Lightning266 (talk | contribs) |
Lightning266 (talk | contribs) m (→Changes 3) |
||
(3 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
Sandbox test page -lightning266 <br> | Sandbox test page -lightning266 <br> | ||
Test col row example | Test col row example | ||
Line 293: | Line 92: | ||
<div style="display: flex; flex-wrap: wrap; gap: 10px; border: 1px solid #ccc; border-radius: 10px; margin: 10px; background-color: #f9f9f9; padding: 15px;"> | <div style="display: flex; flex-wrap: wrap; gap: 10px; border: 1px solid #ccc; border-radius: 10px; margin: 10px; background-color: #f9f9f9; padding: 15px;"> | ||
<div style="flex: 1 1 | <!-- Item Table --> | ||
{| style="border-spacing: 0; width: 100%; | <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: left; padding: 5px;" | '''[[Items]]''' | ||
! style="border-bottom: 1px solid; text-align: right; padding: 5px;" | [[File:ItemsIcon.png|16px]] | ! style="border-bottom: 1px solid; text-align: right; padding: 5px;" | [[File:ItemsIcon.png|16px]] | ||
Line 308: | Line 108: | ||
</div> | </div> | ||
<div style="flex: 1 1 | <!-- 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-spacing: 0; width: 100%;" | ||
! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[Maps]]''' | ! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[Maps]]''' | ||
Line 329: | Line 130: | ||
</div> | </div> | ||
<div style="flex: 1 1 | <!-- 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-spacing: 0; width: 100%;" | ||
! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[Systems]]''' | ! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[Systems]]''' | ||
Line 351: | Line 153: | ||
</div> | </div> | ||
<div style="flex: 1 1 | <!-- 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-spacing: 0; width: 100%;" | ||
! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[Gameplay]]''' | ! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[Gameplay]]''' | ||
Line 372: | Line 175: | ||
</div> | </div> | ||
</div> | </div> | ||
== Changes 3 == | |||
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="display: flex; flex-wrap: wrap; gap: 10px; border: 1px solid #ccc; border-radius: 10px; margin: | <div style="flex: 1 1 22%; padding: 5px;min-width:200px; border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9;"> | ||
<!-- | |||
<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-spacing: 0; width: 100%;" | ||
! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[ | ! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[Gameplay]]''' | ||
! style="border-bottom: 1px solid; text-align: right; padding: 5px;" | [[File: | ! 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: | | style="padding: 5px;" | [[File:MonstersIcon.png|25px]] [[Monsters]] | ||
| style="padding: 5px;" | [[File: | | style="padding: 5px;" | [[File:BossesIcon.png|25px]] [[Bosses]] | ||
|- | |- | ||
| style="padding: 5px;" | [[File: | | style="padding: 5px;" | [[File:KmittyIcon.png|25px]] [[NPC]] | ||
| style="padding: 5px;" | [[File: | | style="padding: 5px;" | [[File:Mini-gamesIcon.png|25px]] [[Mini-games]] | ||
|- | |- | ||
| style="padding: 5px;" | [[File: | | style="padding: 5px;" | [[File:LoreIcon.png|25px]] [[Lore]] | ||
| style="padding: 5px;" | [[File:SecretsIcon.png|25px]] [[Secrets]] | |||
|} | |} | ||
</div> | </div> | ||
<!-- | <!-- Systems Table --> | ||
<div style="flex: 1 1 22%; padding: 5px; border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9;"> | <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-spacing: 0; width: 100%;" | ||
! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[ | ! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[Systems]]''' | ||
! style="border-bottom: 1px solid; text-align: right; padding: 5px;" | [[File: | ! 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: | | style="padding: 5px;" | [[File:SkillsIcon.png|25px]] [[Skills]] | ||
| style="padding: 5px;" | [[File: | | style="padding: 5px;" | [[File:QuestsIcon.png|25px]] [[Quests]] | ||
|- | |- | ||
| style="padding: 5px;" | [[File: | | style="padding: 5px;" | [[File:GuildsIcon.png|25px]] [[Guilds]] | ||
| style="padding: 5px;" | [[File: | | style="padding: 5px;" | [[File:HousingIcon.png|25px]] [[Housing]] | ||
|- | |- | ||
| style="padding: 5px;" | [[File: | | style="padding: 5px;" | [[File:BestiaryIcon.png|25px]] [[Bestiary]] | ||
| style="padding: 5px;" | [[File: | | style="padding: 5px;" | [[File:ShopsIcon.png|25px]] [[Shops]] | ||
|- | |- | ||
| style="padding: 5px;" | [[File: | | style="padding: 5px;" | [[File:PetsIcon.png|25px]] [[Pets]] | ||
| style="padding: 5px;" | [[File: | | style="padding: 5px;" | [[File:SoundtrackIcon.png|25px]] [[Soundtrack]] | ||
|- | |- | ||
| style="padding: 5px;" | [[File: | | style="padding: 5px;" | [[File:EchoIcon.png|25px]] [[Echo]]es | ||
|} | |} | ||
</div> | </div> | ||
<!-- | <!-- Item Table --> | ||
<div style="flex: 1 1 22%; padding: 5px; border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9;"> | <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-spacing: 0; width: 100%;" | ||
! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[ | ! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[Items]]''' | ||
! style="border-bottom: 1px solid; text-align: right; padding: 5px;" | [[File: | ! style="border-bottom: 1px solid; text-align: right; padding: 5px;" | [[File:ItemsIcon.png|25px]] | ||
|- | |- | ||
| style="padding: 5px;" | [[File: | | style="padding: 5px;" | [[File:TilesIcon.png|25px]] [[:Category:Block|Tiles]] | ||
| style="padding: 5px;" | [[File: | | style="padding: 5px;" | [[File:FurnitureIcon.png|25px]] [[:Category:Furniture|Furniture]] | ||
|- | |- | ||
| style="padding: 5px;" | [[File: | | style="padding: 5px;" | [[File:EquipmentIcon.png|25px]] [[:Category:Equipment|Equipment]] | ||
| style="padding: 5px;" | [[File:ConsumableIcon.png|25px]] [[:Category:Consumable|Consumables]] | |||
| style="padding: 5px;" | [[File: | |||
|- | |- | ||
| style="padding: 5px;" | [[File: | | style="padding: 5px;" | [[File:MaterialsIcon.png|25px]] [[:Category:Materials|Materials]] | ||
|} | |} | ||
</div> | </div> | ||
<!-- | <!-- Maps Table --> | ||
<div style="flex: 1 1 22%; padding: 5px; border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9;"> | <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-spacing: 0; width: 100%;" | ||
! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[ | ! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[Maps]]''' | ||
! style="border-bottom: 1px solid; text-align: right; padding: 5px;" | [[File: | ! style="border-bottom: 1px solid; text-align: right; padding: 5px;" | [[File:MapsIcon.png|25px]] | ||
|- | |- | ||
| style="padding: 5px;" | [[File: | | style="padding: 5px;" | [[File:SpawnIcon.png|25px]] [[Spawn]] | ||
| style="padding: 5px;" | [[File: | | style="padding: 5px;" | [[File:OutskirtsIcon.png|25px]] [[Outskirts]] | ||
|- | |- | ||
| style="padding: 5px;" | [[File: | | style="padding: 5px;" | [[File:CavesIcon.png|25px]] [[Cave]]s | ||
| style="padding: 5px;" | [[File: | | style="padding: 5px;" | [[File:PlainIcon.png|25px]] [[Plain]] | ||
|- | |- | ||
| style="padding: 5px;" | [[File: | | style="padding: 5px;" | [[File:ForestIcon.png|25px]] [[Forest]] | ||
| style="padding: 5px;" | [[File: | | style="padding: 5px;" | [[File:BeachIcon.png|25px]] [[Beach]] | ||
|- | |- | ||
| style="padding: 5px;" | [[File: | | style="padding: 5px;" | [[File:OceanIcon.png|25px]] [[Ocean]] | ||
| style="padding: 5px;" | [[File: | | style="padding: 5px;" | [[File:DesertIcon.png|25px]] [[Desert]] | ||
|- | |- | ||
| style="padding: 5px;" | [[File: | | style="padding: 5px;" | [[File:Hidden_areasIcon.png|25px]] [[Savannah]] | ||
| style="padding: 5px;" | [[File:Hidden_areasIcon.png|25px]] [[Hidden areas]] | |||
|} | |} | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- | <!-- | ||
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 | ![]() |
---|---|
![]() |
![]() |
![]() |
![]() |
![]() |
Maps | ![]() |
---|---|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Systems | ![]() |
---|---|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Gameplay | ![]() |
---|---|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
File:NPCIcon.png NPC | File:DungeonsIcon.png Dungeons |
![]() |
Changes 2
Changes 3
Gameplay | ![]() |
---|---|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |