Formatting Guidelines/HeroArt

From Sentinel Comics Wiki
Jump to navigation Jump to search

Art Tabs for Character Pages Guidelines

Internal Tabs (Those tabs we are using for Deck/Statistics/ect and Front/Back/Alternate Art/ect are amazing for formating.

Unfortunately, passing variables from a template through to them does not work. This is part of a workaround for now until another solution is made.

Hero Front Side

Use the following code:

<tabs style="font:bold small-caps .9em sans-serif;background:rgba(187,222,251,0.1); color:#999; line-height:.9em;">
<tab name="CHARACTER NAME" >
<div class="Artwork">
<gallery mode="packed-hover" heights=350px widths=250px perrow=0 class="boldheroFont">
Image:IMAGE NAME|<center>'''CHARACTER NAME'''</center><br><br>'''HP:''' 00<br><br>'''POWER NAME:''' POWER.
Image:IMAGE NAME|<center>'''CHARACTER NAME'''</center><br><br>'''HP:''' 00<br><br>'''POWER NAME:''' POWER.
Image:IMAGE NAME|<center>'''CHARACTER NAME'''</center><br><br>'''HP:''' 00<br><br>'''POWER NAME:''' POWER.
</gallery>
</div>
</tabs>

Hero Incap Side

This must be placed after the Hero Front Side code. For Alternate arts use the same code but admit the <tabs> tag and everything in between it for any additional tabs. Make sure to end with </tabs> as well.

Use the following code:

<tab name="CHARACTER NAME INCAP" >
<div class="Artwork">
<gallery mode="packed-hover" heights=350px widths=250px perrow=0 class="boldheroFont">
Image:IMAGE NAME|<center>'''CHARACTER NAME'''</center><br><br> {{*}} INCAP 1 <br> {{*}} INCAP 2{{*}} INCAP 3
Image:IMAGE NAME|<center>'''CHARACTER NAME'''</center><br><br> {{*}} INCAP 1 <br> {{*}} INCAP 2{{*}} INCAP 3
Image:IMAGE NAME|<center>'''CHARACTER NAME'''</center><br><br> {{*}} INCAP 1 <br> {{*}} INCAP 2{{*}} INCAP 3
</gallery>
</div>
</tabs>


Villain Art

<div class="Artwork">
<gallery mode="packed-hover" heights=350px widths=250px perrow=0 class="heroFont">
File:IMAGE NAME|<center>'''Villain Name'''</center><br><br>'''HP:''' 32<br><br>'''Front Side Title'''<br><br>[[file:nemesisicon.png|35px]][[file:nemesisicon2.png|35px]]ect
File:IMAGE NAME|<center>'''Villain Name'''</center><br><br>'''HP:''' 32<br><br>'''Back Side Title'''<br><br>[[file:nemesisicon.png|35px]][[file:nemesisicon2.png|35px]]ect
</gallery>
</div>