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 edit
VisualWikitext
No edit summary
 
(13 intermediate revisions by the same user not shown)
Line 3: Line 3:
Used as a base template for other boxes. Rows must be manually added or removed.
Used as a base template for other boxes. Rows must be manually added or removed.


{| class="infobox" style="width:275px; font-size:90%; border:2px solid #372b54; background:#f7f7fa; border-radius:12px; box-shadow:0 2px 6px rgba(0,0,0,0.25);"
{| class="infobox custom-table"
|-
|-
! colspan="2" style="background:linear-gradient(180deg,#5a4e7c,#372b54); color:white; text-align:center; padding:6px; font-size:110%; border-top-left-radius:10px; border-top-right-radius:10px;" |
! colspan="2" |
{{#if:{{{image|}}}|[[File:{{{image}}}|100px]]<br />}}
'''{{{name|Example Infobox}}}'''<br />
'''{{{name|Example Infobox}}}'''
{{#if:{{{image|}}}|[[File:{{{image}}}|100px]]}}
|-
|-
| style="background:#e6e3f0; font-weight:bold; width:35%;" | {{{row1_label|}}}
| style="border-right:1px solid #555;" | {{{row1_label|}}}
| style="background:#ffffff;" | {{{row1_value|}}}
| {{{row1_value|}}}
|-
|-
| style="background:#e6e3f0; font-weight:bold;" | {{{row2_label|}}}
| style="border-right:1px solid #555;" | {{{row2_label|}}}
| style="background:#ffffff;" | {{{row2_value|}}}
| {{{row2_value|}}}
|-
|-
| style="background:#e6e3f0; font-weight:bold;" | {{{row3_label|}}}
| style="border-right:1px solid #555;" | {{{row3_label|}}}
| style="background:#ffffff;" | {{{row3_value|}}}
| {{{row3_value|}}}
|}
|}


=== Example ===
=== Example 1 ===


{| class="infobox" style="width:275px; font-size:90%; border:2px solid #372b54; background:#f7f7fa; border-radius:12px; box-shadow:0 2px 6px rgba(0,0,0,0.25);"
{| class="infobox custom-table"
|-
|-
! colspan="2" style="background:linear-gradient(180deg,#5a4e7c,#372b54); color:white; text-align:center; padding:6px; font-size:110%; border-top-left-radius:10px; border-top-right-radius:10px;" |
! colspan="2" |
'''Player'''<br />
'''Player'''<br />
[[File:SpiritValeLogo.png|100px]]<br />
[[File:SpiritValeLogo.png|100px]]<br />
|-
|-
| style="background:#e6e3f0; font-weight:bold; width:35%;" | Character
| style="border-right:1px solid #555;" | Character
| style="background:#ffffff;" | Eviand
| Eviand
|-
|-
| style="background:#e6e3f0; font-weight:bold;" | Class
| style="border-right:1px solid #555;" | Class
| style="background:#ffffff;" | Acolyte
| Acolyte
|-
|-
| style="background:#e6e3f0; font-weight:bold;" | Role
| style="border-right:1px solid #555;" | Role
| style="background:#ffffff;" | Support
| Support
|}
|}


== Main Page Box ==
=== Example 2 ===


Used on the main page for holding content.
This one is much more appropriate, and feels a lot easier to use. Will be for classes only.
<nowiki>
{| class="infobox custom-table"
|-
! colspan="2" |
'''Class Overview'''<br />
|-
| style="border-right:1px solid #555;" | Role
| {{{Role}}}
|-
| style="border-right:1px solid #555;" | Primary Stats
| {{{Stats}}}
|-
| style="border-right:1px solid #555;" | Weapons
| {{{Weapons}}}
|}
</nowiki>
 
== Fun Class Template Idea ==
 
Had fun creating this for testing, but will instead use a simpler template.
 
{| class="infobox custom-table"
|-
! |
[[File:SpiritValeLogo.png|100px]]<br />
'''{{{Class}}}'''
|-
| {{{ClassDescription}}}


{| class="infobox" style="width:250px; font-size:95%; border:2px solid #372b54; background:#f7f7fa; border-radius:14px; box-shadow:0 3px 8px rgba(0,0,0,0.3); margin:10px;"
|-
|-
! style="background:linear-gradient(180deg,#5a4e7c,#372b54); color:white; text-align:center; padding:8px; font-size:120%; border-top-left-radius:12px; border-top-right-radius:12px;" |
! | '''Class Information'''
'''{{{title|Main Page Box}}}'''
|-
|
{| class="infobox custom-table"
|-
! colspan="2" | '''Class Information'''
|-
| style="border-right:1px solid #555;" | Role
| {{{Role}}}
|-
| style="border-right:1px solid #555;" | Primary Stats
| {{{Stats}}}
|-
| style="border-right:1px solid #555;" | Weapon Type(s)
| {{{Weapons}}}
|}
 
|-
! | '''Skills'''
|-
|
{| class="infobox custom-table" style="width:100%; text-align:center;"
|-
| 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}}}
|}
|-
! | '''Advanced Classes'''
|-
|
<div style="display:flex; gap:20px;">
  <div style="flex:1;">
  {| class="infobox custom-table"
  |-
  ! colspan="2" | '''{{{AdvancedClass1}}}'''<br />[[File:{{{AdvancedClassImage1}}}|100px]]
  |-
  | style="border-right:1px solid #555;" | Role
  | {{{AdvancedClassRole1}}}
  |-
  | style="border-right:1px solid #555;" | Description
  | {{{AdvancedClassDescription1}}}
  |}
  </div>
  <div style="flex:1;">
  {| class="infobox custom-table"
  |-
  ! colspan="2" | '''{{{AdvancedClass2}}}'''<br />[[File:{{{AdvancedClassImage2}}}|100px]]
  |-
  | style="border-right:1px solid #555;" | Role
  | {{{AdvancedClassRole2}}}
  |-
  | style="border-right:1px solid #555;" | Description
  | {{{AdvancedClassDescription2}}}
  |}
  </div>
</div>
|-
! | '''Advice & Guides'''
|-
|-
| style="padding:8px; text-align:center; line-height:1.4;" |
| {{{Advice|}}}
{{{content|''No content provided.''}}}
|}
|}


=== Example ===
== Template Box ==
 
Had this super fun template idea, but I couldn't get it to work on mobile. Going to shelve it for now as it might be useful for later.


{| class="infobox" style="width:250px; font-size:95%; border:2px solid #372b54; background:#f7f7fa; border-radius:14px; box-shadow:0 3px 8px rgba(0,0,0,0.3); margin:10px;"
{| class="infobox custom-table" style="float:{{{float|right}}}; width:100%; max-width:260px; font-size:95%;"
|-
|-
! style="background:linear-gradient(180deg,#5a4e7c,#372b54); color:white; text-align:center; padding:8px; font-size:120%; border-top-left-radius:12px; border-top-right-radius:12px;" |
! colspan="2" |
'''Game Systems'''
'''{{{BoxName}}}'''
 
{{#if:{{{A1|}}}|
|-
| style="border-right:1px solid #555; width:{{{Col1Width|35%}}};" | {{{A1}}}
| {{{B1}}}
}}
 
{{#if:{{{A2|}}}|
|-
| style="border-right:1px solid #555; width:{{{Col1Width|35%}}};" | {{{A2}}}
| {{{B2}}}
}}
 
{{#if:{{{A3|}}}|
|-
| style="border-right:1px solid #555; width:{{{Col1Width|35%}}};" | {{{A3}}}
| {{{B3}}}
}}
 
{{#if:{{{A4|}}}|
|-
| style="border-right:1px solid #555; width:{{{Col1Width|35%}}};" | {{{A4}}}
| {{{B4}}}
}}
 
{{#if:{{{A5|}}}|
|-
| style="border-right:1px solid #555; width:{{{Col1Width|35%}}};" | {{{A5}}}
| {{{B5}}}
}}
 
{{#if:{{{A6|}}}|
|-
| style="border-right:1px solid #555; width:{{{Col1Width|35%}}};" | {{{A6}}}
| {{{B6}}}
}}
 
{{#if:{{{A7|}}}|
|-
|-
| style="padding:8px; text-align:center; line-height:1.4;" |
| style="border-right:1px solid #555; width:{{{Col1Width|35%}}};" | {{{A7}}}
[[File:Icon1.png|20px]] [[Refinement]]<br />
| {{{B7}}}
[[File:Icon2.png|20px]] [[Card]]<br />
}}
[[File:Icon3.png|20px]] [[Storage]]<br />
[[File:Icon4.png|20px]] [[NPC]]
|}
|}
Retrieved from "https://spiritvale.info/wiki/User:Eviand/TemplateTesting"