Template:IconFrame: Difference between revisions

From Eco - English Wiki
[checked revision][checked revision]
(Undo revision 4505 by Zaotik (talk))
Tag: Undo
(Add optional parameter to change the background of the icon)
Line 1: Line 1:
<includeonly><div style="border: 5px outset #A9A9A9; background: #DCDCDC; display:inline-block; width: auto; padding: 10px; margin: 10px; text-align: center; vertical-align: middle;"><div class="iconContainer"><div class="iconStack">[[File:{{{file}}}|class=iconBlue|link={{{link}}}]]</div><div class="iconBorder"></div></div>
<includeonly><div style="border: 5px outset #A9A9A9; background: #DCDCDC; display:inline-block; width: auto; padding: 10px; margin: 10px; text-align: center; vertical-align: middle;"><div class="iconContainer"><div class="iconStack">[[File:{{{file}}}|class={{{style|iconBlue}}}|link={{{link}}}]]</div><div class="iconBorder"></div></div>
{{#if:{{{text|}}}|{{{text}}}}}</div></includeonly>
{{#if:{{{text|}}}|{{{text}}}}}</div></includeonly>


Line 23: Line 23:
;Third Parameter - Text Displayed - text
;Third Parameter - Text Displayed - text
:The text you want to be displayed under the Image.
:The text you want to be displayed under the Image.
;Forth Parameter - Icon Style - iconBlue, iconWhite etc
:The background style of the icon, defaults to iconBlue.


===Example===
===Example===
Line 29: Line 32:
     |link = Agriculture
     |link = Agriculture
     |text = <h3>[[Agriculture]]</h3>
     |text = <h3>[[Agriculture]]</h3>
}}
{{IconFrame
    |file = CrushedRock_Icon.png
    |link = CrushedRock
    |text = <h3>[[CrushedRock]]</h3>
    |style = iconWhite
}}
}}


[[Category:Templates]]
[[Category:Templates]]
</noinclude>
</noinclude>

Revision as of 18:39, 19 February 2021


Usage

{{IconFrame
    |file = WoodenHoe_Icon.png
    |link = Agriculture
    |text = <h3>[[Agriculture]]</h3>
}}

Parameters

First Parameter - File Name - file
File page title for an image.
You can use spaces or underscores. Do not include the "File:" part of the page title.
This uses MediaWiki:Common.css to create An Icon Background and Frame for the file chosen. [Current .iconBlue for the Background]
Second Parameter - Page Name - link
Name of the page you wish to create a link to.
Use spaces instead of underscores, otherwise the underscores will show up in the link text.
Third Parameter - Text Displayed - text
The text you want to be displayed under the Image.
Forth Parameter - Icon Style - iconBlue, iconWhite etc
The background style of the icon, defaults to iconBlue.

Example