Template

Icon: Difference between revisions

From Joomla! Documentation

Tom Hutchison (talk | contribs)
m down to <i>
Tom Hutchison (talk | contribs)
m oops needs to be icon
Line 1: Line 1:
{{#tag:html|<i class="fa fa-{{{1|info-circle}}} {{#if:{{{2}}}|fa-{{{2}}}|}}" style="color:{{{3|#000}}};"></i>}}<noinclude>{{documentation}}
{{#tag:html|<icon class="fa fa-{{{1|info-circle}}} {{#if:{{{2}}}|fa-{{{2}}}|}}" style="color:{{{3|#000}}};"></icon>}}<noinclude>{{documentation}}
</noinclude>
</noinclude>

Revision as of 01:20, 12 April 2015

<html><icon class="fa fa-info-circle fa-{{{2}}}" style="color:#000;"></icon></html>

[view] [edit] [history]

Template documentation

This template allows for the easy insertion of Font-Awesome icons into pages. The current version available and install on JDOCs is v4.3.

Functions/Features

Easy to add a font-awesome icon, control its size and color.

{{icon|[fontname]|[size]|[color]}}

{{icon|joomla|3x|#5290C8}} becomes...

...a Joomla's blue color icon.

<html><icon class="fa fa-joomla fa-3x" style="color:#5290C8;"></icon></html>

No parameters defaults to: <html><icon class="fa fa-info-circle fa-{{{2}}}" style="color:#000;"></icon></html>


Parameters

Parameter Parameter description req./opt.
{{{1}}} font-name {{icon|pencil}} yeilds pencil <html><icon class="fa fa-pencil fa-{{{2}}}" style="color:#000;"></icon></html> optional
{{{2}}} size {{icon|pencil||#aaa}} yeilds smallest <html><icon class="fa fa-pencil " style="color:#aaa;"></icon></html> optional
{{{3}}} color {{icon|pencil||#5290C8}} yeilds blue <html><icon class="fa fa-pencil fa-lg" style="color:#5290C8;"></icon></html> optional

Known Issues

Include notes about ...


See also

Provide links to ...


Stylesheet

Provide CSS selectors ... for [[MediaWiki::joomla.css]] (or [[MediaWiki::common.css]])

some.class