|
|
| (6 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| <includeonly> | | <includeonly> |
| <div style="text-align:center; margin-top:10px;">
| | <div style="display:inline-flex; flex-direction:column; align-items:center; width:126px; margin:4px; height:250px; justify-content:flex-start;"> |
| {{#if: {{{image1|}}} |
| | <div style="margin-top:12px;"> |
| <div style="display:inline-flex; flex-direction:column; align-items:center; width:126px; margin: 2px; height: 200px; justify-content:flex-start ; word-wrap:break-word; overflow-wrap:break-word;"> | | [[File:{{{image}}}|126x144px|none|class=bp-no-border]] |
| [[File:{{{image1}}}|126x144px|none|class=bp-no-border]]
| | </div> |
| {{#if: {{{bar1|}}} | <div style="margin-top:{{{bar1MarginTop|8px}}}; margin-left:-2px; height:20px; margin-bottom:5px;">{{BP_Types|{{{bar1}}}|type={{{type1}}}}}</div> }}
| | <div style="margin-top:{{{margintop|8}}}px; margin-left:-2px; height:20px; margin-bottom:5px;"> |
| {{#if: {{{name1|}}} | <div style="text-align:center; max-width:120px; min-height:30px;">{{{name1}}}</div> }}
| | {{BP_Types|{{{bar}}}|type={{{color}}}}} |
| </div> }}
| | </div> |
| | | <div style="text-align:center; max-width:120px; min-height:40px;">{{{name}}}</div> |
| {{#if: {{{image2|}}} |
| |
| <div style="display:inline-flex; flex-direction:column; align-items:center; width:126px; margin:2px; height:200px; justify-content:flex-start; word-wrap:break-word; overflow-wrap:break-word;"> | |
| [[File:{{{image2}}}|126x144px|none|class=bp-no-border]]
| |
| {{#if: {{{bar2|}}} | <div style="margin-top: {{{bar2MarginTop|8px}}}; margin-left:-2px; height:20px; margin-bottom:5px;">{{BP_Types|{{{bar2}}}|type={{{type2}}}}}</div> }} | |
| {{#if: {{{name2|}}} | <div style="text-align:center; max-width:120px; min-height:30px;">{{{name2}}}</div> }}
| |
| </div> }}
| |
| | |
| {{#if: {{{image3|}}} |
| |
| <div style="display:inline-flex; flex-direction:column; align-items:center; width:126px; margin:2px; height:200px; justify-content:flex-start; word-wrap:break-word; overflow-wrap:break-word;">
| |
| [[File:{{{image3}}}|126x144px|none|class=bp-no-border]] | |
| {{#if: {{{bar3|}}} | <div style="margin-top:{{{bar3MarginTop|8px}}}; margin-left:-2px; height:20px; margin-bottom:5px;">{{BP_Types|{{{bar3}}}|type={{{type3}}}}}</div> }}
| |
| {{#if: {{{name3|}}} | <div style="text-align:center; max-width:120px; min-height:30px;">{{{name3}}}</div> }}
| |
| </div> }} | |
| | |
| {{#if: {{{image4|}}} |
| |
| <div style="display:inline-flex; flex-direction:column; align-items:center; width:126px; margin:2px; height:200px; justify-content:flex-start; word-wrap:break-word; overflow-wrap:break-word;"> | |
| [[File:{{{image4}}}|126x144px|none|class=bp-no-border]]
| |
| {{#if: {{{bar4|}}} | <div style="margin-top:{{{ bar4MarginTop| 8px}}}; margin-left:-2px; height:20px; margin-bottom:5px;"> {{BP_Types|{{{bar4}}}|type={{{type4}}}}}</div> }} | |
| {{#if: {{{name4|}}} | <div style="text-align:center; max-width:120px; min-height:30px;">{{{name4}}}</div> }} | |
| </div> }}
| |
| | |
| {{#if: {{{image5|}}} |
| |
| <div style="display:inline-flex; flex-direction:column; align-items:center; width:126px; margin:2px; height:200px; justify-content:flex-start; word-wrap:break-word; overflow-wrap:break-word;">
| |
| [[File:{{{image5}}}|126x144px|none|class=bp-no-border]]
| |
| {{#if: {{{bar5|}}} | <div style="margin-top:{{{bar5MarginTop|8px}}}; margin-left:-2px; height:20px; margin-bottom:5px;">{{BP_Types|{{{bar5}}}|type={{{type5}}}}}</div> }}
| |
| {{#if: {{{name5|}}} | <div style="text-align:center; max-width:120px; min-height:30px;">{{{name5}}}</div> }}
| |
| </div> }}
| |
| | |
| {{#if: {{{image6|}}} |
| |
| <div style="display:inline-flex; flex-direction:column; align-items:center; width:126px; margin:2px; height:200px; justify-content:flex-start; word-wrap:break-word; overflow-wrap:break-word;">
| |
| [[File:{{{image6}}}|126x144px|none|class=bp-no-border]]
| |
| {{#if: {{{bar6|}}} | <div style="margin-top:{{{bar6MarginTop|8px}}}; margin-left:-2px; height:20px; margin-bottom:5px;">{{BP_Types|{{{bar6}}}|type={{{type6}}}}}</div> }}
| |
| {{#if: {{{name6|}}} | <div style="text-align:center; max-width:120px; min-height:30px;">{{{name6}}}</div> }}
| |
| </div> }}
| |
| | |
| {{#if: {{{image7|}}} |
| |
| <div style="display:inline-flex; flex-direction:column; align-items:center; width:126px; margin:2px; height:200px; justify-content:flex-start; word-wrap:break-word; overflow-wrap:break-word;">
| |
| [[File:{{{image7}}}|126x144px|none|class=bp-no-border]]
| |
| {{#if: {{{bar7|}}} | <div style="margin-top:{{{bar7MarginTop|8px}}}; margin-left:-2px; height:20px; margin-bottom:5px;">{{BP_Types|{{{bar7}}}|type={{{type7}}}}}</div> }}
| |
| {{#if: {{{name7|}}} | <div style="text-align:center; max-width:120px; min-height:30px;">{{{name7}}}</div> }}
| |
| </div> }} | |
| | |
| {{#if: {{{image8|}}} |
| |
| <div style="display:inline-flex; flex-direction:column; align-items:center; width:126px; margin:2px; height:200px; justify-content:flex-start; word-wrap:break-word; overflow-wrap:break-word;"> | |
| [[File:{{{image8}}}|126x144px|none|class=bp-no-border]]
| |
| {{#if: {{{bar8|}}} | <div style="margin-top:{{{bar8MarginTop|8px}}}; margin-left:-2px; height:20px; margin-bottom:5px;">{{BP_Types|{{{bar8}}}|type={{{type8}}}}}</div> }}
| |
| {{#if: {{{name8|}}} | <div style="text-align:center; max-width:120px; min-height: 30px;">{{{ name8}}} </div> }} | |
| </div> }}
| |
| </div> | | </div> |
| </includeonly> | | </includeonly> |
| <noinclude> | | <noinclude> |
| ===Example usage===
| |
| <tabber> | | <tabber> |
| |-|PAGE 1= | | Tab 1= |
| {{Items Display | | <div style="display:flex; flex-wrap:wrap; justify-content:center;"> |
| | image1 = SS5_LV1.png | | {{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA|margintop=20px}} |
| | bar1 = 1 | | {{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA}} |
| | type1 = yellow | | {{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA}} |
| | name1 = FLOWER FURYFSFSFSFS | | {{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA}} |
| | | {{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA}} |
| | image2 = BP_MULTIBUCKS.png | | {{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA}} |
| | bar2 = 2 | | {{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA}} |
| | type2 = yellow | | {{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA}} |
| | name2 = {{MultibuckIcon}} 75 | | </div> |
| | | </tabber> |
| | image3 = SS5_LV3.png | | <tabber> |
| | bar3 = 3 | | Tab 1= |
| | type3 = yellow | | <div style="display:flex; flex-wrap:wrap; justify-content:center;"> |
| | name3 = THIS | | {{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA}} |
| | | {{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA}} |
| | image4 = BP_MULTIBUCKS.png | | {{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA}} |
| | bar4 = 4 | | {{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA}} |
| | type4 = | | {{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA}} |
| | name4 = {{MultibuckIcon}} 75 | | {{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA}} |
| | | {{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA}} |
| | image5 = SS5_LV5.png | | </div> |
| | bar5 = 5 | | </tabber> |
| | type5 = yellow | | <tabber> |
| | name5 = FLOWER FURY
| | Tab 1= |
| | | <div style="display:flex; flex-wrap:wrap; justify-content:center;"> |
| | image6 = SS5_LV5.png | | {{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA}} |
| | bar6 = 5 | | {{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA}} |
| | type6 = yellow | | {{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA}} |
| | name6 = FLOWER FURY | | {{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA}} |
| | | {{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA}} |
| | image7 = SS5_LV5.png | | {{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA}} |
| | bar7 = 5 | | </div> |
| | type7 = yellow | |
| | name7 = FLOWER FURY | |
| }} | |
| |-|PAGE 2= | |
| {{Items Display | |
| | image1 = SS5_LV1.png | |
| | bar1 = 1 | |
| | type1 = yellow | |
| | name1 = FLOWER FURYFSFSFSFS | |
| | |
| | image2 = BP_MULTIBUCKS.png | |
| | bar2 = 2 | |
| | type2 = yellow | |
| | name2 = {{MultibuckIcon}} 75 | |
| | |
| | image3 = SS5_LV3.png | |
| | bar3 = 3 | |
| | type3 = yellow | |
| | name3 = THIS
| |
| | |
| | image4 = BP_MULTIBUCKS.png | |
| | bar4 = 4 | |
| | type4 = | |
| | name4 = {{MultibuckIcon}} 75 | |
| | |
| | image5 = SS5_LV5.png | |
| | bar5 = 5 | |
| | type5 = yellow | |
| | name5 = FLOWER FURYDADADAd | |
| | |
| | image6 = SS5_LV5.png | |
| | bar6 = 5 | |
| | type6 = yellow | |
| | name6 = FLOWER FURYADAD | |
| | |
| | image7 = SS5_LV5.png | |
| | bar7 = 5 | |
| | type7 = yellow | |
| | name7 = FLOWER FURYDADADAD | |
| | |
| | image8 = SS5_LV8.png | |
| | bar8 = 5 | |
| | type8 = yellow | |
| | name8 = FLOWER FURY | |
| | bar8MarginTop = 13px <!-- if bar arent align to each other (if this image is bigger than than the rest the BAR will be a little bit higher so you need to change this manually --> | |
| }} | |
| </tabber> | | </tabber> |
| </noinclude> | | </noinclude> |
