User:Lightning266/sandbox: Difference between revisions

From Soul's Remnant Wiki
Jump to navigation Jump to search
mNo edit summary
No edit summary
 
(9 intermediate revisions by the same user not shown)
Line 47: Line 47:
|}
|}
Ver 2.1
Ver 2.1
{| style="border: 1px solid #ccc; border-radius: 10px; margin: 15px; background-color: #f9f9f9; padding: 10px; border-spacing: 0; width:100%;"
{| 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;"|  
! scope="col" style="border-bottom: 1px solid; text-align:right; padding:5px;"|  
Line 147: 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>
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
Line 178: Line 178:


{| 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>
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
Line 194: Line 194:


{| 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>
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
Line 212: Line 212:
|}
|}
</div>
</div>
Test changes
==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>
<!--
<!--


Line 219: 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

Ver 2

Items File:Tools.png
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint

Ver 2.1

Items File:Tools.png
File:Tools.png Tools File:Paint.png Paint test
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint

Ver 3

Items File:Tools.png
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint
Items File:Tools.png
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint
Items File:Tools.png
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint


Ver 3.1

Items File:Tools.png
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint
Items File:Tools.png
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint
File:Tools.png Tools File:Paint.png Paint
Items File:Tools.png
File:Tools.png Tools File:Paint.png Paint

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