Main Page

Difference between revisions of "User:Perseonn"

From Arks-Visiphone
Jump to navigation Jump to search
Browse history
 
(4 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 92: Line 90:
 
<div class="ring-container" style="">
 
<div class="ring-container" style="">
 
<div class="ring-container-image float-left" style="">
 
<div class="ring-container-image float-left" style="">
−
{| class="wikitable" style="margin: 0px;"
+
{| class="wikitable" style=""
 
! 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 float-left " style="">
 
<div class="ring-container-name float-left " style="">
−
{| class="wikitable" style="margin: 0px;"
+
{| class="wikitable" style=""
 
! style="height: 1em; white-space: nowrap;" | Name
 
! style="height: 1em; white-space: nowrap;" | Name
 
|-
 
|-
Line 105: Line 103:
 
</div>
 
</div>
 
<div class="ring-container-description float-left" style="">
 
<div class="ring-container-description float-left" style="">
−
{| class="wikitable" style="margin: 0px;"
+
{| class="wikitable" style=""
 
! style="height: 1em;" | Description
 
! style="height: 1em;" | Description
 
|-
 
|-
Line 112: Line 110:
 
</div>
 
</div>
 
<div class="ring-container-properties float-left" style="">
 
<div class="ring-container-properties float-left" style="">
−
{| class="wikitable" style="margin: 0px;"
+
{| class="wikitable" style=""
 
! style="height: 1em; white-space: nowrap;" | Properties
 
! style="height: 1em; white-space: nowrap;" | Properties
 
|-
 
|-
Line 119: Line 117:
 
</div>
 
</div>
 
<div class="ring-container-material float-left" style="">
 
<div class="ring-container-material float-left" style="">
−
{| class="wikitable" style="margin: 0px;"
+
{| class="wikitable" style=""
 
! style="height: 1em; white-space: nowrap;" | Materials  
 
! style="height: 1em; white-space: nowrap;" | Materials  
 
|-
 
|-
Line 125: Line 123:
 
  [[File:BlankIcon.png|32px|link=]] [[Sanctum Zircon]] x1
 
  [[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>
 
</div>
  
−
<div class="skill-ring-grind-container" >
 
−
{| 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
 
−
|- style="text-align:center"
 
−
| Count || 105% || 110% || 115% || 120% || 125% || 130% || 135% || 140% || 145% || 150%
 
−
|- style="text-align:center"
 
−
! | Grind Value !! | 11 !! | 12 !! | 13 !! | 14 !! | 15 !! | 16 !! | 17 !! | 18 !! | 19 !! | 20
 
−
|- style="text-align:center"
 
−
| Count || 155% || 160% || 165% || 170% || 175% || 180% || 185% || 190% || 195% || 200%
 
−
|}
 
 
</div>
 
</div>
  

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

128px 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 		32px Amduscia Rock x3

32px 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

128px
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
32px Amduscia Rock x3

32px 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)

128px
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
32px Amduscia Rock x3

32px 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!)

128px 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 		32px Amduscia Rock x3

32px 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"