User:Lightning266/sandbox: Difference between revisions

From Soul's Remnant Wiki
Jump to navigation Jump to search
mNo edit summary
 
(16 intermediate revisions by the same user not shown)
Line 1: Line 1:
Sandbox test page -lightning266 <br>
Sandbox test page -lightning266 <br>
Ver 1
 
<div style="background-color:black; color:white; border= 3px solid white>
Test col row example
{| style="border: 3px solid white; border-radius: 10px; margin: 15px; padding: 10px; border-spacing:0;"
 
! scope="col" style="border-bottom: 1px solid; text-align:left; padding:5px;" | '''Items'''
{| style="width: 100%; border-spacing: 0; margin: 0 auto;"
! scope="col" style="border-bottom: 1px solid; text-align:right; padding:5px; " | [[File:Tools.png|16px]]
|-
|-
| [[File:Tools.png|16px]] [[Tools]]
| style="width: 33%; vertical-align: top; padding: 0; border: solid red;" rowspan="2" | 1) 2 row 1 column
| [[File:Paint.png|16px]] [[Paint]]
| style="width: 66%; vertical-align: top; padding: 0; border: solid blue;" colspan="2" | 2) 2 Column 1 row
|-
|-
| [[File:Weapons.png|16px]] Weapons
| style="width: 66%; vertical-align: top; padding: 0; border: solid green;" rowspan="2" | 3) This should be under and on column 2 to 3
| [[File:Gems.png|16px]] Gems
|-
| [[File:Am.png|16px]] Ammunition
| [[File:VanityItems.png|16px]] Vanity items
|-
| [[File:Armor.png|16px]] Armor
| [[File:Dyes.png|16px]] Dyes
|-
| [[File:Furniture.png|16px]] Furniture
| [[File:Potions.png|16px]] Potions
|-
| [[File:Craf.png|16px]] Crafting stations
| [[File:Statues.png|16px]] Statues
|}
|}
</div>
</div>
Ver 2
==Test changes==
{| style="border: 1px solid #ccc; border-radius: 10px; margin: 15px; background-color: #f9f9f9; padding: 10px; border-spacing: 0;"
 
! 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]]
|-
| <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>
| [[File:Paint.png|16px]] [[Paint]]
|-
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
| [[File:Paint.png|16px]] [[Paint]]
|}
Ver 2.1
{| style="border: 1px solid #ccc; border-radius: 10px; margin: 15px; 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:right; padding:5px;"| [[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>
| [[File:Paint.png|16px]] [[Paint]]
|-
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
| [[File:Paint.png|16px]] [[Paint]]
|}


Ver 3


{| style="width: 100%; border-spacing: 5px;"
<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%;"
| style="width: 33%; vertical-align: top;" rowspan="2"|
! scope="col" style="border-bottom: 1px solid; text-align:left; padding:5px; height:10%"| '''[[Items]]'''
{| style="border: 1px solid #ccc; border-radius: 10px; margin: 15px; background-color: #f9f9f9; padding: 10px; border-spacing: 0;"
! scope="col" style="border-bottom: 1px solid; text-align:right; padding:5px;height:10%"| [[File:ItemsIcon.png|16px]]
! 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]]
|-
| <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:TilesIcon.png|16px]] [[Tiles]]</span>
| [[File:Paint.png|16px]] [[Paint]]
| [[File:FurnitureIcon.png|16px]] [[Furniture]]
|-
|-
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
| <span style="margin-right: 20px;">[[File:EquipmentIcon.png|16px]] [[Equipment]]</span>
| [[File:Paint.png|16px]] [[Paint]]
| [[File:ConsumableIcon.png|16px]] [[Consumable]]
|-
|-
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
| <span style="margin-right: 20px;">[[File:MaterialsIcon.png|16px]] [[Materials]]</span>
| [[File:Paint.png|16px]] [[Paint]]
|-
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
| [[File:Paint.png|16px]] [[Paint]]
|}
|}
| style="width: 33%; vertical-align: top;" colspan="2"|
 
{| style="border: 1px solid #ccc; border-radius: 10px; margin: 15px; background-color: #f9f9f9; padding: 10px; border-spacing: 0;"
{| 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;"| '''Items'''
! 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;"| [[File:Tools.png|16px]]
! scope="col" style="border-bottom: 1px solid; text-align:right; padding:5px;height:10%"| [[File:MapsIcon.png|16px]]
|-
|-
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
| <span style="margin-right: 20px;">[[File:SpawnIcon.png|16px]] [[Spawn]]</span>
| [[File:Paint.png|16px]] [[Paint]]
| [[File:OutskirtsIcon.png|16px]] [[Outskirts]]
|-
|-
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
| <span style="margin-right: 20px;">[[File:CavesIcon.png|16px]] [[Caves]]</span>
| [[File:Paint.png|16px]] [[Paint]]
| [[File:PlainIcon.png|16px]] [[Plain]]
|-
|-
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
| <span style="margin-right: 20px;">[[File:ForestIcon.png|16px]] [[Forest]]</span>
| [[File:Paint.png|16px]] [[Paint]]
| [[File:BeachIcon.png|16px]] [[Beach]]
|-
|-
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
| <span style="margin-right: 20px;">[[File:OceanIcon.png|16px]] [[Ocean]]</span>
| [[File:Paint.png|16px]] [[Paint]]
| [[File:DesertIcon.png|16px]] [[Desert]]
|-
|-
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
| <span style="margin-right: 20px;">[[File:Hidden_areasIcon.png|16px]] [[Hidden areas]]</span>
| [[File:Paint.png|16px]] [[Paint]]
|}
|}
| style="width: 33%; vertical-align: top;" |
 
{| style="border: 1px solid #ccc; border-radius: 10px; margin: 15px; background-color: #f9f9f9; padding: 10px; border-spacing: 0;"
{| 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;"| '''Items'''
! 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;"| [[File:Tools.png|16px]]
! scope="col" style="border-bottom: 1px solid; text-align:right; padding:5px;height:10%"| [[File:SystemsIcon.png|16px]]
|-
|-
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
| <span style="margin-right: 20px;">[[File:Player_statsIcon.png|16px]] [[Player Stats]]</span>
| [[File:Paint.png|16px]] [[Paint]]
| [[File:CraftingIcon.png|16px]] [[Crafting]]
|-
|-
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
| <span style="margin-right: 20px;">[[File:SkillsIcon.png|16px]] [[Skills]]</span>
| [[File:Paint.png|16px]] [[Paint]]
| [[File:QuestsIcon.png|16px]] [[Quests]]
|-
|-
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
| <span style="margin-right: 20px;">[[File:GuildsIcon.png|16px]] [[Guilds]]</span>
| [[File:Paint.png|16px]] [[Paint]]
| [[File:HousingIcon.png|16px]] [[Housing]]
|-
|-
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
| <span style="margin-right: 20px;">[[File:BestiaryIcon.png|16px]] [[Bestiary]]</span>
| [[File:Paint.png|16px]] [[Paint]]
| [[File:ShopsIcon.png|16px]] [[Shops]]
|-
|-
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
| <span style="margin-right: 20px;">[[File:PetsIcon.png|16px]] [[Pets]]</span>
| [[File:Paint.png|16px]] [[Paint]]
| [[File:SoundtrackIcon.png|16px]] [[Soundtrack]]
|}
|}
|}
Ver 3.1
{| style="width: 100%; height:100%; border-spacing: 0;"
|-
| style="width: 33%;vertical-align: top; padding: 2px;" rowspan="2" |


{| 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: 5px; border-spacing: 0; width: 24%;"
! 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%"| '''[[Gameplay]]'''
! 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:GameplayIcon.png|16px]]
|-
|-
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
| <span style="margin-right: 20px;">[[File:ElementsIcon.png|16px]] [[Element|Elements]]</span>
| [[File:Paint.png|16px]] [[Paint]]
| [[File:Status_EffectsIcon.png|16px]] [[Status Effects]]
|-
|-
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
| <span style="margin-right: 20px;">[[File:Mini-gamesIcon.png|16px]] [[Mini-games]]</span>
| [[File:Paint.png|16px]] [[Paint]]
| [[File:SecretsIcon.png|16px]] [[Secrets]]
|-
|-
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
| <span style="margin-right: 20px;">[[File:MonstersIcon.png|16px]] [[Monsters]]</span>
| [[File:Paint.png|16px]] [[Paint]]
| [[File:BossesIcon.png|16px]] [[Bosses]]
|-
|-
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
| <span style="margin-right: 20px;">[[File:NPCIcon.png|16px]] [[NPC]]</span>
| [[File:Paint.png|16px]] [[Paint]]
| [[File:DungeonsIcon.png|16px]] [[Dungeons]]
|-
|-
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
| <span style="margin-right: 20px;">[[File:LoreIcon.png|16px]] [[Lore]]</span>
| [[File:Paint.png|16px]] [[Paint]]
 
|}
|}
</div>


| style="width: 66%; vertical-align: top; padding: 2px;" colspan="2"|
==Changes 2==


{| style="border: 1px solid #ccc; border-radius: 10px; margin: 0; background-color: #f9f9f9; padding: 3px; border-spacing: 0; width: 100%; height:50%;"
<div style="display: flex; flex-wrap: wrap; gap: 10px; border: 1px solid #ccc; border-radius: 10px; margin: 10px; background-color: #f9f9f9; padding: 15px;">
! scope="col" style="border-bottom: 1px solid; text-align:left; padding:5px;"| '''Items'''
    <!-- Item Table -->
! scope="col" style="border-bottom: 1px solid; text-align:right; padding:5px;"| [[File:Tools.png|16px]]
    <div style="flex: 1 1 22%; padding: 5px; border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9;">
|-
        {| style="border-spacing: 0; width: 100%;"
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
        ! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[Items]]'''
| [[File:Paint.png|16px]] [[Paint]]
        ! style="border-bottom: 1px solid; text-align: right; padding: 5px;" | [[File:ItemsIcon.png|16px]]
|-
        |-
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
        | style="padding: 5px;" | [[File:TilesIcon.png|16px]] [[Tiles]]
| [[File:Paint.png|16px]] [[Paint]]
        | style="padding: 5px;" | [[File:FurnitureIcon.png|16px]] [[Furniture]]
|-
        |-
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
        | style="padding: 5px;" | [[File:EquipmentIcon.png|16px]] [[Equipment]]
| [[File:Paint.png|16px]] [[Paint]]
        | style="padding: 5px;" | [[File:ConsumableIcon.png|16px]] [[Consumable]]
|}
        |-
|-
        | style="padding: 5px;" | [[File:MaterialsIcon.png|16px]] [[Materials]]
| style="width: 66%; vertical-align: top; padding: 2px;" colspan="2"|
        |}
    </div>


{| style="border: 1px solid #ccc; border-radius: 10px; margin: 0; background-color: #f9f9f9; padding: 3px; border-spacing: 0; width: 100%; height:50%;"
    <!-- Maps Table -->
! scope="col" style="border-bottom: 1px solid; text-align:left; padding:5px;"| '''Items'''
    <div style="flex: 1 1 22%; padding: 5px; border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9;">
! scope="col" style="border-bottom: 1px solid; text-align:right; padding:5px;"| [[File:Tools.png|16px]]
        {| style="border-spacing: 0; width: 100%;"
|-
        ! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[Maps]]'''
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
        ! style="border-bottom: 1px solid; text-align: right; padding: 5px;" | [[File:MapsIcon.png|16px]]
| [[File:Paint.png|16px]] [[Paint]]
        |-
|}
        | 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>


Test col row
    <!-- 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>


{| style="width: 100%; border-spacing: 0; margin: 0 auto;"
    <!-- Item Table -->
|-
    <div style="flex: 1 1 22%; padding: 5px; min-width:200px; border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9;">
| style="width: 33%; vertical-align: top; padding: 0;" rowspan="2" | 2 row 1 column
        {| style="border-spacing: 0; width: 100%;"
| style="width: 66%; vertical-align: top; padding: 0;" colspan="2" | 2 Column 1 row
        ! 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="width: 66%; vertical-align: top; padding: 0;" rowspan="2" | This should be under and on column 2 to 3
        |-
|}
        | 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>


Test changes
    <!-- 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>


<!--
<!--
Line 209: Line 270:


Yaaaa god damn this was complicated
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


Retrieved from "https://sro.wiki/index.php?title=User:Lightning266/sandbox&oldid=2905"