User:Samlovesmath/Sandbox: Difference between revisionsGive feedback
Jump to navigation
Jump to search
Samlovesmath (talk | contribs) mNo edit summary |
Samlovesmath (talk | contribs) mNo edit summary |
||
| Line 3: | Line 3: | ||
(Note: Only properly viewable with [[User:Samlovesmath/common.css]], and with site's default Common.css disabled.) | (Note: Only properly viewable with [[User:Samlovesmath/common.css]], and with site's default Common.css disabled.) | ||
=== | ===Hero Infobox v2=== | ||
'''Uses new variables:''' | '''Uses new variables:''' | ||
* color1 | * color1 <span style="font-size:small; opacity:50%">*quote color</span> | ||
* color1_grad | * color1_grad <span style="font-size:small; opacity:50%">*lower background gradient color</span> | ||
* color2 | * color2 <span style="font-size:small; opacity:50%">*same hue as roster select, brightened for clarity</span> | ||
* background image | * background image <span style="font-size:small; opacity:50%">*ex. [[:File:Geist_select_background.png|Geist_select_background.png]] for [[Lady Geist]]</span> | ||
| Line 14: | Line 14: | ||
* APPLY NEW SANDBOX MODULE | * APPLY NEW SANDBOX MODULE | ||
* Fix Stat key word links--certain parts that stand for the same thing point to different places | * Fix Stat key word links--certain parts that stand for the same thing point to different places | ||
* Add class name to bullet/spirit superscript template on certain stats (ex. +48 [heart-gun image]) to make CSS for padding displacement to avoid clipping over where it is placed | * Add class name to bullet/spirit superscript template on certain stats (ex. +48 [heart-gun image]) to make CSS for padding displacement to avoid clipping over where it is placed | ||
* Fix/finish quote replacement | * Fix/finish quote replacement | ||
| Line 29: | Line 27: | ||
-->{{#vardefine:key|hero_ghost}}<!-- hero keyname | -->{{#vardefine:key|hero_ghost}}<!-- hero keyname | ||
-->{{#vardefine:color1|\#098959}} <!-- | -->{{#vardefine:color1| \#098959 }} <!-- | ||
-->{{#vardefine:color1_grad|\#0F6D4C}} <!-- | -->{{#vardefine:color1_grad| \#0F6D4C }} <!-- | ||
-->{{#vardefine:color2|\#6DD48C}} <!-- | -->{{#vardefine:color2| \#6DD48C }} <!-- | ||
-->{{#vardefine:voice_actor| | -->{{#vardefine:text_title| \#DCFFE7 }} <!-- | ||
-->{{#vardefine:release_date| | -->{{#vardefine:stats_text| \#bbffbf }} <!-- | ||
-->{{#vardefine:codenames| | -->{{#vardefine:stats_back| \#12301aA3 }} <!-- | ||
-->{{#vardefine:background_height| x700px }} <!-- | |||
-->{{#vardefine:background_margin| -118px }} <!-- | |||
-->{{#vardefine:logo_height| x32px }} <!-- | |||
-->{{#vardefine:logo_bleed| 0px }} <!-- | |||
-->{{#vardefine:logo_bottom| 0px }} <!-- | |||
-->{{#vardefine:voice_actor| {{#invoke:Samlovesmath/Sandbox|get_value|{{#var:key}}|voice_actor}} }} <!-- | |||
-->{{#vardefine:release_date| {{#invoke:Samlovesmath/Sandbox|get_value|{{#var:key}}|release_date}} }} <!-- | |||
-->{{#vardefine:codenames| {{#invoke:Samlovesmath/Sandbox|get_value|{{#var:key}}|codenames}} }} <!-- | |||
-->{{#vardefine:hero_key_or_en|{{#var:key}}}} <!-- en | -->{{#vardefine:hero_key_or_en|{{#var:key}}}} <!-- en | ||
-->{{#vardefine:hero_en|{{#invoke:Lang|get_string|{{#var:key}}|lang_code_override=en}}}}<!-- en | -->{{#vardefine:hero_en|{{#invoke:Lang|get_string|{{#var:key}}|lang_code_override=en}}}}<!-- en | ||
| Line 44: | Line 51: | ||
-->{{#vardefine:quotemark|"}} <!-- for inserting into html | -->{{#vardefine:quotemark|"}} <!-- for inserting into html | ||
--{{#vardefine:max_range|31}} <!-- manual template value (weapon stats) | --{{#vardefine:max_range|31}} <!-- debug; manual template value (weapon stats) | ||
--> | --> | ||
| Line 50: | Line 57: | ||
<div class="infobox" style= | <div class="infobox" style= | ||
{{#var:quotemark}} | {{#var:quotemark}} | ||
--infobox_th_text_title: {{#var:text_title}} !important | --infobox_th_text_title: {{#var:text_title}} !important; | ||
--infobox_th_stats_text: {{#var:stats_text}} !important | --infobox_th_stats_text: {{#var:stats_text}} !important; | ||
--infobox_th_stats_back: {{#var:stats_back}} !important | --infobox_th_stats_back: {{#var:stats_back}} !important; | ||
--infobox_th_backMargin: {{#var:background_margin}} !important; | |||
--infobox_th_logoBleed: {{#var:logo_bleed}} !important; | |||
--infobox_th_logoBottom: {{#var:logo_bottom}} !important; | |||
{{#var:quotemark}}> | {{#var:quotemark}}> | ||
<!---- Box Background ----> | <!---- Box Background ----> | ||
<div class="infobox-background">[[File: | <div class="infobox-background">[[File:{{#invoke:Samlovesmath/Sandbox|get_value|{{#var:key}}|background_image}}|{{#var:background_height}}|right]]</div> | ||
{| class="infobox-content" style="background-image: linear-gradient(180deg, {{#var:color1}}b3 300px, {{#var:color1_grad}} 700px); background-color: transparent;" | {| class="infobox-content" style="background-image: linear-gradient(180deg, {{#var:color1}}b3 300px, {{#var:color1_grad}} 700px); background-color: transparent;" | ||
| Line 62: | Line 72: | ||
<!---- Title + Name Image + Hero Thumbnail ----> | <!---- Title + Name Image + Hero Thumbnail ----> | ||
<div class="infobox-title-hero" style="display: flex; justify-content: space-between"> | <div class="infobox-title-hero" style="display: flex; justify-content: space-between;"> | ||
<div class="infobox-title-hero-left"></div> | <div class="infobox-title-hero-left"></div> | ||
<div class="infobox-title-hero-middle">{{If lang|{{#ifeq: {{{no_name|}}}|true|{{{name|{{#invoke:Lang|get_string|{{#var:key}}}}}}}|{{Template:Icon/White|[[File:{{{name|{{#invoke:Lang|get_string|{{#var:key}}}}}}}_name.png| | <div class="infobox-title-hero-middle">{{If lang|{{#ifeq: {{{no_name|}}}|true|{{{name|{{#invoke:Lang|get_string|{{#var:key}}}}}}}|{{Template:Icon/White|[[File:{{{name|{{#invoke:Lang|get_string|{{#var:key}}}}}}}_name.png|{{#var:logo_height}}|class=notpageimage]]}}}}|{{{name|{{#invoke:Lang|get_string|{{#var:key}}}}}}}}}</div> | ||
<div class="infobox-title-hero-right"><div> | <div class="infobox-title-hero-right"><div> | ||
<div class="infobox-title-hero-tornbox" style={{#var:quotemark}}background-color:{{#var:color2}};{{#var:quotemark}}></div> | <div class="infobox-title-hero-tornbox" style={{#var:quotemark}}background-color:{{#var:color2}};{{#var:quotemark}}></div> | ||