In order to be able to replace .png images for plugins (and the rest of elements in the main menu) we need to add classes/ids/data attributes so we can hide the .png files using CSS and replace it by font icons or something similar.

Example

<span class="plugin-ico"><img src="img/ico-settings.png" border="0"></span>

Can be changed to:
<span class="plugin-ico settings-icon"><img src="img/ico-settings.png" border="0"></span>

or

<span class="plugin-ico"><img id="settings-icon" src="img/ico-settings.png" border="0"></span>

or

<span class="plugin-ico" data-icon="settings"><img src="img/ico-settings.png" border="0"></span>

We need to decide what is the better way for doing that:

• Classes, id or data attributes
• Add the classes/id/data in the img tag or in the parent element