User:Lightning266/sandbox: Difference between revisions

From Soul's Remnant Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(23 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
{| style="border: 1px solid #ccc; border-radius: 10px; margin: 15px; background-color: #f9f9f9; padding: 10px; border-spacing:0;"
<div style="background-color:black; color:white; border= 3px solid white>
{| 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'''
! 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; " | [[File:Tools.png|16px]]
Line 23: Line 25:
| [[File:Statues.png|16px]] Statues
| [[File:Statues.png|16px]] Statues
|}
|}
</div>
Ver 2
Ver 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: 15px; background-color: #f9f9f9; padding: 10px; border-spacing: 0;"
Line 44: 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;"| [[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 68: Line 73:
{| style="width: 100%; border-spacing: 5px;"
{| style="width: 100%; border-spacing: 5px;"
|-
|-
| style="width: 33%; vertical-align: top;" |
| style="width: 33%; vertical-align: top;" rowspan="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: 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: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;"| [[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>
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
Line 88: Line 96:
| [[File:Paint.png|16px]] [[Paint]]
| [[File:Paint.png|16px]] [[Paint]]
|}
|}
| style="width: 33%; vertical-align: top;" |
| 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: 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:left; padding:5px;"| '''Items'''
Line 132: Line 140:




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%;"
! 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: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]]
|-
| <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]]
|}
| 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:100%;"
! 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: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]]
|}
|-
| 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:100%;"
! 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:Tools.png|16px]]
|-
| <span style="margin-right: 20px;">[[File:Tools.png|16px]] [[Tools]]</span>
| [[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="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>
<!--
<!--


this works as display
this works as display


 
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

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