User:Eviand/TemplateTesting: Difference between revisions
From SpiritVale Wiki
More actions
No edit summary |
|||
(10 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 | {| class="infobox custom-table" | ||
|- | |- | ||
! colspan="2 | ! colspan="2" | | ||
'''{{{name|Example Infobox}}}'''<br /> | '''{{{name|Example Infobox}}}'''<br /> | ||
{{#if:{{{image|}}}|[[File:{{{image}}}|100px]]}} | {{#if:{{{image|}}}|[[File:{{{image}}}|100px]]}} | ||
|- | |- | ||
| style=" | | style="border-right:1px solid #555;" | {{{row1_label|}}} | ||
| {{{row1_value|}}} | |||
|- | |- | ||
| style=" | | style="border-right:1px solid #555;" | {{{row2_label|}}} | ||
| {{{row2_value|}}} | |||
|- | |- | ||
| style=" | | style="border-right:1px solid #555;" | {{{row3_label|}}} | ||
| {{{row3_value|}}} | |||
|} | |} | ||
=== Example === | === Example 1 === | ||
{| class="infobox | {| class="infobox custom-table" | ||
|- | |- | ||
! colspan="2 | ! colspan="2" | | ||
'''Player'''<br /> | '''Player'''<br /> | ||
[[File:SpiritValeLogo.png|100px]]<br /> | [[File:SpiritValeLogo.png|100px]]<br /> | ||
|- | |- | ||
| style=" | | style="border-right:1px solid #555;" | Character | ||
| Eviand | |||
|- | |- | ||
| style="border-right:1px solid #555;" | Class | |||
| Acolyte | |||
|- | |- | ||
| style=" | | style="border-right:1px solid #555;" | Role | ||
| Support | |||
|} | |} | ||
=== Example === | === Example 2 === | ||
{| class="infobox | 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=" | | style="border-right:1px solid #555;" | Role | ||
| {{{Role}}} | |||
|} | |||
|- | |- | ||
| style="border-right:1px solid #555;" | Primary Stats | |||
| {{{Stats}}} | |||
|- | |- | ||
| style=" | | style="border-right:1px solid #555;" | Weapons | ||
| {{{Weapons}}} | |||
|} | |} | ||
</ | </nowiki> | ||
==Fun Class Template Idea== | == Fun Class Template Idea == | ||
Had fun creating this for testing, but will instead use a simpler template. | Had fun creating this for testing, but will instead use a simpler template. | ||
{| class="infobox | {| class="infobox custom-table" | ||
|- | |- | ||
! | | |||
[[File:SpiritValeLogo.png|100px]]<br /> | [[File:SpiritValeLogo.png|100px]]<br /> | ||
'''{{{Class}}}''' | '''{{{Class}}}''' | ||
|- | |- | ||
| | | {{{ClassDescription}}} | ||
|- | |- | ||
! | ! | '''Class Information''' | ||
'''Class Information''' | |- | ||
| | |||
{| class="infobox custom-table" | |||
|- | |- | ||
! colspan="2" | '''Class Information''' | |||
|- | |- | ||
| style=" | | style="border-right:1px solid #555;" | Role | ||
| {{{Role}}} | |||
|- | |- | ||
| style=" | | style="border-right:1px solid #555;" | Primary Stats | ||
| {{{Stats}}} | |||
|- | |- | ||
| style=" | | style="border-right:1px solid #555;" | Weapon Type(s) | ||
| {{{Weapons}}} | |||
|} | |} | ||
|- | |- | ||
! | ! | '''Skills''' | ||
'''Skills''' | |||
|- | |- | ||
| | | | ||
{| class="infobox custom-table" style="width:100%; text-align:center;" | |||
{| class=" | |||
|- | |- | ||
| 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:{{{SkillImage1|}}}|[[File:{{{SkillImage1}}}|50px]]}}<br />{{{SkillDescription1}}} | ||
| {{#if:{{{SkillImage2|}}}|[[File:{{{SkillImage2}}}|50px]]}}<br>{{{SkillDescription2}}} | | {{#if:{{{SkillImage2|}}}|[[File:{{{SkillImage2}}}|50px]]}}<br />{{{SkillDescription2}}} | ||
| {{#if:{{{SkillImage3|}}}|[[File:{{{SkillImage3}}}|50px]]}}<br>{{{SkillDescription3}}} | | {{#if:{{{SkillImage3|}}}|[[File:{{{SkillImage3}}}|50px]]}}<br />{{{SkillDescription3}}} | ||
| {{#if:{{{SkillImage4|}}}|[[File:{{{SkillImage4}}}|50px]]}}<br>{{{SkillDescription4}}} | | {{#if:{{{SkillImage4|}}}|[[File:{{{SkillImage4}}}|50px]]}}<br />{{{SkillDescription4}}} | ||
| {{#if:{{{SkillImage5|}}}|[[File:{{{SkillImage5}}}|50px]]}}<br>{{{SkillDescription5}}} | | {{#if:{{{SkillImage5|}}}|[[File:{{{SkillImage5}}}|50px]]}}<br />{{{SkillDescription5}}} | ||
| {{#if:{{{SkillImage6|}}}|[[File:{{{SkillImage6}}}|50px]]}}<br>{{{SkillDescription6}}} | | {{#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:{{{SkillImage7|}}}|[[File:{{{SkillImage7}}}|50px]]}}<br />{{{SkillDescription7}}} | ||
| {{#if:{{{SkillImage8|}}}|[[File:{{{SkillImage8}}}|50px]]}}<br>{{{SkillDescription8}}} | | {{#if:{{{SkillImage8|}}}|[[File:{{{SkillImage8}}}|50px]]}}<br />{{{SkillDescription8}}} | ||
| {{#if:{{{SkillImage9|}}}|[[File:{{{SkillImage9}}}|50px]]}}<br>{{{SkillDescription9}}} | | {{#if:{{{SkillImage9|}}}|[[File:{{{SkillImage9}}}|50px]]}}<br />{{{SkillDescription9}}} | ||
| {{#if:{{{SkillImage10|}}}|[[File:{{{SkillImage10}}}|50px]]}}<br>{{{SkillDescription10}}} | | {{#if:{{{SkillImage10|}}}|[[File:{{{SkillImage10}}}|50px]]}}<br />{{{SkillDescription10}}} | ||
| {{#if:{{{SkillImage11|}}}|[[File:{{{SkillImage11}}}|50px]]}}<br>{{{SkillDescription11}}} | | {{#if:{{{SkillImage11|}}}|[[File:{{{SkillImage11}}}|50px]]}}<br />{{{SkillDescription11}}} | ||
| {{#if:{{{SkillImage12|}}}|[[File:{{{SkillImage12}}}|50px]]}}<br>{{{SkillDescription12}}} | | {{#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:{{{SkillImage13|}}}|[[File:{{{SkillImage13}}}|50px]]}}<br />{{{SkillDescription13}}} | ||
| {{#if:{{{SkillImage14|}}}|[[File:{{{SkillImage14}}}|50px]]}}<br>{{{SkillDescription14}}} | | {{#if:{{{SkillImage14|}}}|[[File:{{{SkillImage14}}}|50px]]}}<br />{{{SkillDescription14}}} | ||
| {{#if:{{{SkillImage15|}}}|[[File:{{{SkillImage15}}}|50px]]}}<br>{{{SkillDescription15}}} | | {{#if:{{{SkillImage15|}}}|[[File:{{{SkillImage15}}}|50px]]}}<br />{{{SkillDescription15}}} | ||
| {{#if:{{{SkillImage16|}}}|[[File:{{{SkillImage16}}}|50px]]}}<br>{{{SkillDescription16}}} | | {{#if:{{{SkillImage16|}}}|[[File:{{{SkillImage16}}}|50px]]}}<br />{{{SkillDescription16}}} | ||
| {{#if:{{{SkillImage17|}}}|[[File:{{{SkillImage17}}}|50px]]}}<br>{{{SkillDescription17}}} | | {{#if:{{{SkillImage17|}}}|[[File:{{{SkillImage17}}}|50px]]}}<br />{{{SkillDescription17}}} | ||
| {{#if:{{{SkillImage18|}}}|[[File:{{{SkillImage18}}}|50px]]}}<br>{{{SkillDescription18}}} | | {{#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:{{{SkillImage19|}}}|[[File:{{{SkillImage19}}}|50px]]}}<br />{{{SkillDescription19}}} | ||
| {{#if:{{{SkillImage20|}}}|[[File:{{{SkillImage20}}}|50px]]}}<br>{{{SkillDescription20}}} | | {{#if:{{{SkillImage20|}}}|[[File:{{{SkillImage20}}}|50px]]}}<br />{{{SkillDescription20}}} | ||
| {{#if:{{{SkillImage21|}}}|[[File:{{{SkillImage21}}}|50px]]}}<br>{{{SkillDescription21}}} | | {{#if:{{{SkillImage21|}}}|[[File:{{{SkillImage21}}}|50px]]}}<br />{{{SkillDescription21}}} | ||
| {{#if:{{{SkillImage22|}}}|[[File:{{{SkillImage22}}}|50px]]}}<br>{{{SkillDescription22}}} | | {{#if:{{{SkillImage22|}}}|[[File:{{{SkillImage22}}}|50px]]}}<br />{{{SkillDescription22}}} | ||
| {{#if:{{{SkillImage23|}}}|[[File:{{{SkillImage23}}}|50px]]}}<br>{{{SkillDescription23}}} | | {{#if:{{{SkillImage23|}}}|[[File:{{{SkillImage23}}}|50px]]}}<br />{{{SkillDescription23}}} | ||
| {{#if:{{{SkillImage24|}}}|[[File:{{{SkillImage24}}}|50px]]}}<br>{{{SkillDescription24}}} | | {{#if:{{{SkillImage24|}}}|[[File:{{{SkillImage24}}}|50px]]}}<br />{{{SkillDescription24}}} | ||
|} | |} | ||
|- | |- | ||
! | ! | '''Advanced Classes''' | ||
'''Advanced Classes''' | |||
|- | |- | ||
| | | | ||
<div style="display:flex; gap:20px;"> | |||
<div style="display:flex | <div style="flex:1;"> | ||
{| class="infobox custom-table" | |||
{| class="infobox" | |- | ||
|- | ! colspan="2" | '''{{{AdvancedClass1}}}'''<br />[[File:{{{AdvancedClassImage1}}}|100px]] | ||
! colspan="2 | |- | ||
'''{{{ | | style="border-right:1px solid #555;" | Role | ||
[[File:{{{ | | {{{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''' | ||
|- | |- | ||
| {{{Advice|}}} | |||
|} | |} | ||
== 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=" | {| class="infobox custom-table" style="float:{{{float|right}}}; width:100%; max-width:260px; font-size:95%;" | ||
|- | |- | ||
! colspan="2 | ! colspan="2" | | ||
'''{{{ | '''{{{BoxName}}}''' | ||
{{#if:{{{A1|}}}| | |||
|- | |- | ||
| style=" | | style="border-right:1px solid #555; width:{{{Col1Width|35%}}};" | {{{A1}}} | ||
| | | {{{B1}}} | ||
}} | |||
{{#if:{{{A2|}}}| | |||
|- | |- | ||
| style=" | | 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=" | | style="border-right:1px solid #555; width:{{{Col1Width|35%}}};" | {{{A7}}} | ||
| {{{B7}}} | |||
}} | |||
|} | |} |