Toggle search
Toggle menu
1
6.3K
3
6.6K
Test wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Items Display: Difference between revisions

Template page
More actions
← Older editNewer edit →
VisualWikitext
Wetbattery (talk | contribs)
1,283 edits
No edit summary
Wetbattery (talk | contribs)
1,283 edits
No edit summary
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:220px; justify-content:flex-start;">
    {{#if: {{{image1|}}} |
     [[File:{{{image}}}|126x144px|none|class=bp-no-border]]
    <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;">
     <div style="margin-top: 8px; margin-left:-2px; height:20px; margin-bottom:5px;">{{BP_Types|{{{bar}}}|type={{{color}}}}}</div>
        [[File:{{{image1}}}|126x144px|none|class=bp-no-border]]
     <div style="text-align:center; max-width:120px; min-height:40px;">{{{name}}}</div>
        {{#if: {{{bar1|}}} | <div style="margin-top:{{{bar1MarginTop|8px}}}; margin-left:-2px; height:20px; margin-bottom:5px;">{{BP_Types|{{{bar1}}}|type={{{type1}}}}}</div> }}
        {{#if: {{{name1|}}} | <div style="text-align:center; max-width:120px; min-height:30px;">{{{name1}}}</div> }}
    </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=
DAODKAOWKDOAKDOWAKDOKAD
<div style="display:flex; flex-wrap:wrap; justify-content:center;">
{{Items Display
{{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA}}
| image1 = SS5_LV1.png
{{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA}}
| 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
</div>
| 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 FURY
 
| image6 = SS5_LV5.png
| bar6 = 5
| type6 = yellow
| name6 = FLOWER FURY
 
| image7 = SS5_LV5.png
| bar7 = 5
| 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>
===Example usage===
<tabber>
<tabber>
|-|PAGE 1=
Tab 1=
DAODKAOWKDOAKDOWAKDOKAD
<div style="display:flex; flex-wrap:wrap; justify-content:center;">
{{Items Display
{{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA}}
| image1 = SS5_LV1.png
{{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA}}
| 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
</div>
| 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 FURY
 
| image6 = SS5_LV5.png
| bar6 = 5
| type6 = yellow
| name6 = FLOWER FURY
 
| image7 = SS5_LV5.png
| bar7 = 5
| 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>
===Example usage===
<tabber>
<tabber>
|-|PAGE 1=
Tab 1=
DAODKAOWKDOAKDOWAKDOKAD
<div style="display:flex; flex-wrap:wrap; justify-content:center;">
{{Items Display
{{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA}}
| image1 = SS5_LV1.png
{{Items_Display|image=Sponsor_VAIIYA_LV1.png|bar=free|color=yellow|name=VAIIYA VAIIYA}}
| 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
</div>
| 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 FURY
 
| image6 = SS5_LV5.png
| bar6 = 5
| type6 = yellow
| name6 = FLOWER FURY
 
| image7 = SS5_LV5.png
| bar7 = 5
| 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>

Revision as of 06:23, 26 February 2025


free
VAIIYA VAIIYA


free
VAIIYA VAIIYA


free
VAIIYA VAIIYA


free
VAIIYA VAIIYA


free
VAIIYA VAIIYA


free
VAIIYA VAIIYA


free
VAIIYA VAIIYA


free
VAIIYA VAIIYA


free
VAIIYA VAIIYA


free
VAIIYA VAIIYA


free
VAIIYA VAIIYA


free
VAIIYA VAIIYA


free
VAIIYA VAIIYA


free
VAIIYA VAIIYA


free
VAIIYA VAIIYA


free
VAIIYA VAIIYA


free
VAIIYA VAIIYA


free
VAIIYA VAIIYA


free
VAIIYA VAIIYA


free
VAIIYA VAIIYA


free
VAIIYA VAIIYA


Retrieved from "http://157.180.71.79/w/index.php?title=Template:Items_Display&oldid=19679"