Template:Craft Header: Difference between revisions

From HorizonXI Wiki
(Created page with "<onlyinclude><includeonly><div class="container {{{color-class|}}}" style="display: flex; justify-content: space-between; align-items: center;"> <div style="margin: 16px;">{{{icon|}}}</div> <span class="{{{text-color-class|}}}" style="font-size: x-large; font-weight: bold;">{{{name|}}}</span> <div style="margin: 16px;">{{{icon|}}}</div> </div></includeonly></onlyinclude> ==Usage== Headers for craft pages ===Examples=== <pre>{{Craft_Header | name = Alchemy | color-class...")
 
(changed text color class to text style since color class can already be applied via the container)
Line 1: Line 1:
<onlyinclude><includeonly><div class="container {{{color-class|}}}" style="display: flex; justify-content: space-between; align-items: center;">
<onlyinclude><includeonly><div class="container {{{color-class|}}}" style="display: flex; justify-content: space-between; align-items: center;">
<div style="margin: 16px;">{{{icon|}}}</div>
<div style="margin: 16px;">{{{icon|}}}</div>
<span class="{{{text-color-class|}}}" style="font-size: x-large; font-weight: bold;">{{{name|}}}</span>
<span style="font-size: x-large; font-weight: bold; {{{text-style|}}}">{{{name|}}}</span>
<div style="margin: 16px;">{{{icon|}}}</div>
<div style="margin: 16px;">{{{icon|}}}</div>
</div></includeonly></onlyinclude>
</div></includeonly></onlyinclude>
Line 12: Line 12:
| name = Alchemy
| name = Alchemy
| color-class = alchemy-header
| color-class = alchemy-header
| text-color-class = alchemy-text-header
| text-style = color: white;
| icon = [[File:AlchemyIcon.png]]
| icon = [[File:AlchemyIcon.png]]
}}</pre>
}}</pre>
Line 19: Line 19:
| name = Alchemy
| name = Alchemy
| color-class = alchemy-header
| color-class = alchemy-header
| text-color-class = alchemy-text-header
| text-style = color: white;
| icon = [[File:AlchemyIcon.png]]
| icon = [[File:AlchemyIcon.png]]
}}
}}
Line 26: Line 26:
| name = Goldsmithing
| name = Goldsmithing
| color-class = goldsmithing-header
| color-class = goldsmithing-header
| text-color-class =  
| text-style =  
| icon = [[File:GoldsmithingIcon.png]]
| icon = [[File:GoldsmithingIcon.png]]
}}</pre>
}}</pre>
Line 33: Line 33:
| name = Goldsmithing
| name = Goldsmithing
| color-class = goldsmithing-header
| color-class = goldsmithing-header
| text-color-class =  
| text-style =  
| icon = [[File:GoldsmithingIcon.png]]
| icon = [[File:GoldsmithingIcon.png]]
}}
}}

Revision as of 00:47, 7 November 2023

Usage

Headers for craft pages

Examples

{{Craft_Header
| name = Alchemy
| color-class = alchemy-header
| text-style = color: white;
| icon = [[File:AlchemyIcon.png]]
}}
AlchemyIcon.png

Alchemy

AlchemyIcon.png
{{Craft_Header
| name = Goldsmithing
| color-class = goldsmithing-header
| text-style = 
| icon = [[File:GoldsmithingIcon.png]]
}}
GoldsmithingIcon.png

Goldsmithing

GoldsmithingIcon.png