User:Perseonn: Difference between revisions

From Arks-Visiphone
Jump to navigation Jump to search
No edit summary
 
(7 intermediate revisions by the same user not shown)
Line 37: Line 37:
==Test DivTable==
==Test DivTable==


<div class="ring-container" style="width:100%;">
<div class="cing-rontainer" style="width:100%;">
<div class="ring-container-image" style="float:left; height: 142px;">
<div class="cing-rontainer-image" style="float:left; height: 142px;">
{| class="wikitable" style="margin: 0px; height: 142px;"
{| class="wikitable" style="margin: 0px; height: 142px;"
! style="text-align:center" | [[File:RingKatanaCCountUpIcon.png|128px|link=]]
! style="text-align:center" | [[File:RingKatanaCCountUpIcon.png|128px|link=]]
|}
|}
</div>
</div>
<div class="ring-container-name" style="float:left; ">
<div class="cing-rontainer-name" style="float:left; ">
{| class="wikitable" style="margin: 0px; min-width: 256px; height: 142px;"
{| class="wikitable" style="margin: 0px; min-width: 256px; height: 142px;"
! style="height: 1em;" | Name
! style="height: 1em;" | Name
Line 51: Line 51:
|}
|}
</div>
</div>
<div class="ring-container-description" style="float:left;">
<div class="cing-rontainer-description" style="float:left;">
{| class="wikitable" style="margin: 0px; max-width: 320px; height: 142px;"
{| class="wikitable" style="margin: 0px; max-width: 420px; height: 142px;"
! style="height: 1em;" | Description
! style="height: 1em;" | Description
|-
|-
Line 58: Line 58:
|}
|}
</div>
</div>
<div class="ring-container-properties" style="float:left; ">
<div class="cing-rontainer-properties" style="float:left; ">
{| class="wikitable" style="margin: 0px; min-width: 120px; height: 142px;"
{| class="wikitable" style="margin: 0px; min-width: 120px; height: 142px;"
! style="height: 1em;" | Properties
! style="height: 1em;" | Properties
Line 65: Line 65:
|}
|}
</div>
</div>
<div class="ring-container-material" style="float:left; ">
<div class="cing-rontainer-material" style="float:left; ">
{| class="wikitable" style="margin: 0px; min-width: 120px; height: 142px;"
{| class="wikitable" style="margin: 0px; min-width: 120px; height: 142px;"
! style="height: 1em;" | Materials  
! style="height: 1em;" | Materials  
Line 73: Line 73:
|}
|}
</div>
</div>
</div>
</div>
 
<div class="cing-rontainer-g>
<div class="skill-ring-grind-container" >
{| class="wikitable" style="margin-top:-1px; border-top:0px; width:100%; white-space:nowrap"
{| class="wikitable" style="margin-top:-1px; border-top:0px; width:100%; white-space:nowrap"
! | Grind Value !! | 1 !! | 2 !! | 3 !! | 4 !! | 5 !! | 6 !! | 7 !! | 8 !! | 9 !! | 10
! | Grind Value !! | 1 !! | 2 !! | 3 !! | 4 !! | 5 !! | 6 !! | 7 !! | 8 !! | 9 !! | 10
Line 88: Line 86:
</div>
</div>


==Test Repha Table ==
==Test DivTable (Responsive, Need CSS)==
 
<div class="ring-container" style="">
<div class="ring-container-image float-left" style="">
{| class="wikitable" style=""
! style="text-align:center" | [[File:RingKatanaCCountUpIcon.png|128px|link=]]
|}
</div>
<div class="ring-container-name float-left " style="">
{| class="wikitable" style=""
! style="height: 1em; white-space: nowrap;" | Name
|-
| L / Katana Combat Count Up
  Ｌ／カタナＣカウントアップ
|}
</div>
<div class="ring-container-description float-left" style="">
{| class="wikitable" style=""
! style="height: 1em;" | Description
|-
|SCHWING SCHWING SCHWING ''Guren and Endo Noises'' I am a really long description who needs a wrap but i don't wanna to because I am naughty.
|}
</div>
<div class="ring-container-properties float-left" style="">
{| class="wikitable" style=""
! style="height: 1em; white-space: nowrap;" | Properties
|-
| {{icons|S-ATK}} +1 ~ 20<BR>{{icons|DEX}} +1 ~ 20
|}
</div>
<div class="ring-container-material float-left" style="">
{| class="wikitable" style=""
! style="height: 1em; white-space: nowrap;" | Materials
|-
| [[File:BlankIcon.png|32px|link=]] [[Amduscia Rock]] x3
  [[File:BlankIcon.png|32px|link=]] [[Sanctum Zircon]] x1
|}
</div>
 
<div class="ring-container-grind" >
<div class="ring-container-grind-plus-container">
<div class="ring-container-grind-header-grind">Grind</div>
<div class="ring-container-grind-header-plus"> +1 </div>
<div class="ring-container-grind-header-plus hidden-xs hidden-sm"> +2 </div>
<div class="ring-container-grind-header-plus hidden-xs"> +3 </div>
<div class="ring-container-grind-header-plus hidden-xs hidden-sm"> +4 </div>
<div class="ring-container-grind-header-plus "> +5 </div>
<div class="ring-container-grind-header-plus hidden-xs hidden-sm"> +6 </div>
<div class="ring-container-grind-header-plus hidden-xs"> +7 </div>
<div class="ring-container-grind-header-plus hidden-xs hidden-sm"> +8 </div>
<div class="ring-container-grind-header-plus hidden-xs"> +9 </div>
<div class="ring-container-grind-header-plus"> +10 </div>
</div>
<div class="ring-container-grind-stat-container">
<div class="ring-container-grind-header-stat">Stat 1</div>
<div class="ring-container-grind-stat-value"> 105% </div>
<div class="ring-container-grind-stat-value hidden-xs hidden-sm"> 110% </div>
<div class="ring-container-grind-stat-value hidden-xs"> 115% </div>
<div class="ring-container-grind-stat-value hidden-xs hidden-sm"> 120% </div>
<div class="ring-container-grind-stat-value "> 125% </div>
<div class="ring-container-grind-stat-value hidden-xs hidden-sm"> 130% </div>
<div class="ring-container-grind-stat-value hidden-xs"> 135% </div>
<div class="ring-container-grind-stat-value hidden-xs hidden-sm"> 140% </div>
<div class="ring-container-grind-stat-value hidden-xs"> 145% </div>
<div class="ring-container-grind-stat-value"> 150% </div>
</div>
<div class="ring-container-grind-plus-container">
<div class="ring-container-grind-header-grind">Grind</div>
<div class="ring-container-grind-header-plus"> +11 </div>
<div class="ring-container-grind-header-plus hidden-xs hidden-sm"> +12 </div>
<div class="ring-container-grind-header-plus hidden-xs"> +13 </div>
<div class="ring-container-grind-header-plus hidden-xs hidden-sm"> +14 </div>
<div class="ring-container-grind-header-plus "> +15 </div>
<div class="ring-container-grind-header-plus hidden-xs hidden-sm"> +16 </div>
<div class="ring-container-grind-header-plus hidden-xs"> +17 </div>
<div class="ring-container-grind-header-plus hidden-xs hidden-sm"> +18 </div>
<div class="ring-container-grind-header-plus hidden-xs"> +19 </div>
<div class="ring-container-grind-header-plus"> +20 </div>
</div>
<div class="ring-container-grind-stat-container">
<div class="ring-container-grind-header-stat">Stat 1</div>
<div class="ring-container-grind-stat-value"> 155% </div>
<div class="ring-container-grind-stat-value hidden-xs hidden-sm"> 160% </div>
<div class="ring-container-grind-stat-value hidden-xs"> 165% </div>
<div class="ring-container-grind-stat-value hidden-xs hidden-sm"> 170% </div>
<div class="ring-container-grind-stat-value "> 175% </div>
<div class="ring-container-grind-stat-value hidden-xs hidden-sm"> 180% </div>
<div class="ring-container-grind-stat-value hidden-xs"> 185% </div>
<div class="ring-container-grind-stat-value hidden-xs hidden-sm"> 190% </div>
<div class="ring-container-grind-stat-value hidden-xs"> 195% </div>
<div class="ring-container-grind-stat-value"> 200% </div>
</div>
 
</div>
 
</div>
 
==Test Repha Table (Colors!) ==
<div style="">
<div style="">
{| class="repha-table" style="margin-bottom: 0px; width:100%;"
{| class="repha-table" style="margin-bottom: 0px; width:100%;"

Latest revision as of 12:09, 10 May 2017

Heya! Sorry, there wont be anything here, this is just my sandbox :)

My SandBox

Test Wikitable

File:RingKatanaCCountUpIcon.png Name Properties Description Materials
L / Katana Combat Count Up

Ｌ／カタナＣカウントアップ

SCHWING SCHWING SCHWING Guren and Endo Noises. You know, hippopotamus are a very dangerous mammal that can attack without a slight provocation. S-ATK +1 ~ 20
DEX +1 ~ 20 		File:BlankIcon.png Amduscia Rock x3

File:BlankIcon.png Sanctum Zircon x1

Grind Value 1 2 3 4 5 6 7 8 9 10
Count 105% 110% 115% 120% 125% 130% 135% 140% 145% 150%
Grind Value 11 12 13 14 15 16 17 18 19 20
Count 155% 160% 165% 170% 175% 180% 185% 190% 195% 200%

Test DivTable

File:RingKatanaCCountUpIcon.png
Name
L / Katana Combat Count Up

Ｌ／カタナＣカウントアップ

Description
SCHWING SCHWING SCHWING Guren and Endo Noises I am a really long description who needs a wrap but i don't wanna to because I am naughty.
Properties
S-ATK +1 ~ 20
DEX +1 ~ 20
Materials
File:BlankIcon.png Amduscia Rock x3

File:BlankIcon.png Sanctum Zircon x1

Grind Value 1 2 3 4 5 6 7 8 9 10
Count 105% 110% 115% 120% 125% 130% 135% 140% 145% 150%
Grind Value 11 12 13 14 15 16 17 18 19 20
Count 155% 160% 165% 170% 175% 180% 185% 190% 195% 200%

Test DivTable (Responsive, Need CSS)

File:RingKatanaCCountUpIcon.png
Name
L / Katana Combat Count Up

Ｌ／カタナＣカウントアップ

Description
SCHWING SCHWING SCHWING Guren and Endo Noises I am a really long description who needs a wrap but i don't wanna to because I am naughty.
Properties
S-ATK +1 ~ 20
DEX +1 ~ 20
Materials
File:BlankIcon.png Amduscia Rock x3

File:BlankIcon.png Sanctum Zircon x1

Grind
+1
+5
+10
Stat 1
105%
125%
150%
Grind
+11
+15
+20
Stat 1
155%
175%
200%

Test Repha Table (Colors!)

File:RingKatanaCCountUpIcon.png Name Properties Description Materials
L / Katana Combat Count Up

Ｌ／カタナＣカウントアップ

SCHWING SCHWING SCHWING Guren and Endo Noises. You know, hippopotamus are a very dangerous mammal that can attack without a slight provocation. S-ATK +1 ~ 20
DEX +1 ~ 20 		File:BlankIcon.png Amduscia Rock x3

File:BlankIcon.png Sanctum Zircon x1

Grind Value 1 2 3 4 5 6 7 8 9 10
Count 105% 110% 115% 120% 125% 130% 135% 140% 145% 150%
Grind Value 11 12 13 14 15 16 17 18 19 20
Count 155% 160% 165% 170% 175% 180% 185% 190% 195% 200%

Test ASoH CAST-Roster

RappyIcon.png

Original Characters by Perseonn Balthasaar

 

Rappy
Phantasy Star Online 2

Retrieved from "https://pso2.arks-visiphone.com/index.php?title=User:Perseonn&oldid=19988"