User:Eviand/TemplateTesting: Difference between revisions

Main Page Box
	No content provided.

Player; ;
Character	Eviand
Class	Acolyte
Role	Support

← Older edit Newer edit →

VisualWikitext

Revision as of 02:26, 30 August 2025

Generic Infobox

Used as a base template for other boxes. Rows must be manually added or removed.

Example

Main Page Box

Used on the main page for holding content.

Example

Game Systems
File:Icon1.png Refinement File:Icon2.png Card File:Icon3.png Storage File:Icon4.png NPC

Main Box 1
File:Icon1.png Page 1 File:Icon2.png Page 2

Main Box 2
File:Icon3.png Page 3 File:Icon4.png Page 4

Main Box 3
File:Icon5.png Page 5 File:Icon6.png Page 6

Main Box 4
File:Icon7.png Page 7 File:Icon8.png Page 8

Fun Class Template Idea

Had fun creating this for testing, but will instead use a simpler template.

{{{Class}}}

{{{ClassDescription}}}

Class Information

Role	{{{Role}}}
Primary Stats	{{{Stats}}}
Weapon Type(s)	{{{Weapons}}}

Skills

{{{Skill1}}}	{{{Skill2}}}	{{{Skill3}}}	{{{Skill4}}}	{{{Skill5}}}	{{{Skill6}}}
{{{SkillDescription1}}}	{{{SkillDescription2}}}	{{{SkillDescription3}}}	{{{SkillDescription4}}}	{{{SkillDescription5}}}	{{{SkillDescription6}}}
{{{Skill7}}}	{{{Skill8}}}	{{{Skill9}}}	{{{Skill10}}}	{{{Skill11}}}	{{{Skill12}}}
{{{SkillDescription7}}}	{{{SkillDescription8}}}	{{{SkillDescription9}}}	{{{SkillDescription10}}}	{{{SkillDescription11}}}	{{{SkillDescription12}}}
{{{Skill13}}}	{{{Skill14}}}	{{{Skill15}}}	{{{Skill16}}}	{{{Skill17}}}	{{{Skill18}}}
{{{SkillDescription13}}}	{{{SkillDescription14}}}	{{{SkillDescription15}}}	{{{SkillDescription16}}}	{{{SkillDescription17}}}	{{{SkillDescription18}}}
{{{Skill19}}}	{{{Skill20}}}	{{{Skill21}}}	{{{Skill22}}}	{{{Skill23}}}	{{{Skill24}}}
{{{SkillDescription19}}}	{{{SkillDescription20}}}	{{{SkillDescription21}}}	{{{SkillDescription22}}}	{{{SkillDescription23}}}	{{{SkillDescription24}}}

Advanced Classes

{{{AdvancedClass1}}} [[File:{{{AdvancedClassImage1}}}\|100px]]
Role	{{{AdvancedClassRole1}}}
Description	{{{AdvancedClassDescription1}}}

{{{AdvancedClass2}}} [[File:{{{AdvancedClassImage2}}}\|100px]]
Role	{{{AdvancedClassRole2}}}
Description	{{{AdvancedClassDescription2}}}

Advice & Guides

@@ Line 122: / Line 122: @@
 </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;" |
+|}
+|}

Example Infobox