EasyTypeTools Plugin

A simple Joomla plugin that adds:

• Font Awesome to your Joomla Website
• Keyboard CSS styles to show <kbd>

Basic Usage Steps

1. Install via the standard Joomla extension manager and enable it.
2. Enable the plugin.
3. For Pro users choose the CDN or to serve it locally.
4. There is no step 4…

Options

EasyTypeTools Pro can load the Font Awesome kit from the official CDN or from your local server.

EasyTypeTools Pro will also loads the non-minimised version when Joomla's Debug is enabled, allowing for easy resolution of CSS issues when using Font Awesome.

Example Usage

Font Awesome

Font Awesome 4.4.0 has 550 icons for you to choose from, here's a few examples of how to use them.

Add an empty "battery" icon to text:

<p>I'm feeling completely flat… <i class="fa fa-battery-empty"></i></p>

Add an Amazon button

<a href="https://amazon.com" target="_blank">  
    <span class="btn btn-large">  
        <i class="fa fa-amazon"></i>  
    </span>  
</a>  

Keyboard Key Styles

The <kbd></kbd> element represents user input (typically keyboard input, although it may also be used to represent other menu commands) — you can read more here.

When Keyboard CSS is switched On then <kbd> elements will be wrapped in borders to simulate keys on a keyboard. Something like this:

When Keyboard CSS is enabled, EasyTypeTools loads the relevant CSS into your Joomla page automatically.

Command Example

<p>To copy the selected text type <kdb><kbd>command ⌘</kbd>-<kbd>C</kbd></kbd> (or <kdb><kbd>CTRL</kbd>-<kbd>C</kbd></kbd> on Windows).</p>

Menu Example

<p>To open Joomla's Article Manager select  <kdb><kbd>Content | Articles</kbd></kbd> from the menu bar.</p>

Notes

• This plugin only supports Joomla 3.
• This plugin requires PHP 5.4 or higher.