Difference between revisions of "Template:Placeable"

From sureai
Jump to: navigation, search
(Support placeables with variants by making FormID optional)
(Increase horizontal image clearance)
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
−
{| style = "width: 100%; border-collapse: collapse; border-radius: 5px; overflow: hidden; " |
+
<div style = "display: flex; flex-flow: row nowrap; align-items: stretch; justify-content: center; width: 100%; height: 250px; clear: both; margin: 1.5em 0; ">
−
!
+
<div style = "order: 0; border: 1px solid RGB(73, 73, 59); border-radius: 5px 0 0 5px; border-right-width: 0; padding: 10px 20px; display: flex; align-items: center; justify-content: center; " >[[File:{{{image|SureaiLogo2016.png}}}|200x200px|{{{name|{{PAGENAME}}}}}]]</div>
−
! style = "background-color: RGB(73, 73, 59); width: 100px; " |
+
<div style = "order: 1; border: 1px solid RGB(73, 73, 59); border-width: 1px 0; display: flex; flex-flow: column nowrap; align-items: stretch; " >
−
! style = "font-weight: bold; font-size: 1.5em; color: white; padding: .25em 1em; background-color: RGB(73, 73, 59); width: 100px; " | FormID
+
    <div style = "order: 0; flex: 0 0 50px; background-color: RGB(73, 73, 59); font-weight: bold; font-size: 1.5em; color: white; " ></div>
−
! style = "font-weight: bold; font-size: 1.5em; color: white; padding: .25em 1em; background-color: RGB(73, 73, 59); width: 50px; " | [[File:EN-Cost.png|40x40px|link=Enderal:Endralean Penny Coin|Cost]]  
+
    <div style = "order: 1; flex: 1; display: flex; align-items: center; justify-content: center; padding: 1em; background-color: RGB(73, 73, 59); font-weight: bold; font-size: 1.5em; color: white; " >Blueprint</div>
−
! style = "font-weight: bold; font-size: 1.5em; color: white; padding: .25em 1em; background-color: RGB(73, 73, 59); width: 50px; " | [[File:EN-Weight.png|40x40px|link=Enderal:Carry Weight|Weight]]
+
    <div style = "order: 2; flex: 1; display: flex; align-items: center; justify-content: center; padding: 1em; background-color: RGB(73, 73, 59); font-weight: bold; font-size: 1.5em; color: white; " >Placeable</div>
−
! style = "font-weight: bold; font-size: 1.5em; color: white; padding: .25em 1em; background-color: RGB(73, 73, 59); text-align: left; " | Materials Required
+
−
|-
+
−
| style = "text-align: center; padding: 5px 0; " rowspan = "2" | [[File:{{{image|SureaiLogo2016.png}}}|300x200px|{{{name|{{PAGENAME}}}}}]]
+
−
| style = "text-align: center; padding: 0 1em; background-color: RGB(73, 73, 59); font-size: 1.5em; font-weight: bold; color: white; " | Blueprint
+
−
| style = "text-align: center; padding: 0 1em; border-bottom: 1px solid gray; {{#if: {{{blueprint-formid|}}} {{{!}}} font-family: monospace;  {{{!}}} }}" | {{{blueprint-formid|[[#Variants|Various]]}}}
+
−
| style = "text-align: center; padding: 0 1em; border-bottom: 1px solid gray; " | {{{blueprint-cost|''(Unknown)''}}}
+
−
| style = "text-align: center; padding: 0 1em; border-bottom: 1px solid gray; " | {{{blueprint-weight|''(Unknown)''}}}
+
−
| rowspan = "2" style = "text-align: left; padding: 1em; border: 1px solid RGB(73, 73,59); border-top-width: 0; border-left-color: gray; " | <div style = "max-height: 160px; column-count: 3; column-fill: auto; ">
+
−
{{{blueprint-materials|''(Unknown)''}}}
+
 
</div>
 
</div>
−
|-
+
<div style = "order: 2; border: 1px solid RGB(73, 73, 59); border-width: 1px 0; display: flex; flex-flow: column nowrap; align-items: stretch; background-color: RGB(73, 73, 59); " >
−
| style = "text-align: center; padding: 0 1em; background-color: RGB(73, 73, 59); font-size: 1.5em; font-weight: bold; color: white; " | Placeable
+
    <div style = "order: 0; flex: 0 0 50px; display: flex; align-items: center; justify-content: center; padding: 0 1em; background-color: RGB(73, 73, 59); font-weight: bold; font-size: 1.5em; color: white; " >FormID</div>
−
| style = "text-align: center; padding: 0 1em; border-bottom: 1px solid RGB(73, 73,59); {{#if: {{{item-formid|}}} {{{!}}} font-family: monospace; {{{!}}} }}" | {{{item-formid|[[#Variants|Various]]}}}
+
    <div style = "order: 1; flex: 1; display: flex; align-items: center; justify-content: center; padding: 1em; background-color: RGB(177, 171, 143); border-bottom: 1px solid gray; border-top-left-radius: 5px; {{#if: {{{blueprint-formid|}}}|font-family: monospace; |}}">{{{blueprint-formid|[[#Variants|Various]]}}}</div>
−
| style = "text-align: center; padding: 0 1em; border-bottom: 1px solid RGB(73, 73,59); " | {{{item-cost|''(Unknown)''}}}
+
    <div style = "order: 2; flex: 1; display: flex; align-items: center; justify-content: center; padding: 1em; background-color: RGB(177, 171, 143); {{#if: {{{item-formid|}}}|font-family: monospace; |}}">{{{item-formid|[[#Variants|Various]]}}}</div>
−
| style = "text-align: center; padding: 0 1em; border-bottom: 1px solid RGB(73, 73,59); " | {{{item-weight|''(Unknown)''}}}
+
</div>
−
|}<noinclude>
+
<div style = "order: 3; border: 1px solid RGB(73, 73, 59); border-width: 1px 0; display: flex; flex-flow: column nowrap; align-items: stretch; " >
 +
    <div style = "order: 0; flex: 0 0 50px; display: flex; align-items: center; justify-content: center; padding: 0 1em; background-color: RGB(73, 73, 59); font-weight: bold; font-size: 1.5em; color: white; " >[[File:EN-Cost.png|40x40px|link=Enderal:Endralean Penny Coin]]</div>
 +
    <div style = "order: 1; flex: 1; display: flex; align-items: center; justify-content: center; padding: 1em; border-bottom: 1px solid gray; ">{{{blueprint-cost|''Unknown''}}}</div>
 +
    <div style = "order: 2; flex: 1; display: flex; align-items: center; justify-content: center; padding: 1em; ">{{{item-cost|''Unknown''}}}</div>
 +
</div>
 +
<div style = "order: 4; border: 1px solid RGB(73, 73, 59); border-width: 1px 0; display: flex; flex-flow: column nowrap; align-items: stretch; " >
 +
    <div style = "order: 0; flex: 0 0 50px; display: flex; align-items: center; justify-content: center; padding: 0 1em; background-color: RGB(73, 73, 59); font-weight: bold; font-size: 1.5em; color: white; " >[[File:EN-Weight.png|40x40px|link=Enderal:Carry Weight]]</div>
 +
    <div style = "order: 1; flex: 1; display: flex; align-items: center; justify-content: center; padding: 1em; border: 1px solid gray; border-width: 0 1px 1px 0; ">{{{blueprint-weight|''Unknown''}}}</div>
 +
    <div style = "order: 2; flex: 1; display: flex; align-items: center; justify-content: center; padding: 1em; border-right: 1px solid gray; ">{{{item-weight|''Unknown''}}}</div>
 +
</div>
 +
<div style = "order: 5; border: 1px solid RGB(73, 73, 59); border-left-width: 0; border-radius: 0 5px 5px 0; display: flex; flex-flow: column nowrap; align-items: stretch; flex: 1; " >
 +
    <div style = "order: 0; flex: 0 0 50px; display: flex; align-items: center; justify-content: flex-start; padding: 0 1em; background-color: RGB(73, 73, 59); font-weight: bold; font-size: 1.5em; color: white; " >Materials Required</div>
 +
    <div style = "order: 1; flex: 1; padding: 1em; max-height: 170px; column-width: 12em; column-fill: auto; ">
 +
{{{blueprint-materials|''Unknown''}}}
 +
    </div>
 +
</div>
 +
</div><noinclude>
 
== Usage ==
 
== Usage ==
  

Latest revision as of 20:39, 27 June 2017

Placeable
Blueprint
Placeable
FormID
EN-Cost.png
Unknown
Unknown
EN-Weight.png
Unknown
Unknown
Materials Required

Unknown

Usage

Parameters

All parameters are optional

  • Text Parameters: name, image, blueprint-formid, blueprint-cost, blueprint-weight, blueprint-materials, item-formid, item-cost, item-weight

Examples

{{Placeable
|name = Bag
|image = EN-Placeable-Stone Altar.png
|blueprint-formid = 00ABC123
|blueprint-cost = 100
|blueprint-weight = 0.25
|blueprint-materials = 
* 1x Iron Ingot
* 10x Leather
* 20x Willpower
* 30x Something else
* 40x Spare parts
* 50x Firewood
* 55x Petty Soul Gem
* 99x Your own Soul
* 99x Malachite Ingot
* 99x Quicksilver Ingot
* 99x Stuff
* 99x things
|item-formid = 00D34DFF
|item-cost = 25
|item-weight = 10.5
}}
Bag
Blueprint
Placeable
FormID
00ABC123
00D34DFF
EN-Cost.png
100
25
EN-Weight.png
0.25
10.5
Materials Required
  • 1x Iron Ingot
  • 10x Leather
  • 20x Willpower
  • 30x Something else
  • 40x Spare parts
  • 50x Firewood
  • 55x Petty Soul Gem
  • 99x Your own Soul
  • 99x Malachite Ingot
  • 99x Quicksilver Ingot
  • 99x Stuff
  • 99x things
Retrieved from "https://en.wiki.sureai.net/index.php?title=Template:Placeable&oldid=9411"