Template:Launchpad Card: Difference between revisions
Malcolmmcc (talk | contribs) No edit summary |
Malcolmmcc (talk | contribs) No edit summary |
||
(4 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
<div class="launchcard-main" style="background-color:{{{5}}}"> | <div class="launchcard-main" style="background-color:{{{5}}}"> | ||
<div class="launchcard-text" > | <div class="launchcard-text" > | ||
<div class="launchcard-icon"> <i class=" | <div class="launchcard-icon"> <i class="{{{4}}}" style="color:{{{5}}}"></i></div> | ||
<h3 class="launchcard-head" style="color:{{{6}}}">{{{2}}}</h3> | <h3 class="launchcard-head" style="color:{{{6}}}">{{{2}}}</h3> | ||
<p class="launchcard-sub" style="color:{{{6}}}">{{{3}}}</p> | <p class="launchcard-sub" style="color:{{{6}}}">{{{3}}}</p> | ||
</div> | </div> | ||
</div> | </div> | ||
]] | ]]<noinclude> | ||
<noinclude> | |||
<br><br><br><br> | <br><br><br><br> | ||
To use this Template, insert the following code: | To use this Template, insert the following code: | ||
Line 17: | Line 15: | ||
|2=Header Text | |2=Header Text | ||
|3=Subheader Text | |3=Subheader Text | ||
|4=Font Awesome class (e.g. fa-bath) | |4=Font Awesome class (e.g. fas fa-bath) | ||
|5=Card color | |5=Card color | ||
|6=Text color | |6=Text color | ||
}} | }} | ||
</pre> | </pre> | ||
This uses [[FontAwesome]] for the icons. This is part of the [[Launchpad]] effort to make cool pages more easily accessible. Note: this is stylized to ideally retain the 280px | This uses [[FontAwesome]] for the icons. This is part of the [[Launchpad]] effort to make cool pages more easily accessible. If ever you want to change classes, do so carefully by navigating to [[:Mediawiki:Common.css]]<br> | ||
''See also: [[Template:Launchpad Box]] | ''Note: this is stylized to ideally retain the 280px : 110px ratio for boxes. If text begins to spill over it'll start looking chunky and bad cause of the <code>float</code> properties.''<br> | ||
'''See also:''' [[Template:Launchpad Box]] | |||
</noinclude> | </noinclude> |