User:Lightning266/sandbox: Difference between revisions

From Soul's Remnant Wiki
Jump to navigation Jump to search
 
(4 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
<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:right; padding:5px; " | [[File:Tools.png|16px]]
|-
| [[File:Tools.png|16px]] [[Tools]]
| [[File:Paint.png|16px]] [[Paint]]
|-
| [[File:Weapons.png|16px]] Weapons
| [[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>
Ver 2
{| 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: 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: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>
| [[File:Paint.png|16px]] [[Paint]]
| test
|-
| <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;"
|-
| 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;"
! 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]]
|-
| <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;"
! 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]]
|}
| style="width: 33%; vertical-align: top;" |
{| 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 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
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 calc(25% - 10px); border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9; padding: 5px;">
    <!-- 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-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]]'''
Line 308: Line 108:
     </div>
     </div>


     <div style="flex: 1 1 calc(25% - 10px); border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9; padding: 5px;">
    <!-- 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 calc(25% - 10px); border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9; padding: 5px;">
    <!-- 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 calc(25% - 10px); border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9; padding: 5px;">
    <!-- 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 ==
<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>
    <!-- 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>
    <!-- Item 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;" | '''[[Items]]'''
        ! style="border-bottom: 1px solid; text-align: right; padding: 5px;" | [[File:ItemsIcon.png|25px]]
        |-
        | 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>
    <!-- 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>
<!--
<!--


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"