Toggle search
Toggle menu
58
161
6
1.3K
SpiritVale Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Join the Playtest on Steam Now: SpiritVale

User:Eviand/TemplateTesting: Difference between revisions

From SpiritVale Wiki
More actions
← Older editNewer edit →
VisualWikitext
No edit summary
No edit summary
Line 122: Line 122:


</div>
</div>
==Fun Class Template Idea==
Had fun creating this for testing, but will instead use a simpler template.
{| class="infobox" style="width:100%; font-size:100%; border:2px solid #372b54; background:#f7f7fa; border-radius:14px; box-shadow:0 3px 8px rgba(0,0,0,0.3); margin:10px 0;"
|-
| style="padding:20px; background:linear-gradient(180deg,#5a4e7c,#372b54); color:white; border-top-left-radius:14px; border-top-right-radius:14px; text-align:center; font-size:200%;" |
[[File:SpiritValeLogo.png|100px]]<br />
'''{{{Class}}}'''
|-
| style="padding:15px; line-height:1.6; font-size:100%;" |
<div style="display:flex; gap:20px; align-items:flex-start; margin-top:20px; font-size:100%;">
<div style="flex:2; line-height:1.6;">
{{{ClassDescription}}}
</div>
<div style="flex:1; align-self:flex-start;">
{| class="infobox" style="width:100%; font-size:100%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2);"
|-
! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
'''Class Information'''
|-
| style="padding:12px; text-align:left; line-height:1.7; font-size:100%;" |
{| class="infobox" style="width:100%; font-size:100%; border:1px solid #ccc; background:#ffffff; border-radius:10px; padding:6px;"
|-
| style="padding:6px; font-weight:bold;" | Role
| style="padding:6px;" | {{{Role}}}
|-
| style="padding:6px; font-weight:bold;" | Primary Stats
| style="padding:6px;" | {{{Stats}}}
|-
| style="padding:6px; font-weight:bold;" | Weapon Type(s)
| style="padding:6px;" | {{{Weapons}}}
|}
|}
</div>
</div>
{| style="width:100%; border:2px solid #5a4e7c; background:#eef0f6; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2); padding:0; margin-top:20px;"
|-
! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
'''Skills'''
|-
| style="padding:12px; text-align:center; font-size:100%;" |
{| class="wikitable" style="width:100%; text-align:center; border:1px solid #ccc; border-collapse:collapse;"
|-
! style="width:16%;" | {{{Skill1}}}
! style="width:16%;" | {{{Skill2}}}
! style="width:16%;" | {{{Skill3}}}
! style="width:16%;" | {{{Skill4}}}
! style="width:16%;" | {{{Skill5}}}
! style="width:16%;" | {{{Skill6}}}
|-
| {{#if:{{{SkillImage1|}}}|[[File:{{{SkillImage1}}}|50px]]}}<br>{{{SkillDescription1}}}
| {{#if:{{{SkillImage2|}}}|[[File:{{{SkillImage2}}}|50px]]}}<br>{{{SkillDescription2}}}
| {{#if:{{{SkillImage3|}}}|[[File:{{{SkillImage3}}}|50px]]}}<br>{{{SkillDescription3}}}
| {{#if:{{{SkillImage4|}}}|[[File:{{{SkillImage4}}}|50px]]}}<br>{{{SkillDescription4}}}
| {{#if:{{{SkillImage5|}}}|[[File:{{{SkillImage5}}}|50px]]}}<br>{{{SkillDescription5}}}
| {{#if:{{{SkillImage6|}}}|[[File:{{{SkillImage6}}}|50px]]}}<br>{{{SkillDescription6}}}
|-
! style="width:16%;" | {{{Skill7}}}
! style="width:16%;" | {{{Skill8}}}
! style="width:16%;" | {{{Skill9}}}
! style="width:16%;" | {{{Skill10}}}
! style="width:16%;" | {{{Skill11}}}
! style="width:16%;" | {{{Skill12}}}
|-
| {{#if:{{{SkillImage7|}}}|[[File:{{{SkillImage7}}}|50px]]}}<br>{{{SkillDescription7}}}
| {{#if:{{{SkillImage8|}}}|[[File:{{{SkillImage8}}}|50px]]}}<br>{{{SkillDescription8}}}
| {{#if:{{{SkillImage9|}}}|[[File:{{{SkillImage9}}}|50px]]}}<br>{{{SkillDescription9}}}
| {{#if:{{{SkillImage10|}}}|[[File:{{{SkillImage10}}}|50px]]}}<br>{{{SkillDescription10}}}
| {{#if:{{{SkillImage11|}}}|[[File:{{{SkillImage11}}}|50px]]}}<br>{{{SkillDescription11}}}
| {{#if:{{{SkillImage12|}}}|[[File:{{{SkillImage12}}}|50px]]}}<br>{{{SkillDescription12}}}
|-
! style="width:16%;" | {{{Skill13}}}
! style="width:16%;" | {{{Skill14}}}
! style="width:16%;" | {{{Skill15}}}
! style="width:16%;" | {{{Skill16}}}
! style="width:16%;" | {{{Skill17}}}
! style="width:16%;" | {{{Skill18}}}
|-
| {{#if:{{{SkillImage13|}}}|[[File:{{{SkillImage13}}}|50px]]}}<br>{{{SkillDescription13}}}
| {{#if:{{{SkillImage14|}}}|[[File:{{{SkillImage14}}}|50px]]}}<br>{{{SkillDescription14}}}
| {{#if:{{{SkillImage15|}}}|[[File:{{{SkillImage15}}}|50px]]}}<br>{{{SkillDescription15}}}
| {{#if:{{{SkillImage16|}}}|[[File:{{{SkillImage16}}}|50px]]}}<br>{{{SkillDescription16}}}
| {{#if:{{{SkillImage17|}}}|[[File:{{{SkillImage17}}}|50px]]}}<br>{{{SkillDescription17}}}
| {{#if:{{{SkillImage18|}}}|[[File:{{{SkillImage18}}}|50px]]}}<br>{{{SkillDescription18}}}
|-
! style="width:16%;" | {{{Skill19}}}
! style="width:16%;" | {{{Skill20}}}
! style="width:16%;" | {{{Skill21}}}
! style="width:16%;" | {{{Skill22}}}
! style="width:16%;" | {{{Skill23}}}
! style="width:16%;" | {{{Skill24}}}
|-
| {{#if:{{{SkillImage19|}}}|[[File:{{{SkillImage19}}}|50px]]}}<br>{{{SkillDescription19}}}
| {{#if:{{{SkillImage20|}}}|[[File:{{{SkillImage20}}}|50px]]}}<br>{{{SkillDescription20}}}
| {{#if:{{{SkillImage21|}}}|[[File:{{{SkillImage21}}}|50px]]}}<br>{{{SkillDescription21}}}
| {{#if:{{{SkillImage22|}}}|[[File:{{{SkillImage22}}}|50px]]}}<br>{{{SkillDescription22}}}
| {{#if:{{{SkillImage23|}}}|[[File:{{{SkillImage23}}}|50px]]}}<br>{{{SkillDescription23}}}
| {{#if:{{{SkillImage24|}}}|[[File:{{{SkillImage24}}}|50px]]}}<br>{{{SkillDescription24}}}
|}
|}
{| class="infobox" style="width:100%; font-size:100%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2);"
|-
! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
'''Advanced Classes'''
|-
|
<div style="display:flex; justify-content:space-between; gap:20px; padding:12px; font-size:100%;">
{| class="infobox" style="flex:1; font-size:100%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.25); padding:8px;"
|-
! colspan="2" style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
'''{{{AdvancedClass1}}}'''<br />
[[File:{{{AdvancedClassImage1}}}|100px]]
|-
| style="background:#e6e3f0; font-weight:bold; width:35%;" | Role
| style="background:#ffffff;" | {{{AdvancedClassRole1}}}
|-
| style="background:#e6e3f0; font-weight:bold;" | Description
| style="background:#ffffff;" | {{{AdvancedClassDescription1}}}
|}
{| class="infobox" style="flex:1; font-size:100%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.25); padding:8px;"
|-
! colspan="2" style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
'''{{{AdvancedClass2}}}'''<br />
[[File:{{{AdvancedClassImage2}}}|100px]]
|-
| style="background:#e6e3f0; font-weight:bold; width:35%;" | Role
| style="background:#ffffff;" | {{{AdvancedClassRole2}}}
|-
| style="background:#e6e3f0; font-weight:bold;" | Description
| style="background:#ffffff;" | {{{AdvancedClassDescription2}}}
|}
</div>
|}
{| class="infobox" style="width:100%; font-size:100%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2);"
|-
! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
'''Advice & Guides'''
|-
| style="padding:12px; line-height:1.6;" |
|}
|}
Retrieved from "https://spiritvale.info/wiki/User:Eviand/TemplateTesting"