Template:HeroHeader: Difference between revisions
Jump to navigation
Jump to search
Created page with "<noinclude> {{Documentation}} ;Purpose :Provides a clean, Vector-friendly hero banner for the Main Page (or other hub pages), without requiring custom CSS. ;Usage :<nowiki>{{HeroHeader|image=|alt=|caption=|link=|width=}}</nowiki> ;Parameters :* <code>image</code> — File name only (e.g. <code>Caravan_Sunset.jpg</code>) :* <code>alt</code> — Alternative text (short) :* <code>caption</code> — Optional caption (short) :* <code>link</code> — Optional link target..." |
No edit summary |
||
| Line 1: | Line 1: | ||
<noinclude> | <noinclude> | ||
{{Documentation}} | {{Documentation}} | ||
;Purpose | ;Purpose | ||
:Provides a clean, Vector-friendly hero banner for the Main Page (or other hub pages), without requiring custom CSS. | :Provides a clean, Vector-friendly hero banner for the Main Page (or other hub pages), without requiring custom CSS. | ||
;Usage | ;Usage | ||
:<nowiki>{{HeroHeader|image=|alt=|caption=|link=|width=}}</nowiki> | :<nowiki>{{HeroHeader|image=|alt=|caption=|link=|width=}}</nowiki> | ||
;Parameters | ;Parameters | ||
:* <code>image</code> — File name only (e.g. <code> | :* <code>image</code> — File name only (e.g. <code>1918_camel_caravan.jpg</code>) | ||
:* <code>alt</code> — Alternative text (short) | :* <code>alt</code> — Alternative text (short) | ||
:* <code>caption</code> — Optional caption (short) | :* <code>caption</code> — Optional caption (short) | ||
:* <code>link</code> — Optional link target (defaults to empty / no link) | :* <code>link</code> — Optional link target (defaults to empty / no link) | ||
:* <code>width</code> — Optional | :* <code>width</code> — Optional container width (defaults to <code>1200px</code>; use <code>100%</code> for full-width) | ||
</noinclude> | |||
<includeonly> | |||
<div style=" | |||
margin:0 0 1.0em 0; | |||
padding:0; | |||
border:1px solid #c8ccd1; | |||
background:#f8f9fa; | |||
width:{{{width|1200px}}}; | |||
max-width:100%; | |||
box-sizing:border-box; | |||
margin-left:auto; | |||
margin-right:auto; | |||
"> | |||
<div style="padding:0; margin:0; line-height:0; text-align:center;"> | |||
[[File:{{{image|}}}|center|frameless|alt={{{alt|}}}|link={{{link|}}}]] | |||
<div style="padding:0; margin:0; line-height:0;"> | |||
[[File:{{{image| | |||
</div> | </div> | ||
{{#if:{{{caption|}}}| | {{#if:{{{caption|}}}| | ||
<div style="padding:0.35em 0.6em; font-size:90%; line-height:1.35; color:#202122;"> | <div style="padding:0.35em 0.6em; font-size:90%; line-height:1.35; color:#202122;"> | ||
Revision as of 04:16, 15 January 2026
- Purpose
- Provides a clean, Vector-friendly hero banner for the Main Page (or other hub pages), without requiring custom CSS.
- Usage
- {{HeroHeader|image=|alt=|caption=|link=|width=}}
- Parameters
-
image— File name only (e.g.1918_camel_caravan.jpg)alt— Alternative text (short)caption— Optional caption (short)link— Optional link target (defaults to empty / no link)width— Optional container width (defaults to1200px; use100%for full-width)