User:Lightning266/sandbox: Difference between revisions

From Soul's Remnant Wiki
Jump to navigation Jump to search
No edit summary
(14 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: 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 93: Line 96:
| [[File:Paint.png|16px]] [[Paint]]
| [[File:Paint.png|16px]] [[Paint]]
|}
|}
| style="width: 66%; vertical-align: top;" colspan="2"|
| 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 113: Line 116:
| [[File:Paint.png|16px]] [[Paint]]
| [[File:Paint.png|16px]] [[Paint]]
|}
|}
| style="width: 66%; vertical-align: top;" |
| 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: 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 134: Line 137:
|}
|}
|}
|}


Ver 3.1
Ver 3.1


{| style="width: 100%; border-spacing: 0;"
{| style="width: 100%; height:100%; border-spacing: 0;"
|-
|-
| style="width: 33%;vertical-align: top; padding: 0; margin: 60px;" rowspan="2" |
| style="width: 33%;vertical-align: top; padding: 2px;" rowspan="2" |


{| style="border: 1px solid #ccc; border-radius: 10px; margin: 0; background-color: #f9f9f9; padding: 0px; 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 161: Line 175:
|}
|}


| style="width: 66%; vertical-align: top; padding: 0;" 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: 0px; border-spacing: 0; width: 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 177: Line 191:
|}
|}
|-
|-
| style="width: 66%; vertical-align: top; padding: 0;" 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: 0px; 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>
| [[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==


Test col row


{| style="width: 100%; border-spacing: 0; margin: 0 auto;"
 
<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]]
|-
|-
| style="width: 33%; vertical-align: top; padding: 0;" rowspan="2" | 2 row 1 column
| <span style="margin-right: 20px;">[[File:OceanIcon.png|16px]] [[Ocean]]</span>
| style="width: 66%; vertical-align: top; padding: 0;" colspan="2" | 2 Column 1 row
| [[File:DesertIcon.png|16px]] [[Desert]]
|-
|-
| style="width: 66%; vertical-align: top; padding: 0;" rowspan="2" | This should be under and on column 2 to 3
| <span style="margin-right: 20px;">[[File:Hidden_areasIcon.png|16px]] [[Hidden areas]]</span>
|}
|}


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


Line 206: Line 294:


Yaaaa god damn this was complicated
Yaaaa god damn this was complicated






-->
-->

Revision as of 09:26, 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
File:LoreIcon.png Lore
Retrieved from "https://sro.wiki/index.php?title=User:Lightning266/sandbox&oldid=2731"