Main Page

Difference between revisions of "User:Perseonn"

From Arks-Visiphone
Jump to navigation Jump to search
 
(8 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
 +
  L/カタナCカウントアップ
 +
|}
 +
</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%;"
Line 120: Line 215:
  
 
==Test ASoH CAST-Roster==
 
==Test ASoH CAST-Roster==
<div class="panel panel-default panel-fiction cast-roster-panel-main">
+
<div class="panel panel-default panel-fiction cast-roster-panel-main" style="width:100%; display:inline-block; background-color:#F4EFF1;">
 
<div class="hidden-xs hidden-sm hidden-md cast-roster-card-container">[[File:RingKatanaCCountUpIcon.png|128px]]</div>
 
<div class="hidden-xs hidden-sm hidden-md cast-roster-card-container">[[File:RingKatanaCCountUpIcon.png|128px]]</div>
 
<div class="cast-roster-image-container">[[File:RappyIcon.png|128px]]</div>
 
<div class="cast-roster-image-container">[[File:RappyIcon.png|128px]]</div>
Line 132: Line 227:
 
</div>
 
</div>
 
<div class="cast-roster-name-container">
 
<div class="cast-roster-name-container">
<p><span class="cast-roster-name">Aelf (Lady &amp; Gentleman)</span><br>
+
<p><span class="cast-roster-name">Rappy</span><br>
Soul Calibur V — <span class="enable-noneSaranaidan Bards">Saranaidan Bards</span><span class="enable-yesSaranaidan Bards"><span class="enable-none">Default Costume</span></span></p>
+
Phantasy Star Online 2</p>
</div>
 
</div>
 
<div class="cast-roster-middle-bottom">
 
<div class="enable-fiction panel panel-default cast-roster-panel-small">
 
<div class="panel-body cast-roster-extra cast-roster-story">
 
<p><span class="fa fa-file-text-o"><span style="white-space: pre-wrap;">&nbsp;</span></span> Has their own story in fiction Chronicles.</p>
 
</div>
 
</div>
 
<div class="enable-none panel panel-default cast-roster-panel-small">
 
<div class="panel-body cast-roster-extra cast-roster-gallery">
 
<p><span class="fa fa-link"><span style="white-space: pre-wrap;">&nbsp;</span></span> Recreated from {$origin}</p>
 
</div>
 
</div>
 
<div class="enable-0 panel panel-default cast-roster-panel-small">
 
<div class="panel-body cast-roster-extra cast-roster-gallery">
 
<p><span class="fa fa-file-picture-o"><span style="white-space: pre-wrap;">&nbsp;</span></span> Has an additional gallery.</p>
 
</div>
 
</div>
 
<div class="admins-only panel panel-default cast-roster-panel-small">
 
<div class="panel-body cast-roster-extra">
 
<p><a href="/char:aelf/edit/true/norender/true"><span class="fa fa-edit"><span style="white-space: pre-wrap;">&nbsp;</span></span> Edit</a></p>
 
</div>
 
 
</div>
 
</div>
 
</div>
 
</div>
 +
 
</div>
 
</div>
 
</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

L/カタナCカウントアップ

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

Name
L / Katana Combat Count Up

L/カタナCカウントアップ

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

Name
L / Katana Combat Count Up

L/カタナCカウントアップ

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

L/カタナCカウントアップ

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