Template:Badge display: Difference between revisions

From Unofficial Homecoming Wiki
Jump to navigation Jump to search
m (spacing and background)
m (min-width to override auto-shrinking in site css)
Line 7: Line 7:
     -->
     -->
     <div style="display: table-row;">
     <div style="display: table-row;">
       <div style="display: table-cell;">
       <div style="display: table-cell; min-width: 48px;">
         [[File:{{{icon}}}|link=|alt=]]<br>[[Media:{{{icon}}}|{{{condition}}} icon]]{{#set:Image={{{icon}}}}}
         [[File:{{{icon}}}|link=|alt=]]<br>[[Media:{{{icon}}}|{{{condition}}} icon]]{{#set:Image={{{icon}}}}}
       </div>
       </div>
Line 19: Line 19:
     </div>
     </div>
     <div style="display: table-row;">
     <div style="display: table-row;">
       <div style="display: table-cell;">
       <div style="display: table-cell; min-width: 48px;">
         {{#if:{{{icon 2|}}}|
         {{#if:{{{icon 2|}}}|
           [[File:{{{icon 2}}}|link=|alt=]]<br>[[Media:{{{icon 2}}}|{{{condition 2}}} icon]]{{#set:Image={{{icon 2}}}}}
           [[File:{{{icon 2}}}|link=|alt=]]<br>[[Media:{{{icon 2}}}|{{{condition 2}}} icon]]{{#set:Image={{{icon 2}}}}}
Line 38: Line 38:
     {{#if:{{{icon 3|}}}{{{title 3|}}}{{{description 3|}}}|
     {{#if:{{{icon 3|}}}{{{title 3|}}}{{{description 3|}}}|
       <div style="display: table-row;">
       <div style="display: table-row;">
         <div style="display: table-cell;">
         <div style="display: table-cell; min-width: 48px;">
           {{#if:{{{icon 3|}}}|
           {{#if:{{{icon 3|}}}|
             [[File:{{{icon 3}}}|link=|alt=]]<br>[[Media:{{{icon 3}}}|{{{condition 3}}} icon]]{{#set:Image={{{icon 3}}}}}
             [[File:{{{icon 3}}}|link=|alt=]]<br>[[Media:{{{icon 3}}}|{{{condition 3}}} icon]]{{#set:Image={{{icon 3}}}}}
Line 66: Line 66:
         |
         |
           <!-- more than one icon -->
           <!-- more than one icon -->
           <span style="display: inline-block;">
           <span style="display: inline-block; min-width: 48px;">
             [[File:{{{icon}}}|link=|alt=]]<br>[[Media:{{{icon}}}|{{{condition}}} icon]]{{#set:Image={{{icon}}}}}
             [[File:{{{icon}}}|link=|alt=]]<br>[[Media:{{{icon}}}|{{{condition}}} icon]]{{#set:Image={{{icon}}}}}
           </span>
           </span>
           {{#if:{{{icon 2|}}}
           {{#if:{{{icon 2|}}}
           |
           |
             <span style="display: inline-block;">
             <span style="display: inline-block; min-width: 48px;">
               [[File:{{{icon 2}}}|link=|alt=]]<br>[[Media:{{{icon 2}}}|{{{condition 2}}} icon]]{{#set:Image={{{icon 2}}}}}
               [[File:{{{icon 2}}}|link=|alt=]]<br>[[Media:{{{icon 2}}}|{{{condition 2}}} icon]]{{#set:Image={{{icon 2}}}}}
             </span>
             </span>
           |
           |
             <span style="display: inline-block;">
             <span style="display: inline-block; min-width: 48px;">
               [[File:{{{icon 3}}}|link=|alt=]]<br>[[Media:{{{icon 3}}}|{{{condition 3}}} icon]]{{#set:Image={{{icon 3}}}}}
               [[File:{{{icon 3}}}|link=|alt=]]<br>[[Media:{{{icon 3}}}|{{{condition 3}}} icon]]{{#set:Image={{{icon 3}}}}}
             </span>
             </span>

Revision as of 20:46, 13 May 2022

[[File:{{{icon}}}|alt=icon]]
{{{title}}}

{{{description}}}

[edit] [purge] 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.
}}
icon
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.
}}
icon
Mystic King (male or huge)

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.
}}
icon
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.
}}
icon
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)

Never let 'em see you bleed. That's a cool million points of damage.

See also