User talk:Jyavoc/Traits/Line

personally, I'd format it like this:

<onlyinclude><!--
--><div style="position:relative;height:91px;max-height:91px;border:2px solid black;{{#ifeq:{{{follows|false}}}|true|border-top:0px;|}}width:616px;background-color:black;"><!--
--><div style="height:91px;max-height:91px;background-color:black;width:300px;overflow:hidden;position:absolute;bottom:0px;"><!--
-->[[Image:User Jyavoc Traits {{#var:user_jyavoc_traits_profession}} line{{{line}}} section1.png|link=]]<!--
--><div style="position:absolute;top:23px;left:164px;z-index:1;">[[Image:{{#ifexpr: {{#var:user_jyavoc_traits_line{{{line}}}_count|0}} < 5 | User Jyavoc Traits minor locked.png | Trait {{lc:{{#var:user_jyavoc_traits_profession_name}}}}.png}}|41px|link=]]</div><!--
--><div style="position:absolute;top:23px;left:164px;z-index:2;">[[Image:User Jyavoc Traits minor outline.png|link={{#ifexpr:{{#var:user_jyavoc_traits_line{{{line}}}_count|0}} >= 5 |{{{5pnt-link|}}}|}}]]</div><!--
--><div style="position:absolute;top:17px;left:234px;z-index:1;">[[Image:{{#ifexpr: {{#var:user_jyavoc_traits_line{{{line}}}_count|0}} < 10 | User Jyavoc Traits major locked.png | Trait {{{10pnt-choice}}}.png}}|51px|link=]]</div><!--
--><div style="position:absolute;top:17px;left:234px;z-index:2;">[[Image:User Jyavoc Traits major outline.png|51px|link={{{10pnt-link|}}}]]</div><!--
--></div><!--
--><div style="height:91px;max-height:91px;background-color:black;width:156px;overflow:hidden;position:absolute;bottom:0px;left:302px;"><!--
-->[[Image:User Jyavoc Traits {{#var:user_jyavoc_traits_profession}} line{{{line}}} section2.png|link=]]<!--
--><div style="position:absolute;top:23px;left:20px;z-index:1;"><!--
-->[[Image:{{#ifexpr: {{#var:user_jyavoc_traits_line{{{line}}}_count|0}} < 15 | User Jyavoc Traits minor locked.png | Trait {{lc:{{#var:user_jyavoc_traits_profession_name}}}}.png}}|41px|link=]]</div><!--
--><div style="position:absolute;top:23px;left:20px;z-index:2;">[[Image:User Jyavoc Traits minor outline.png|link={{#ifexpr:{{#var:user_jyavoc_traits_line{{{line}}}_count|0}} >= 15 |{{{15pnt-link|}}}|}}]]</div><!--
--><div style="position:absolute;top:17px;left:90px;z-index:1;">[[Image:{{#ifexpr: {{#var:user_jyavoc_traits_line{{{line}}}_count|0}} < 20 | User Jyavoc Traits major locked.png | Trait {{{20pnt-choice}}}.png}}|51px|link=]]</div><!--
--><div style="position:absolute;top:17px;left:90px;z-index:2;">[[Image:User Jyavoc Traits major outline.png|51px|link={{{20pnt-link|}}}]]</div><!--
--></div><!--
--><div style="height:91px;max-height:91px;background-color:black;width:156px;overflow:hidden;position:absolute;bottom:0px;left:460px;"><!--
-->[[Image:User Jyavoc Traits {{#var:user_jyavoc_traits_profession}} line{{{line}}} section3.png|link=]]<!--
--><div style="position:absolute;top:23px;left:20px;"><!--
-->[[Image:{{#ifexpr: {{#var:user_jyavoc_traits_line{{{line}}}_count|0}} < 25 | User Jyavoc Traits minor locked.png | Trait {{lc:{{#var:user_jyavoc_traits_profession_name}}}}.png}}|41px|link=]]</div><!--
--><div style="position:absolute;top:23px;left:20px;z-index:2;">[[Image:User Jyavoc Traits minor outline.png|link={{#ifexpr:{{#var:user_jyavoc_traits_line{{{line}}}_count|0}} >= 25 |{{{25pnt-link|}}}|}}]]</div><div style="position:absolute;top:17px;left:90px;z-index:1;">[[Image:{{#ifexpr: {{#var:user_jyavoc_traits_line{{{line}}}_count|0}} < 30 | User Jyavoc Traits major locked.png | Trait {{{30pnt-choice}}}.png}}|51px|link=]]</div><!--
--><div style="position:absolute;top:17px;left:90px;z-index:2;">[[Image:User Jyavoc Traits major outline.png|51px|link={{{30pnt-link|}}}]]</div><!--
--></div><!--
--><div style="position:absolute;bottom:33px;left:17px;color:white;font-weight:bold;font-size:26px;font-family: EasonPro,Times New Roman, serif !important;text-shadow: -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;">{{#var:user_jyavoc_traits_line{{{line}}}_count}}</div><div style="position:absolute;top:5px;left:5px;z-index:3;font-family: EasonPro,Times New Roman, serif !important;font-weight:bold;">[[{{{name}}}|<span style="color:white;text-shadow: -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;">{{{name}}}</span>]]</div></div></onlyinclude>

so that my head doesn't explode every time I look at the wall of text code. + also I'd use a shorter variable name :P --Chieftain Alex 21:56, 1 December 2012 (UTC)

Eh, I'd never really considered using HTML comments to allow for whitespace between the elements here, tbh. But once the final touches are done on this page, it shouldn't require much (if any) modifications after that, so I'm not too worried about how readable it is. Please note that I don't normally code like this, even slightly. I'm doing it here primarily because whitespace (esp. indentation and newline) is an issue in MediaWiki. Plus, even with the comments in there, it doesn't look like it's a heck of a lot easier to read. :/ I mean, long pages will be long (laughs). And as for long variable names, originally they were short, but then I decided to make sure that the use of this template would never conflict with other templates, as I'm hoping that someone will eventually make use of this as part of a character profile, and so having all of my own variables in prefix'd variable names makes sure that I can go wild with them and not worry about messing up anyone's code high than me. But yeah, coding it is a pain. —Jya voc 22:01, 1 December 2012 (UTC)