Template:Badge display: Difference between revisions
Jump to navigation
Jump to search
m (spacing on icon instead of title) |
m (layout tweaks) |
||
| Line 1: | Line 1: | ||
<div role="figure" style="display: table; max-width: 70ch; border-spacing: 1em; background-color: #f8f9fa;"> | <div role="figure" style="display: table; max-width: 70ch; padding: 1em 0; border-spacing: 1em 0; background-color: #f8f9fa;"> | ||
{{#ifexpr:{{#len:{{{icon 2|}}}}} and {{#len:{{{description 2|}}}}} | {{#ifexpr:{{#len:{{{icon 2|}}}}} and {{#len:{{{description 2|}}}}} | ||
| | | | ||
| Line 6: | Line 6: | ||
--> | --> | ||
<div style="display: table-row;"> | <div style="display: table-row;"> | ||
<div style="display: table-cell; text-align: center;"> | <div style="display: table-cell; vertical-align: top; text-align: center;"><!-- | ||
--><span style="display: inline-block; position: relative; width: 48px; {{#if:{{{title alternate|}}}|top: 0.8em;}}"><!-- | |||
-->[[File:{{{icon}}} | -->[[File:{{{icon}}}|alt={{#if:{{#pos:{{{condition}}}|hero}}|hero or vigilante|villain or rogue}} icon]]<includeonly>{{#set:Image={{{icon}}}}}</includeonly><!-- | ||
--></span> | --></span> | ||
</div> | </div> | ||
<div style="display: table-cell;"> | <div style="display: table-cell; vertical-align: top;"> | ||
<div>'''{{{title}}}''' ({{{condition}}})</div> | <div style="margin-top: 1em;">'''{{{title}}}''' ({{{condition}}})</div> | ||
{{#if:{{{title alternate|}}}| | {{#if:{{{title alternate|}}}| | ||
<div>'''{{{title alternate}}}''' ({{{condition alternate}}})</div> | <div>'''{{{title alternate}}}''' ({{{condition alternate}}})</div> | ||
}} | }}<!-- | ||
--><blockquote style="margin: 0;"> | |||
{{{description}}}<includeonly>{{#set:Description={{{description}}}}}</includeonly> | {{{description}}}<includeonly>{{#set:Description={{{description}}}}}</includeonly> | ||
</blockquote> | </blockquote> | ||
| Line 23: | Line 23: | ||
</div> | </div> | ||
<div style="display: table-row;"> | <div style="display: table-row;"> | ||
<div style="display: table-cell; text-align: center;"> | <div style="display: table-cell; vertical-align: top; text-align: center;"><!-- | ||
--><span style="display: inline-block; position: relative; width: 48px; {{#if:{{{title 2 alternate|}}}|top: 0.8em;}}"><!-- | |||
-->[[File:{{{icon 2}}} | -->[[File:{{{icon 2}}}|alt={{#if:{{#pos:{{{condition 2}}}|hero}}|hero or vigilante|villain or rogue}} icon]]<includeonly>{{#set:Image={{{icon 2}}}}}</includeonly><!-- | ||
--></span> | --></span> | ||
</div> | </div> | ||
<div style="display: table-cell;"> | <div style="display: table-cell; vertical-align: top;"> | ||
{{#if:{{{title 2|}}}| | {{#if:{{{title 2|}}}| | ||
<div>'''{{{title 2}}}''' ({{{condition 2}}})</div> | <div style="margin-top: 1em;">'''{{{title 2}}}''' ({{{condition 2}}})</div> | ||
}} | }} | ||
{{#if:{{{title 2 alternate|}}}| | {{#if:{{{title 2 alternate|}}}| | ||
<div>'''{{{title 2 alternate}}}''' ({{{condition 2 alternate}}})</div> | <div>'''{{{title 2 alternate}}}''' ({{{condition 2 alternate}}})</div> | ||
}} | }}<!-- | ||
--><blockquote style="margin: 0;"> | |||
{{{description 2}}} | {{{description 2}}} | ||
</blockquote> | </blockquote> | ||
| Line 46: | Line 46: | ||
--> | --> | ||
<div style="display: table-row;"> | <div style="display: table-row;"> | ||
<div style="display: table-cell; text-align: center;"><!-- | <div style="display: table-cell; vertical-align: top; text-align: center;"><!-- | ||
-->{{#if:{{{icon 2|}}} | -->{{#if:{{{icon 2|}}} | ||
| | | | ||
<!-- two icons --> | <!-- two icons --> | ||
<span style="display: inline-block; position: relative; | <span style="display: inline-block; position: relative; width: 48px; {{#if:{{{title alternate|}}}|top: 0.8em;}}"><!-- | ||
-->[[File:{{{icon}}} | -->[[File:{{{icon}}}|alt={{#if:{{#pos:{{{condition}}}|hero}}|hero or vigilante|villain or rogue}} icon]]<includeonly>{{#set:Image={{{icon}}}}}</includeonly> | ||
</span> | </span> | ||
<span style="display: inline-block; position: relative; | <span style="display: inline-block; position: relative; width: 48px; {{#if:{{{title 2 alternate|}}}|top: 0.8em;}}"><!-- | ||
-->[[File:{{{icon 2}}} | -->[[File:{{{icon 2}}}|alt={{#if:{{#pos:{{{condition 2}}}|hero}}|hero or vigilante|villain or rogue}} icon]]<includeonly>{{#set:Image={{{icon 2}}}}}</includeonly> | ||
</span> | </span> | ||
| | | | ||
<!-- only one icon --> | <!-- only one icon --> | ||
<span style="display: inline-block; position: relative; | <span style="display: inline-block; position: relative; width: 48px; {{#if:{{{title alternate|}}}|top: 0.8em;}}"><!-- | ||
-->[[File:{{{icon}}}|alt=icon]]<includeonly>{{#set:Image={{{icon}}}}}</includeonly><!-- | -->[[File:{{{icon}}}|alt=icon]]<includeonly>{{#set:Image={{{icon}}}}}</includeonly><!-- | ||
--></span> | --></span> | ||
}} | }} | ||
</div> | </div> | ||
<div style="display: table-cell;"> | <div style="display: table-cell; vertical-align: top;"> | ||
<div>'''{{{title}}}''' {{#if:{{{condition|}}}|({{{condition}}})}}</div> | <div style="margin-top: 1em;">'''{{{title}}}''' {{#if:{{{condition|}}}|({{{condition}}})}}</div> | ||
{{#if:{{{title alternate|}}}| | {{#if:{{{title alternate|}}}| | ||
| Line 75: | Line 75: | ||
-->{{#if:{{{title 2|}}}| | -->{{#if:{{{title 2|}}}| | ||
<div>'''{{{title 2}}}''' ({{{condition 2}}})</div> | <div style="margin-top: 1em;">'''{{{title 2}}}''' ({{{condition 2}}})</div> | ||
}}<!-- | }}<!-- | ||
Revision as of 00:51, 14 May 2022
[[File:{{{icon}}}|alt=icon]]
{{{title}}}
{{{description}}}
[edit] [] Documentation
Usage
{{badge display
| icon =
| icon width = (default 48)
| title =
| condition =
| title alternate =
| condition alternate =
| description =
| icon 2 =
| title 2 =
| condition 2 =
| title 2 alternate =
| condition 2 alternate =
| description 2 =
}}
Examples
Single icon, title, and description
{{badge display
| icon = badge_tourist_01.png
| title = Top Dog
| description = The top of Atlas' statue is the first place many flying heroes will go.
}}
Top Dog
The top of Atlas' statue is the first place many flying heroes will go.
Two titles
{{badge display
| icon = badge_tourist_01.png
| title = Mystic King
| condition = male or huge
| title alternate = Mystic Queen
| condition alternate = female
| description = Ley Lines are powerful forces of mystical energy that crisscross the planet. Where they meet is called a nexus, and all magic is stronger for miles around.
}}
Mystic King (male or huge)
Mystic Queen (female)
Ley Lines are powerful forces of mystical energy that crisscross the planet. Where they meet is called a nexus, and all magic is stronger for miles around.
Two icons
{{badge display
| icon = badge_tourist_01.png
| condition = hero or villain
| icon 2 = v_badge_TourismBadge.png
| condition 2 = villain or rogue
| title = Thrill Seeker
| description = You're always looking for new forms of entertainment, and it's said that the Mission Architect technology is entertainment in its purest form.
}}
Thrill Seeker (hero or villain)
You're always looking for new forms of entertainment, and it's said that the Mission Architect technology is entertainment in its purest form.
Two descriptions
{{badge display
| icon = badge_DayJob_Griefer.png
| icon width = 64
| title = Predator
| condition = hero or vigilante
| description = You spend your free time battling villains in PvP Zones earning you the Predator Day Job. Logging out in a PvP zone will earn you a bonus to your Recharge rate, when you log back in, for a short time.
| condition 2 = villain or rogue
| description 2 = You spend your free time battling heroes in PvP zones earning you the Predator Day Job. Logging out in a PvP zone will earn you a bonus to your Recharge rate, when you log back in, for a short time.
}}
Predator (hero or vigilante)
You spend your free time battling villains in PvP Zones earning you the Predator Day Job. Logging out in a PvP zone will earn you a bonus to your Recharge rate, when you log back in, for a short time.
You spend your free time battling heroes in PvP zones earning you the Predator Day Job. Logging out in a PvP zone will earn you a bonus to your Recharge rate, when you log back in, for a short time.
Two titles and descriptions
{{badge display
| icon = badge_DayJob_ShopKeeper.png
| icon width = 64
| title = Shop Keeper
| condition = hero or vigilante
| description = You have spent your free time running a shop in Paragon City selling various wares earning you the Shop Keeper Day Job. Logging out in a store will earn you a random enhancement, upon each mission completion, for a short time.
| title 2 = Price Gouger
| condition 2 = villain or rogue
| description 2 = You know better than to work retail in the Rogue Isles. Logging out in a store will earn you a random enhancement, upon each mission completion, for a short time.
}}
Shop Keeper (hero or vigilante)
You have spent your free time running a shop in Paragon City selling various wares earning you the Shop Keeper Day Job. Logging out in a store will earn you a random enhancement, upon each mission completion, for a short time.
Price Gouger (villain or rogue)
You know better than to work retail in the Rogue Isles. Logging out in a store will earn you a random enhancement, upon each mission completion, for a short time.
Multiple icons, titles, and descriptions
{{badge display
| icon = badge_damage_recvd_01.png
| title = Adamant
| condition = hero or vigilante
| description = You have endured one million points of damage.
| icon 2 = v_badge_TakenDamageBadge.png
| title 2 = Ironman
| condition 2 = male or huge villain or rogue
| title 2 alternate = Ironwoman
| condition 2 alternate = female villain or rogue
| description 2 = Never let 'em see you bleed. That's a cool million points of damage.
}}
Adamant (hero or vigilante)
You have endured one million points of damage.
Ironman (male or huge villain or rogue)
Ironwoman (female villain or rogue)
Never let 'em see you bleed. That's a cool million points of damage.
See also
- Property:Has image
- Property:Has title
- Property:Has description
- {{BadgeBox}} - displays these properties in a shorter format on another page
- {{badge data}} - sets properties for data not displayed, e.g. index