Joomla! Documentation - User contributions [en]

J3.x:Integrate Extensions with the Privacy Component/it

2018-09-11T18:24:14Z

Ste: Created page with "Il nuovo componente privacy ha delle '''Funzionalità''' che consente alle estensioni di segnalare le funzionalità relative alla privacy. Lo scopo di questa sezione è aiutar..."

<noinclude><languages /></noinclude>
Le informazioni vengono fornite agli sviluppatori di estensioni per aiutarli a creare integrazioni con il [[S:MyLanguage/J3.x:Privacy|Privacy Tool Suite]].

== Funzionalità dell'estensione relative alla privacy ==

Il nuovo componente privacy ha delle '''Funzionalità''' che consente alle estensioni di segnalare le funzionalità relative alla privacy. Lo scopo di questa sezione è aiutare gli utenti a capire cosa può fare un'estensione correlata ai dati personali degli utenti e aiutare i proprietari dei siti a pianificare di conseguenza. Per i dettagli su questa sezione, compreso il modo in cui un plugin dovrebbe integrarsi con essa, vedere la paginail[[S:MyLanguage/J3.x:Report_Extension_Capabilities_in_Privacy_Component|Report Extension Capabilities in Privacy Component]].
== Check for a Published Privacy Policy ==

The privacy component's health check notifies users if there is a privacy policy published on the website. This check is performed by the <tt>onPrivacyCheckPrivacyPolicyPublished</tt> event which can be subscribed to by plugins in the privacy, system, and user plugin groups. The event receives an associative array by reference with two keys as its argument:

* "published" - A boolean value indicating that there is a published policy
* "editLink" - The URL to edit the policy item, this is displayed if there is a privacy policy published

As a best practice, it is suggested that plugins first check if the "published" flag is already set to true and not make further changes to the data array if so. Note that the '''System - Privacy Consent''' core plugin will process this event.

<source lang="php">
public function onPrivacyCheckPrivacyPolicyPublished(&$policy)
{
// If another plugin has already indicated a policy is published, we won't change anything here
if ($policy['published'])
{
return;
}

// Do stuff to find the privacy policy data

$policy['published'] = true;
$policy['editLink'] = ''; // The link to the item's edit page, processed through JRoute, i.e. JRoute::_('index.php?option=com_content&task=article.edit&id=1');
}
</source>

== Add Data to Export Requests ==

As a convenience, there are several helper methods in the <tt>PrivacyPlugin</tt> class and it is recommended that privacy plugins extend this class to inherit those helpers (this is similar to the <tt>FinderIndexerAdapter</tt> class for Smart Search plugins as an example).

<source lang="php">
JLoader::register('PrivacyPlugin', JPATH_ADMINISTRATOR . '/components/com_privacy/helpers/plugin.php');

class PlgPrivacyContent extends PrivacyPlugin {}
</source>
To add data to an export request, a plugin in the privacy or system plugin groups must subscribe to the <tt>onPrivacyExportRequest</tt> event.

The event receives two arguments:

* <tt>$request</tt> - A <tt>PrivacyTableRequest</tt> object containing the information request record from the database
* <tt>$user</tt> - If there is an account for the email address of the information request, a <tt>Joomla\CMS\User\User</tt> object is given containing the user account data

The event must return an array of <tt>PrivacyExportDomain</tt> objects containing the data to be exported for a given domain. If the plugin has no data, it must return an empty array.

A <tt>PrivacyExportDomain</tt> data object typically represents the data found from a table in the database and is made up of three elements:

* Domain name - A name to identify the domain
* Domain description - A short description of the data contained in the domain
* Domain items - An array of <tt>PrivacyExportItem</tt> data objects containing all items within the domain

A <tt>PrivacyExportItem</tt> data object represents a single item within the data domain and is made up of two elements:

* Item ID - The primary identifier for this item within the domain, typically this will be the database record's primary key
* Item fields - An array of <tt>PrivacyExportField</tt> data objects containing each field for the item

The <tt>PrivacyExportField</tt> data object represents a single field within an item and is made up of two elements:

* Field name - The name of the field
* Field value - The field's value

The general workflow for the export process is this:

* Validate the plugin should actually process data
* Query the data from the database
* Create a domain for the results (the <tt>createDomain</tt> method inherited from the <tt>PrivacyPlugin</tt> class can help with this)
* Add items for each row
** The <tt>createItemFromArray</tt> method inherited from the <tt>PrivacyPlugin</tt> class can be used to create a <tt>PrivacyExportItem</tt> object from an array (this should be used in conjunction with the database's <tt>loadAssocList</tt> method)
** The <tt>createItemForTable</tt> method inherited from the <tt>PrivacyPlugin</tt> class can be used to create a <tt>PrivacyExportItem</tt> object from a <tt>Joomla\CMS\Table\Table</tt> object
* Return the domain

Below is an example for exporting articles created by a user, including custom field data.

<source lang="php">
use Joomla\CMS\User\User;

JLoader::register('FieldsHelper', JPATH_ADMINISTRATOR . '/components/com_fields/helpers/fields.php');
JLoader::register('PrivacyPlugin', JPATH_ADMINISTRATOR . '/components/com_privacy/helpers/plugin.php');

class PlgPrivacyContent extends PrivacyPlugin
{
/**
* @var JDatabaseDriver
*/
protected $db;

/**
* @var array
*/
protected $contents = array();

public function onPrivacyExportRequest(PrivacyTableRequest $request, User $user = null)
{
// This plugin only processes data for registered user accounts
if (!$user)
{
return array();
}

$domains = array();
$domains[] = $this->createContentDomain($user);

// Create domains for each article's custom fields
foreach ($this->contents as $content)
{
$domains[] = $this->createContentCustomFieldsDomain($content);
}

return $domains;
}

private function createContentDomain(User $user)
{
$domain = $this->createDomain('user content', 'Joomla! user content data');

$query = $this->db->getQuery(true)
->select('*')
->from($this->db->quoteName('#__content'))
->where($this->db->quoteName('created_by') . ' = ' . (int) $user->id)
->order($this->db->quoteName('ordering') . ' ASC');

$items = $this->db->setQuery($query)->loadAssocList();

// Add each article to the domain
foreach ($items as $item)
{
$domain->addItem($this->createItemFromArray($item));

// Store the article for use in the custom fields processing
$this->contents[] = (object) $item;
}

return $domain;
}

private function createContentCustomFieldsDomain($content)
{
$domain = $this->createDomain('content custom fields', 'Joomla! content custom fields data');

// Get item's fields, also preparing their value property for manual display
$fields = FieldsHelper::getFields('com_content.article', $content);

foreach ($fields as $field)
{
$fieldValue = is_array($field->value) ? implode(', ', $field->value) : $field->value;

$data = array(
'content_id' => $content->id,
'field_name' => $field->name,
'field_title' => $field->title,
'field_value' => $fieldValue,
);

$domain->addItem($this->createItemFromArray($data));
}

return $domain;
}
}
</source>

== Process Removal Requests ==

Processing a removal request requires two steps: Validating that the subject's data can be removed, and the actual removal. Again it is suggested that plugins extend the <tt>PrivacyPlugin</tt> class, however this is not a strict requirement.

<source lang="php">
JLoader::register('PrivacyPlugin', JPATH_ADMINISTRATOR . '/components/com_privacy/helpers/plugin.php');

class PlgPrivacyUser extends PrivacyPlugin {}
</source>

=== Validate Data Can Be Removed ===

If the plugin may need to block a subject's data from being removed, it must subscribe to the <tt>onPrivacyCanRemoveData</tt> event. Generally, a removal should be blocked if there are valid legal reasons to retain the data or if removal may cause permanent damage to the site (for example, the core '''Privacy - User Accounts''' prohibits removing a super user account).

The event receives two arguments:

* <tt>$request</tt> - A <tt>PrivacyTableRequest</tt> object containing the information request record from the database
* <tt>$user</tt> - If there is an account for the email address of the information request, a <tt>Joomla\CMS\User\User</tt> object is given containing the user account data

The event must return a <tt>PrivacyRemovalStatus</tt> data object which specifies if the data cannot be removed and a reason for the inability to remove the data.

<source lang="php">
use Joomla\CMS\Language\Text;
use Joomla\CMS\User\User;

JLoader::register('PrivacyPlugin', JPATH_ADMINISTRATOR . '/components/com_privacy/helpers/plugin.php');
JLoader::register('PrivacyRemovalStatus', JPATH_ADMINISTRATOR . '/components/com_privacy/helpers/removal/status.php');

class PlgPrivacyUser extends PrivacyPlugin
{
public function onPrivacyCanRemoveData(PrivacyTableRequest $request, User $user = null)
{
$status = new PrivacyRemovalStatus;

// We only need to check if there is an associated user account
if (!$user)
{
return $status;
}

// We will not remove a super user account from the site
if ($user->authorise('core.admin'))
{
$status->canRemove = false;
$status->reason = Text::_('PLG_PRIVACY_USER_ERROR_CANNOT_REMOVE_SUPER_USER');
}

return $status;
}
}
</source>

=== Remove or Anonymize Data ===

If the plugin handles the removal or anonymization of data, it must subscribe to the <tt>onPrivacyRemoveData</tt> event.

The event receives two arguments:

* <tt>$request</tt> - A <tt>PrivacyTableRequest</tt> object containing the information request record from the database
* <tt>$user</tt> - If there is an account for the email address of the information request, a <tt>Joomla\CMS\User\User</tt> object is given containing the user account data

Unlike the other events in this component, plugins are not expected to return any data.

Depending on the underlying data's requirements, plugins should anonymize information that is retained and remove any data that is no longer necessary. If necessary, the plugin may perform other actions related to the request and/or user account.

The below example demonstrates how Joomla anonymizes and removes data related to the core user account.

<source lang="php">
use Joomla\CMS\Factory;
use Joomla\CMS\User\User;

JLoader::register('PrivacyPlugin', JPATH_ADMINISTRATOR . '/components/com_privacy/helpers/plugin.php');

class PlgPrivacyUser extends PrivacyPlugin
{
/**
* @var JDatabaseDriver
*/
protected $db;

public function onPrivacyRemoveData(PrivacyTableRequest $request, User $user = null)
{
// This plugin only processes data for registered user accounts
if (!$user)
{
return;
}

$pseudoanonymisedData = array(
'name' => 'User ID ' . $user->id,
'username' => bin2hex(random_bytes(12)), // Generates a random username
'email' => 'UserID' . $user->id . 'removed@email.invalid',
'block' => true,
);

$user->bind($pseudoanonymisedData);

$user->save();

// Destroy all sessions for the user account
$sessionIds = $this->db->setQuery(
$this->db->getQuery(true)
->select($this->db->quoteName('session_id'))
->from($this->db->quoteName('#__session'))
->where($this->db->quoteName('userid') . ' = ' . (int) $user->id)
)->loadColumn();

// If there aren't any active sessions then there's nothing to do here
if (empty($sessionIds))
{
return;
}

$storeName = Factory::getConfig()->get('session_handler', 'none');
$store = JSessionStorage::getInstance($storeName);
$quotedIds = array();

// Destroy the sessions and quote the IDs to purge the session table
foreach ($sessionIds as $sessionId)
{
$store->destroy($sessionId);
$quotedIds[] = $this->db->quote($sessionId);
}

$this->db->setQuery(
$this->db->getQuery(true)
->delete($this->db->quoteName('#__session'))
->where($this->db->quoteName('session_id') . ' IN (' . implode(', ', $quotedIds) . ')')
)->execute();
}
}
</source>

<noinclude>
[[Category:Privacy{{#translation:}}]]
[[Category:Components{{#translation:}}]]
[[Category:Joomla! 3.9{{#translation:}}]]
[[Category:Plugins{{#translation:}}]]
[[Category:Tutorials{{#translation:}}]]
</noinclude>

Translations:J3.x:Integrate Extensions with the Privacy Component/3/it

2018-09-11T18:24:13Z

Il nuovo componente privacy ha delle '''Funzionalità''' che consente alle estensioni di segnalare le funzionalità relative alla privacy. Lo scopo di questa sezione è aiutare gli utenti a capire cosa può fare un'estensione correlata ai dati personali degli utenti e aiutare i proprietari dei siti a pianificare di conseguenza. Per i dettagli su questa sezione, compreso il modo in cui un plugin dovrebbe integrarsi con essa, vedere la paginail[[S:MyLanguage/J3.x:Report_Extension_Capabilities_in_Privacy_Component|Report Extension Capabilities in Privacy Component]].

J3.x:Integrate Extensions with the Privacy Component/it

2018-09-11T18:21:50Z

Ste: Created page with "== Funzionalità dell'estensione relative alla privacy =="

<noinclude><languages /></noinclude>
Le informazioni vengono fornite agli sviluppatori di estensioni per aiutarli a creare integrazioni con il [[S:MyLanguage/J3.x:Privacy|Privacy Tool Suite]].

== Funzionalità dell'estensione relative alla privacy ==

The new privacy component has a '''Capabilities''' section which allows extensions to report privacy related capabilities. The aim for this section is to help users to understand what an extension may do related to personal data on users and help site owners plan accordingly. For details on this section, including how a plugin should integrate with it, please see the [[S:MyLanguage/J3.x:Report_Extension_Capabilities_in_Privacy_Component|Report Extension Capabilities in Privacy Component]] page.
== Check for a Published Privacy Policy ==

The privacy component's health check notifies users if there is a privacy policy published on the website. This check is performed by the <tt>onPrivacyCheckPrivacyPolicyPublished</tt> event which can be subscribed to by plugins in the privacy, system, and user plugin groups. The event receives an associative array by reference with two keys as its argument:

* "published" - A boolean value indicating that there is a published policy
* "editLink" - The URL to edit the policy item, this is displayed if there is a privacy policy published

As a best practice, it is suggested that plugins first check if the "published" flag is already set to true and not make further changes to the data array if so. Note that the '''System - Privacy Consent''' core plugin will process this event.

<source lang="php">
public function onPrivacyCheckPrivacyPolicyPublished(&$policy)
{
// If another plugin has already indicated a policy is published, we won't change anything here
if ($policy['published'])
{
return;
}

// Do stuff to find the privacy policy data

$policy['published'] = true;
$policy['editLink'] = ''; // The link to the item's edit page, processed through JRoute, i.e. JRoute::_('index.php?option=com_content&task=article.edit&id=1');
}
</source>

== Add Data to Export Requests ==

As a convenience, there are several helper methods in the <tt>PrivacyPlugin</tt> class and it is recommended that privacy plugins extend this class to inherit those helpers (this is similar to the <tt>FinderIndexerAdapter</tt> class for Smart Search plugins as an example).

<source lang="php">
JLoader::register('PrivacyPlugin', JPATH_ADMINISTRATOR . '/components/com_privacy/helpers/plugin.php');

class PlgPrivacyContent extends PrivacyPlugin {}
</source>
To add data to an export request, a plugin in the privacy or system plugin groups must subscribe to the <tt>onPrivacyExportRequest</tt> event.

The event receives two arguments:

* <tt>$request</tt> - A <tt>PrivacyTableRequest</tt> object containing the information request record from the database
* <tt>$user</tt> - If there is an account for the email address of the information request, a <tt>Joomla\CMS\User\User</tt> object is given containing the user account data

The event must return an array of <tt>PrivacyExportDomain</tt> objects containing the data to be exported for a given domain. If the plugin has no data, it must return an empty array.

A <tt>PrivacyExportDomain</tt> data object typically represents the data found from a table in the database and is made up of three elements:

* Domain name - A name to identify the domain
* Domain description - A short description of the data contained in the domain
* Domain items - An array of <tt>PrivacyExportItem</tt> data objects containing all items within the domain

A <tt>PrivacyExportItem</tt> data object represents a single item within the data domain and is made up of two elements:

* Item ID - The primary identifier for this item within the domain, typically this will be the database record's primary key
* Item fields - An array of <tt>PrivacyExportField</tt> data objects containing each field for the item

The <tt>PrivacyExportField</tt> data object represents a single field within an item and is made up of two elements:

* Field name - The name of the field
* Field value - The field's value

The general workflow for the export process is this:

* Validate the plugin should actually process data
* Query the data from the database
* Create a domain for the results (the <tt>createDomain</tt> method inherited from the <tt>PrivacyPlugin</tt> class can help with this)
* Add items for each row
** The <tt>createItemFromArray</tt> method inherited from the <tt>PrivacyPlugin</tt> class can be used to create a <tt>PrivacyExportItem</tt> object from an array (this should be used in conjunction with the database's <tt>loadAssocList</tt> method)
** The <tt>createItemForTable</tt> method inherited from the <tt>PrivacyPlugin</tt> class can be used to create a <tt>PrivacyExportItem</tt> object from a <tt>Joomla\CMS\Table\Table</tt> object
* Return the domain

Below is an example for exporting articles created by a user, including custom field data.

<source lang="php">
use Joomla\CMS\User\User;

JLoader::register('FieldsHelper', JPATH_ADMINISTRATOR . '/components/com_fields/helpers/fields.php');
JLoader::register('PrivacyPlugin', JPATH_ADMINISTRATOR . '/components/com_privacy/helpers/plugin.php');

class PlgPrivacyContent extends PrivacyPlugin
{
/**
* @var JDatabaseDriver
*/
protected $db;

/**
* @var array
*/
protected $contents = array();

public function onPrivacyExportRequest(PrivacyTableRequest $request, User $user = null)
{
// This plugin only processes data for registered user accounts
if (!$user)
{
return array();
}

$domains = array();
$domains[] = $this->createContentDomain($user);

// Create domains for each article's custom fields
foreach ($this->contents as $content)
{
$domains[] = $this->createContentCustomFieldsDomain($content);
}

return $domains;
}

private function createContentDomain(User $user)
{
$domain = $this->createDomain('user content', 'Joomla! user content data');

$query = $this->db->getQuery(true)
->select('*')
->from($this->db->quoteName('#__content'))
->where($this->db->quoteName('created_by') . ' = ' . (int) $user->id)
->order($this->db->quoteName('ordering') . ' ASC');

$items = $this->db->setQuery($query)->loadAssocList();

// Add each article to the domain
foreach ($items as $item)
{
$domain->addItem($this->createItemFromArray($item));

// Store the article for use in the custom fields processing
$this->contents[] = (object) $item;
}

return $domain;
}

private function createContentCustomFieldsDomain($content)
{
$domain = $this->createDomain('content custom fields', 'Joomla! content custom fields data');

// Get item's fields, also preparing their value property for manual display
$fields = FieldsHelper::getFields('com_content.article', $content);

foreach ($fields as $field)
{
$fieldValue = is_array($field->value) ? implode(', ', $field->value) : $field->value;

$data = array(
'content_id' => $content->id,
'field_name' => $field->name,
'field_title' => $field->title,
'field_value' => $fieldValue,
);

$domain->addItem($this->createItemFromArray($data));
}

return $domain;
}
}
</source>

== Process Removal Requests ==

Processing a removal request requires two steps: Validating that the subject's data can be removed, and the actual removal. Again it is suggested that plugins extend the <tt>PrivacyPlugin</tt> class, however this is not a strict requirement.

<source lang="php">
JLoader::register('PrivacyPlugin', JPATH_ADMINISTRATOR . '/components/com_privacy/helpers/plugin.php');

class PlgPrivacyUser extends PrivacyPlugin {}
</source>

=== Validate Data Can Be Removed ===

If the plugin may need to block a subject's data from being removed, it must subscribe to the <tt>onPrivacyCanRemoveData</tt> event. Generally, a removal should be blocked if there are valid legal reasons to retain the data or if removal may cause permanent damage to the site (for example, the core '''Privacy - User Accounts''' prohibits removing a super user account).

The event receives two arguments:

* <tt>$request</tt> - A <tt>PrivacyTableRequest</tt> object containing the information request record from the database
* <tt>$user</tt> - If there is an account for the email address of the information request, a <tt>Joomla\CMS\User\User</tt> object is given containing the user account data

The event must return a <tt>PrivacyRemovalStatus</tt> data object which specifies if the data cannot be removed and a reason for the inability to remove the data.

<source lang="php">
use Joomla\CMS\Language\Text;
use Joomla\CMS\User\User;

JLoader::register('PrivacyPlugin', JPATH_ADMINISTRATOR . '/components/com_privacy/helpers/plugin.php');
JLoader::register('PrivacyRemovalStatus', JPATH_ADMINISTRATOR . '/components/com_privacy/helpers/removal/status.php');

class PlgPrivacyUser extends PrivacyPlugin
{
public function onPrivacyCanRemoveData(PrivacyTableRequest $request, User $user = null)
{
$status = new PrivacyRemovalStatus;

// We only need to check if there is an associated user account
if (!$user)
{
return $status;
}

// We will not remove a super user account from the site
if ($user->authorise('core.admin'))
{
$status->canRemove = false;
$status->reason = Text::_('PLG_PRIVACY_USER_ERROR_CANNOT_REMOVE_SUPER_USER');
}

return $status;
}
}
</source>

=== Remove or Anonymize Data ===

If the plugin handles the removal or anonymization of data, it must subscribe to the <tt>onPrivacyRemoveData</tt> event.

The event receives two arguments:

* <tt>$request</tt> - A <tt>PrivacyTableRequest</tt> object containing the information request record from the database
* <tt>$user</tt> - If there is an account for the email address of the information request, a <tt>Joomla\CMS\User\User</tt> object is given containing the user account data

Unlike the other events in this component, plugins are not expected to return any data.

Depending on the underlying data's requirements, plugins should anonymize information that is retained and remove any data that is no longer necessary. If necessary, the plugin may perform other actions related to the request and/or user account.

The below example demonstrates how Joomla anonymizes and removes data related to the core user account.

<source lang="php">
use Joomla\CMS\Factory;
use Joomla\CMS\User\User;

JLoader::register('PrivacyPlugin', JPATH_ADMINISTRATOR . '/components/com_privacy/helpers/plugin.php');

class PlgPrivacyUser extends PrivacyPlugin
{
/**
* @var JDatabaseDriver
*/
protected $db;

public function onPrivacyRemoveData(PrivacyTableRequest $request, User $user = null)
{
// This plugin only processes data for registered user accounts
if (!$user)
{
return;
}

$pseudoanonymisedData = array(
'name' => 'User ID ' . $user->id,
'username' => bin2hex(random_bytes(12)), // Generates a random username
'email' => 'UserID' . $user->id . 'removed@email.invalid',
'block' => true,
);

$user->bind($pseudoanonymisedData);

$user->save();

// Destroy all sessions for the user account
$sessionIds = $this->db->setQuery(
$this->db->getQuery(true)
->select($this->db->quoteName('session_id'))
->from($this->db->quoteName('#__session'))
->where($this->db->quoteName('userid') . ' = ' . (int) $user->id)
)->loadColumn();

// If there aren't any active sessions then there's nothing to do here
if (empty($sessionIds))
{
return;
}

$storeName = Factory::getConfig()->get('session_handler', 'none');
$store = JSessionStorage::getInstance($storeName);
$quotedIds = array();

// Destroy the sessions and quote the IDs to purge the session table
foreach ($sessionIds as $sessionId)
{
$store->destroy($sessionId);
$quotedIds[] = $this->db->quote($sessionId);
}

$this->db->setQuery(
$this->db->getQuery(true)
->delete($this->db->quoteName('#__session'))
->where($this->db->quoteName('session_id') . ' IN (' . implode(', ', $quotedIds) . ')')
)->execute();
}
}
</source>

<noinclude>
[[Category:Privacy{{#translation:}}]]
[[Category:Components{{#translation:}}]]
[[Category:Joomla! 3.9{{#translation:}}]]
[[Category:Plugins{{#translation:}}]]
[[Category:Tutorials{{#translation:}}]]
</noinclude>

Translations:J3.x:Integrate Extensions with the Privacy Component/2/it

2018-09-11T18:21:48Z

Ste: Created page with "== Funzionalità dell'estensione relative alla privacy =="

== Funzionalità dell'estensione relative alla privacy ==

J3.x:Integrate Extensions with the Privacy Component/it

2018-09-11T18:20:12Z

Ste: Created page with "Le informazioni vengono fornite agli sviluppatori di estensioni per aiutarli a creare integrazioni con il Privacy Tool Suite."

<noinclude><languages /></noinclude>
Le informazioni vengono fornite agli sviluppatori di estensioni per aiutarli a creare integrazioni con il [[S:MyLanguage/J3.x:Privacy|Privacy Tool Suite]].

== Privacy Related Extension Capabilities ==

The new privacy component has a '''Capabilities''' section which allows extensions to report privacy related capabilities. The aim for this section is to help users to understand what an extension may do related to personal data on users and help site owners plan accordingly. For details on this section, including how a plugin should integrate with it, please see the [[S:MyLanguage/J3.x:Report_Extension_Capabilities_in_Privacy_Component|Report Extension Capabilities in Privacy Component]] page.
== Check for a Published Privacy Policy ==

The privacy component's health check notifies users if there is a privacy policy published on the website. This check is performed by the <tt>onPrivacyCheckPrivacyPolicyPublished</tt> event which can be subscribed to by plugins in the privacy, system, and user plugin groups. The event receives an associative array by reference with two keys as its argument:

* "published" - A boolean value indicating that there is a published policy
* "editLink" - The URL to edit the policy item, this is displayed if there is a privacy policy published

As a best practice, it is suggested that plugins first check if the "published" flag is already set to true and not make further changes to the data array if so. Note that the '''System - Privacy Consent''' core plugin will process this event.

<source lang="php">
public function onPrivacyCheckPrivacyPolicyPublished(&$policy)
{
// If another plugin has already indicated a policy is published, we won't change anything here
if ($policy['published'])
{
return;
}

// Do stuff to find the privacy policy data

$policy['published'] = true;
$policy['editLink'] = ''; // The link to the item's edit page, processed through JRoute, i.e. JRoute::_('index.php?option=com_content&task=article.edit&id=1');
}
</source>

== Add Data to Export Requests ==

As a convenience, there are several helper methods in the <tt>PrivacyPlugin</tt> class and it is recommended that privacy plugins extend this class to inherit those helpers (this is similar to the <tt>FinderIndexerAdapter</tt> class for Smart Search plugins as an example).

<source lang="php">
JLoader::register('PrivacyPlugin', JPATH_ADMINISTRATOR . '/components/com_privacy/helpers/plugin.php');

class PlgPrivacyContent extends PrivacyPlugin {}
</source>
To add data to an export request, a plugin in the privacy or system plugin groups must subscribe to the <tt>onPrivacyExportRequest</tt> event.

The event receives two arguments:

* <tt>$request</tt> - A <tt>PrivacyTableRequest</tt> object containing the information request record from the database
* <tt>$user</tt> - If there is an account for the email address of the information request, a <tt>Joomla\CMS\User\User</tt> object is given containing the user account data

The event must return an array of <tt>PrivacyExportDomain</tt> objects containing the data to be exported for a given domain. If the plugin has no data, it must return an empty array.

A <tt>PrivacyExportDomain</tt> data object typically represents the data found from a table in the database and is made up of three elements:

* Domain name - A name to identify the domain
* Domain description - A short description of the data contained in the domain
* Domain items - An array of <tt>PrivacyExportItem</tt> data objects containing all items within the domain

A <tt>PrivacyExportItem</tt> data object represents a single item within the data domain and is made up of two elements:

* Item ID - The primary identifier for this item within the domain, typically this will be the database record's primary key
* Item fields - An array of <tt>PrivacyExportField</tt> data objects containing each field for the item

The <tt>PrivacyExportField</tt> data object represents a single field within an item and is made up of two elements:

* Field name - The name of the field
* Field value - The field's value

The general workflow for the export process is this:

* Validate the plugin should actually process data
* Query the data from the database
* Create a domain for the results (the <tt>createDomain</tt> method inherited from the <tt>PrivacyPlugin</tt> class can help with this)
* Add items for each row
** The <tt>createItemFromArray</tt> method inherited from the <tt>PrivacyPlugin</tt> class can be used to create a <tt>PrivacyExportItem</tt> object from an array (this should be used in conjunction with the database's <tt>loadAssocList</tt> method)
** The <tt>createItemForTable</tt> method inherited from the <tt>PrivacyPlugin</tt> class can be used to create a <tt>PrivacyExportItem</tt> object from a <tt>Joomla\CMS\Table\Table</tt> object
* Return the domain

Below is an example for exporting articles created by a user, including custom field data.

<source lang="php">
use Joomla\CMS\User\User;

JLoader::register('FieldsHelper', JPATH_ADMINISTRATOR . '/components/com_fields/helpers/fields.php');
JLoader::register('PrivacyPlugin', JPATH_ADMINISTRATOR . '/components/com_privacy/helpers/plugin.php');

class PlgPrivacyContent extends PrivacyPlugin
{
/**
* @var JDatabaseDriver
*/
protected $db;

/**
* @var array
*/
protected $contents = array();

public function onPrivacyExportRequest(PrivacyTableRequest $request, User $user = null)
{
// This plugin only processes data for registered user accounts
if (!$user)
{
return array();
}

$domains = array();
$domains[] = $this->createContentDomain($user);

// Create domains for each article's custom fields
foreach ($this->contents as $content)
{
$domains[] = $this->createContentCustomFieldsDomain($content);
}

return $domains;
}

private function createContentDomain(User $user)
{
$domain = $this->createDomain('user content', 'Joomla! user content data');

$query = $this->db->getQuery(true)
->select('*')
->from($this->db->quoteName('#__content'))
->where($this->db->quoteName('created_by') . ' = ' . (int) $user->id)
->order($this->db->quoteName('ordering') . ' ASC');

$items = $this->db->setQuery($query)->loadAssocList();

// Add each article to the domain
foreach ($items as $item)
{
$domain->addItem($this->createItemFromArray($item));

// Store the article for use in the custom fields processing
$this->contents[] = (object) $item;
}

return $domain;
}

private function createContentCustomFieldsDomain($content)
{
$domain = $this->createDomain('content custom fields', 'Joomla! content custom fields data');

// Get item's fields, also preparing their value property for manual display
$fields = FieldsHelper::getFields('com_content.article', $content);

foreach ($fields as $field)
{
$fieldValue = is_array($field->value) ? implode(', ', $field->value) : $field->value;

$data = array(
'content_id' => $content->id,
'field_name' => $field->name,
'field_title' => $field->title,
'field_value' => $fieldValue,
);

$domain->addItem($this->createItemFromArray($data));
}

return $domain;
}
}
</source>

== Process Removal Requests ==

Processing a removal request requires two steps: Validating that the subject's data can be removed, and the actual removal. Again it is suggested that plugins extend the <tt>PrivacyPlugin</tt> class, however this is not a strict requirement.

<source lang="php">
JLoader::register('PrivacyPlugin', JPATH_ADMINISTRATOR . '/components/com_privacy/helpers/plugin.php');

class PlgPrivacyUser extends PrivacyPlugin {}
</source>

=== Validate Data Can Be Removed ===

If the plugin may need to block a subject's data from being removed, it must subscribe to the <tt>onPrivacyCanRemoveData</tt> event. Generally, a removal should be blocked if there are valid legal reasons to retain the data or if removal may cause permanent damage to the site (for example, the core '''Privacy - User Accounts''' prohibits removing a super user account).

The event receives two arguments:

* <tt>$request</tt> - A <tt>PrivacyTableRequest</tt> object containing the information request record from the database
* <tt>$user</tt> - If there is an account for the email address of the information request, a <tt>Joomla\CMS\User\User</tt> object is given containing the user account data

The event must return a <tt>PrivacyRemovalStatus</tt> data object which specifies if the data cannot be removed and a reason for the inability to remove the data.

<source lang="php">
use Joomla\CMS\Language\Text;
use Joomla\CMS\User\User;

JLoader::register('PrivacyPlugin', JPATH_ADMINISTRATOR . '/components/com_privacy/helpers/plugin.php');
JLoader::register('PrivacyRemovalStatus', JPATH_ADMINISTRATOR . '/components/com_privacy/helpers/removal/status.php');

class PlgPrivacyUser extends PrivacyPlugin
{
public function onPrivacyCanRemoveData(PrivacyTableRequest $request, User $user = null)
{
$status = new PrivacyRemovalStatus;

// We only need to check if there is an associated user account
if (!$user)
{
return $status;
}

// We will not remove a super user account from the site
if ($user->authorise('core.admin'))
{
$status->canRemove = false;
$status->reason = Text::_('PLG_PRIVACY_USER_ERROR_CANNOT_REMOVE_SUPER_USER');
}

return $status;
}
}
</source>

=== Remove or Anonymize Data ===

If the plugin handles the removal or anonymization of data, it must subscribe to the <tt>onPrivacyRemoveData</tt> event.

The event receives two arguments:

* <tt>$request</tt> - A <tt>PrivacyTableRequest</tt> object containing the information request record from the database
* <tt>$user</tt> - If there is an account for the email address of the information request, a <tt>Joomla\CMS\User\User</tt> object is given containing the user account data

Unlike the other events in this component, plugins are not expected to return any data.

Depending on the underlying data's requirements, plugins should anonymize information that is retained and remove any data that is no longer necessary. If necessary, the plugin may perform other actions related to the request and/or user account.

The below example demonstrates how Joomla anonymizes and removes data related to the core user account.

<source lang="php">
use Joomla\CMS\Factory;
use Joomla\CMS\User\User;

JLoader::register('PrivacyPlugin', JPATH_ADMINISTRATOR . '/components/com_privacy/helpers/plugin.php');

class PlgPrivacyUser extends PrivacyPlugin
{
/**
* @var JDatabaseDriver
*/
protected $db;

public function onPrivacyRemoveData(PrivacyTableRequest $request, User $user = null)
{
// This plugin only processes data for registered user accounts
if (!$user)
{
return;
}

$pseudoanonymisedData = array(
'name' => 'User ID ' . $user->id,
'username' => bin2hex(random_bytes(12)), // Generates a random username
'email' => 'UserID' . $user->id . 'removed@email.invalid',
'block' => true,
);

$user->bind($pseudoanonymisedData);

$user->save();

// Destroy all sessions for the user account
$sessionIds = $this->db->setQuery(
$this->db->getQuery(true)
->select($this->db->quoteName('session_id'))
->from($this->db->quoteName('#__session'))
->where($this->db->quoteName('userid') . ' = ' . (int) $user->id)
)->loadColumn();

// If there aren't any active sessions then there's nothing to do here
if (empty($sessionIds))
{
return;
}

$storeName = Factory::getConfig()->get('session_handler', 'none');
$store = JSessionStorage::getInstance($storeName);
$quotedIds = array();

// Destroy the sessions and quote the IDs to purge the session table
foreach ($sessionIds as $sessionId)
{
$store->destroy($sessionId);
$quotedIds[] = $this->db->quote($sessionId);
}

$this->db->setQuery(
$this->db->getQuery(true)
->delete($this->db->quoteName('#__session'))
->where($this->db->quoteName('session_id') . ' IN (' . implode(', ', $quotedIds) . ')')
)->execute();
}
}
</source>

<noinclude>
[[Category:Privacy{{#translation:}}]]
[[Category:Components{{#translation:}}]]
[[Category:Joomla! 3.9{{#translation:}}]]
[[Category:Plugins{{#translation:}}]]
[[Category:Tutorials{{#translation:}}]]
</noinclude>

Translations:J3.x:Integrate Extensions with the Privacy Component/1/it

2018-09-11T18:20:11Z

Ste: Created page with "Le informazioni vengono fornite agli sviluppatori di estensioni per aiutarli a creare integrazioni con il Privacy Tool Suite."

Le informazioni vengono fornite agli sviluppatori di estensioni per aiutarli a creare integrazioni con il [[S:MyLanguage/J3.x:Privacy|Privacy Tool Suite]].

J3.x:Integrate Extensions with the Privacy Component/it

2018-09-11T18:18:54Z

Ste: Created page with "J3.x:Integra le Estensioni con il Componente Privacy"

<noinclude><languages /></noinclude>
The information below is provided to extension developers to help create integrations with the [[S:MyLanguage/J3.x:Privacy|Privacy Tool Suite]].

== Privacy Related Extension Capabilities ==

The new privacy component has a '''Capabilities''' section which allows extensions to report privacy related capabilities. The aim for this section is to help users to understand what an extension may do related to personal data on users and help site owners plan accordingly. For details on this section, including how a plugin should integrate with it, please see the [[S:MyLanguage/J3.x:Report_Extension_Capabilities_in_Privacy_Component|Report Extension Capabilities in Privacy Component]] page.
== Check for a Published Privacy Policy ==

The privacy component's health check notifies users if there is a privacy policy published on the website. This check is performed by the <tt>onPrivacyCheckPrivacyPolicyPublished</tt> event which can be subscribed to by plugins in the privacy, system, and user plugin groups. The event receives an associative array by reference with two keys as its argument:

* "published" - A boolean value indicating that there is a published policy
* "editLink" - The URL to edit the policy item, this is displayed if there is a privacy policy published

As a best practice, it is suggested that plugins first check if the "published" flag is already set to true and not make further changes to the data array if so. Note that the '''System - Privacy Consent''' core plugin will process this event.

<source lang="php">
public function onPrivacyCheckPrivacyPolicyPublished(&$policy)
{
// If another plugin has already indicated a policy is published, we won't change anything here
if ($policy['published'])
{
return;
}

// Do stuff to find the privacy policy data

$policy['published'] = true;
$policy['editLink'] = ''; // The link to the item's edit page, processed through JRoute, i.e. JRoute::_('index.php?option=com_content&task=article.edit&id=1');
}
</source>

== Add Data to Export Requests ==

As a convenience, there are several helper methods in the <tt>PrivacyPlugin</tt> class and it is recommended that privacy plugins extend this class to inherit those helpers (this is similar to the <tt>FinderIndexerAdapter</tt> class for Smart Search plugins as an example).

<source lang="php">
JLoader::register('PrivacyPlugin', JPATH_ADMINISTRATOR . '/components/com_privacy/helpers/plugin.php');

class PlgPrivacyContent extends PrivacyPlugin {}
</source>
To add data to an export request, a plugin in the privacy or system plugin groups must subscribe to the <tt>onPrivacyExportRequest</tt> event.

The event receives two arguments:

* <tt>$request</tt> - A <tt>PrivacyTableRequest</tt> object containing the information request record from the database
* <tt>$user</tt> - If there is an account for the email address of the information request, a <tt>Joomla\CMS\User\User</tt> object is given containing the user account data

The event must return an array of <tt>PrivacyExportDomain</tt> objects containing the data to be exported for a given domain. If the plugin has no data, it must return an empty array.

A <tt>PrivacyExportDomain</tt> data object typically represents the data found from a table in the database and is made up of three elements:

* Domain name - A name to identify the domain
* Domain description - A short description of the data contained in the domain
* Domain items - An array of <tt>PrivacyExportItem</tt> data objects containing all items within the domain

A <tt>PrivacyExportItem</tt> data object represents a single item within the data domain and is made up of two elements:

* Item ID - The primary identifier for this item within the domain, typically this will be the database record's primary key
* Item fields - An array of <tt>PrivacyExportField</tt> data objects containing each field for the item

The <tt>PrivacyExportField</tt> data object represents a single field within an item and is made up of two elements:

* Field name - The name of the field
* Field value - The field's value

The general workflow for the export process is this:

* Validate the plugin should actually process data
* Query the data from the database
* Create a domain for the results (the <tt>createDomain</tt> method inherited from the <tt>PrivacyPlugin</tt> class can help with this)
* Add items for each row
** The <tt>createItemFromArray</tt> method inherited from the <tt>PrivacyPlugin</tt> class can be used to create a <tt>PrivacyExportItem</tt> object from an array (this should be used in conjunction with the database's <tt>loadAssocList</tt> method)
** The <tt>createItemForTable</tt> method inherited from the <tt>PrivacyPlugin</tt> class can be used to create a <tt>PrivacyExportItem</tt> object from a <tt>Joomla\CMS\Table\Table</tt> object
* Return the domain

Below is an example for exporting articles created by a user, including custom field data.

<source lang="php">
use Joomla\CMS\User\User;

JLoader::register('FieldsHelper', JPATH_ADMINISTRATOR . '/components/com_fields/helpers/fields.php');
JLoader::register('PrivacyPlugin', JPATH_ADMINISTRATOR . '/components/com_privacy/helpers/plugin.php');

class PlgPrivacyContent extends PrivacyPlugin
{
/**
* @var JDatabaseDriver
*/
protected $db;

/**
* @var array
*/
protected $contents = array();

public function onPrivacyExportRequest(PrivacyTableRequest $request, User $user = null)
{
// This plugin only processes data for registered user accounts
if (!$user)
{
return array();
}

$domains = array();
$domains[] = $this->createContentDomain($user);

// Create domains for each article's custom fields
foreach ($this->contents as $content)
{
$domains[] = $this->createContentCustomFieldsDomain($content);
}

return $domains;
}

private function createContentDomain(User $user)
{
$domain = $this->createDomain('user content', 'Joomla! user content data');

$query = $this->db->getQuery(true)
->select('*')
->from($this->db->quoteName('#__content'))
->where($this->db->quoteName('created_by') . ' = ' . (int) $user->id)
->order($this->db->quoteName('ordering') . ' ASC');

$items = $this->db->setQuery($query)->loadAssocList();

// Add each article to the domain
foreach ($items as $item)
{
$domain->addItem($this->createItemFromArray($item));

// Store the article for use in the custom fields processing
$this->contents[] = (object) $item;
}

return $domain;
}

private function createContentCustomFieldsDomain($content)
{
$domain = $this->createDomain('content custom fields', 'Joomla! content custom fields data');

// Get item's fields, also preparing their value property for manual display
$fields = FieldsHelper::getFields('com_content.article', $content);

foreach ($fields as $field)
{
$fieldValue = is_array($field->value) ? implode(', ', $field->value) : $field->value;

$data = array(
'content_id' => $content->id,
'field_name' => $field->name,
'field_title' => $field->title,
'field_value' => $fieldValue,
);

$domain->addItem($this->createItemFromArray($data));
}

return $domain;
}
}
</source>

== Process Removal Requests ==

Processing a removal request requires two steps: Validating that the subject's data can be removed, and the actual removal. Again it is suggested that plugins extend the <tt>PrivacyPlugin</tt> class, however this is not a strict requirement.

<source lang="php">
JLoader::register('PrivacyPlugin', JPATH_ADMINISTRATOR . '/components/com_privacy/helpers/plugin.php');

class PlgPrivacyUser extends PrivacyPlugin {}
</source>

=== Validate Data Can Be Removed ===

If the plugin may need to block a subject's data from being removed, it must subscribe to the <tt>onPrivacyCanRemoveData</tt> event. Generally, a removal should be blocked if there are valid legal reasons to retain the data or if removal may cause permanent damage to the site (for example, the core '''Privacy - User Accounts''' prohibits removing a super user account).

The event receives two arguments:

* <tt>$request</tt> - A <tt>PrivacyTableRequest</tt> object containing the information request record from the database
* <tt>$user</tt> - If there is an account for the email address of the information request, a <tt>Joomla\CMS\User\User</tt> object is given containing the user account data

The event must return a <tt>PrivacyRemovalStatus</tt> data object which specifies if the data cannot be removed and a reason for the inability to remove the data.

<source lang="php">
use Joomla\CMS\Language\Text;
use Joomla\CMS\User\User;

JLoader::register('PrivacyPlugin', JPATH_ADMINISTRATOR . '/components/com_privacy/helpers/plugin.php');
JLoader::register('PrivacyRemovalStatus', JPATH_ADMINISTRATOR . '/components/com_privacy/helpers/removal/status.php');

class PlgPrivacyUser extends PrivacyPlugin
{
public function onPrivacyCanRemoveData(PrivacyTableRequest $request, User $user = null)
{
$status = new PrivacyRemovalStatus;

// We only need to check if there is an associated user account
if (!$user)
{
return $status;
}

// We will not remove a super user account from the site
if ($user->authorise('core.admin'))
{
$status->canRemove = false;
$status->reason = Text::_('PLG_PRIVACY_USER_ERROR_CANNOT_REMOVE_SUPER_USER');
}

return $status;
}
}
</source>

=== Remove or Anonymize Data ===

If the plugin handles the removal or anonymization of data, it must subscribe to the <tt>onPrivacyRemoveData</tt> event.

The event receives two arguments:

* <tt>$request</tt> - A <tt>PrivacyTableRequest</tt> object containing the information request record from the database
* <tt>$user</tt> - If there is an account for the email address of the information request, a <tt>Joomla\CMS\User\User</tt> object is given containing the user account data

Unlike the other events in this component, plugins are not expected to return any data.

Depending on the underlying data's requirements, plugins should anonymize information that is retained and remove any data that is no longer necessary. If necessary, the plugin may perform other actions related to the request and/or user account.

The below example demonstrates how Joomla anonymizes and removes data related to the core user account.

<source lang="php">
use Joomla\CMS\Factory;
use Joomla\CMS\User\User;

JLoader::register('PrivacyPlugin', JPATH_ADMINISTRATOR . '/components/com_privacy/helpers/plugin.php');

class PlgPrivacyUser extends PrivacyPlugin
{
/**
* @var JDatabaseDriver
*/
protected $db;

public function onPrivacyRemoveData(PrivacyTableRequest $request, User $user = null)
{
// This plugin only processes data for registered user accounts
if (!$user)
{
return;
}

$pseudoanonymisedData = array(
'name' => 'User ID ' . $user->id,
'username' => bin2hex(random_bytes(12)), // Generates a random username
'email' => 'UserID' . $user->id . 'removed@email.invalid',
'block' => true,
);

$user->bind($pseudoanonymisedData);

$user->save();

// Destroy all sessions for the user account
$sessionIds = $this->db->setQuery(
$this->db->getQuery(true)
->select($this->db->quoteName('session_id'))
->from($this->db->quoteName('#__session'))
->where($this->db->quoteName('userid') . ' = ' . (int) $user->id)
)->loadColumn();

// If there aren't any active sessions then there's nothing to do here
if (empty($sessionIds))
{
return;
}

$storeName = Factory::getConfig()->get('session_handler', 'none');
$store = JSessionStorage::getInstance($storeName);
$quotedIds = array();

// Destroy the sessions and quote the IDs to purge the session table
foreach ($sessionIds as $sessionId)
{
$store->destroy($sessionId);
$quotedIds[] = $this->db->quote($sessionId);
}

$this->db->setQuery(
$this->db->getQuery(true)
->delete($this->db->quoteName('#__session'))
->where($this->db->quoteName('session_id') . ' IN (' . implode(', ', $quotedIds) . ')')
)->execute();
}
}
</source>

<noinclude>
[[Category:Privacy{{#translation:}}]]
[[Category:Components{{#translation:}}]]
[[Category:Joomla! 3.9{{#translation:}}]]
[[Category:Plugins{{#translation:}}]]
[[Category:Tutorials{{#translation:}}]]
</noinclude>

Translations:J3.x:Integrate Extensions with the Privacy Component/Page display title/it

2018-09-11T18:18:53Z

Ste: Created page with "J3.x:Integra le Estensioni con il Componente Privacy"

J3.x:Integra le Estensioni con il Componente Privacy

Translations:Help35:Components Joomla Update/Page display title/it

2016-06-03T15:41:42Z

Ste:

Help35:Componente Aggiornamento di Joomla

Help310:Components Joomla Update/it

2016-06-03T15:41:26Z

Ste: Created page with "Questa schermata consente di aggiornare velocemente Joomla! scaricando l'attuale pacchetto di aggiornamento dal repository di Joomla! se esiste un aggiornamento da fare. Quest..."

<noinclude><languages /></noinclude>
==Descrizione==
Questa schermata consente di aggiornare velocemente Joomla! scaricando l'attuale pacchetto di aggiornamento dal repository di Joomla! se esiste un aggiornamento da fare. Questa impostazione è quella predefinita.

There are options for allowing what type of updates to look for, e.g. Long Term Support, Short Term Support, Testing, etc... This is accomplished by changing the update server choice. Changes to the update server:
* allows you to choose only a specific update with a version greater than the version of Joomla installed.
* from its default setting is for advanced users, such as developers, for testing and/or development.
* may stop notifications of updates containing security patches.

==How to Access==
* Select {{rarr|Components,Joomla! Update}} from the drop-down menu of the '''''Joomla! Administrator Panel'''''.

{{Chunk30:Help-3x-joomla!-update-configuration/en}}

==Toolbar==
[[Image:Help30-Toolbar-PurgeCache-Options-Help-en.png|800px]]

The functions are:
*'''Purge Cache.''' Empty the cache holding update notification. Useful after changing options of what standards/servers to use for Joomla! Update notifications.
{{Chunk30:Help_screen_toolbar_icon_Options/en}}
{{Chunk30:Help_screen_toolbar_icon_Help/en}}

==Update Images==
'''Update Screen when on the latest version.'''

[[Image:Help30-joomla-update-manager-screen-en.png]]

'''The update screen when an update is available.'''

[[Image:Help30-joomla-update-manager-with-updates-screen-en.png]]

==Quick Tips==
* You can look at the [[S:MyLanguage/Help30:Extensions_Module_Manager_Admin_Quickicon|Joomla! Update Quick Icons]] in the Backend Control Panel.

<noinclude>
[[Category:Help screen 3.0]]
[[Category:Help screen 3.1]]
[[Category:Help screen 3.2]]
[[Category:Help screen 3.3]]
[[Category:Help screen 3.4]]
[[Category:Help screen 3.5]]
[[Category:Components Help Screens]]
[[Category:Upgrading]]
[[Category:Update]]
</noinclude>

Translations:Help35:Components Joomla Update/2/it

2016-06-03T15:41:25Z

Questa schermata consente di aggiornare velocemente Joomla! scaricando l'attuale pacchetto di aggiornamento dal repository di Joomla! se esiste un aggiornamento da fare. Questa impostazione è quella predefinita.

Help310:Components Joomla Update/it

2016-06-03T15:39:49Z

Ste: Created page with "==Descrizione=="

<noinclude><languages /></noinclude>
==Descrizione==
This screen allows Joomla! to be updated quickly by downloading the current update package from the Joomla! code repository if there is an update. This setting is the default setting.

There are options for allowing what type of updates to look for, e.g. Long Term Support, Short Term Support, Testing, etc... This is accomplished by changing the update server choice. Changes to the update server:
* allows you to choose only a specific update with a version greater than the version of Joomla installed.
* from its default setting is for advanced users, such as developers, for testing and/or development.
* may stop notifications of updates containing security patches.

==How to Access==
* Select {{rarr|Components,Joomla! Update}} from the drop-down menu of the '''''Joomla! Administrator Panel'''''.

{{Chunk30:Help-3x-joomla!-update-configuration/en}}

==Toolbar==
[[Image:Help30-Toolbar-PurgeCache-Options-Help-en.png|800px]]

The functions are:
*'''Purge Cache.''' Empty the cache holding update notification. Useful after changing options of what standards/servers to use for Joomla! Update notifications.
{{Chunk30:Help_screen_toolbar_icon_Options/en}}
{{Chunk30:Help_screen_toolbar_icon_Help/en}}

==Update Images==
'''Update Screen when on the latest version.'''

[[Image:Help30-joomla-update-manager-screen-en.png]]

'''The update screen when an update is available.'''

[[Image:Help30-joomla-update-manager-with-updates-screen-en.png]]

==Quick Tips==
* You can look at the [[S:MyLanguage/Help30:Extensions_Module_Manager_Admin_Quickicon|Joomla! Update Quick Icons]] in the Backend Control Panel.

<noinclude>
[[Category:Help screen 3.0]]
[[Category:Help screen 3.1]]
[[Category:Help screen 3.2]]
[[Category:Help screen 3.3]]
[[Category:Help screen 3.4]]
[[Category:Help screen 3.5]]
[[Category:Components Help Screens]]
[[Category:Upgrading]]
[[Category:Update]]
</noinclude>

Translations:Help35:Components Joomla Update/1/it

2016-06-03T15:39:48Z

Ste: Created page with "==Descrizione=="

==Descrizione==

Help310:Components Joomla Update/it

2016-06-03T15:39:41Z

Ste: Created page with "Help35:Componenti Joomla Update"

<noinclude><languages /></noinclude>
==Description==
This screen allows Joomla! to be updated quickly by downloading the current update package from the Joomla! code repository if there is an update. This setting is the default setting.

There are options for allowing what type of updates to look for, e.g. Long Term Support, Short Term Support, Testing, etc... This is accomplished by changing the update server choice. Changes to the update server:
* allows you to choose only a specific update with a version greater than the version of Joomla installed.
* from its default setting is for advanced users, such as developers, for testing and/or development.
* may stop notifications of updates containing security patches.

==How to Access==
* Select {{rarr|Components,Joomla! Update}} from the drop-down menu of the '''''Joomla! Administrator Panel'''''.

{{Chunk30:Help-3x-joomla!-update-configuration/en}}

==Toolbar==
[[Image:Help30-Toolbar-PurgeCache-Options-Help-en.png|800px]]

The functions are:
*'''Purge Cache.''' Empty the cache holding update notification. Useful after changing options of what standards/servers to use for Joomla! Update notifications.
{{Chunk30:Help_screen_toolbar_icon_Options/en}}
{{Chunk30:Help_screen_toolbar_icon_Help/en}}

==Update Images==
'''Update Screen when on the latest version.'''

[[Image:Help30-joomla-update-manager-screen-en.png]]

'''The update screen when an update is available.'''

[[Image:Help30-joomla-update-manager-with-updates-screen-en.png]]

==Quick Tips==
* You can look at the [[S:MyLanguage/Help30:Extensions_Module_Manager_Admin_Quickicon|Joomla! Update Quick Icons]] in the Backend Control Panel.

<noinclude>
[[Category:Help screen 3.0]]
[[Category:Help screen 3.1]]
[[Category:Help screen 3.2]]
[[Category:Help screen 3.3]]
[[Category:Help screen 3.4]]
[[Category:Help screen 3.5]]
[[Category:Components Help Screens]]
[[Category:Upgrading]]
[[Category:Update]]
</noinclude>

Translations:Help35:Components Joomla Update/Page display title/it

2016-06-03T15:39:40Z

Ste: Created page with "Help35:Componenti Joomla Update"

Help35:Componenti Joomla Update

Translations:Help25:Glossary/1/it

2016-06-03T15:37:33Z

Ste: Created page with "{{:Glossary/en}}"

Help25:Glossary/it

2016-06-03T15:37:26Z

Ste: Created page with "Help25:Glossario"

<noinclude><languages /></noinclude>
{{:Glossary/en}}
<noinclude>[[Category:Glossary|{{PAGENAME}}]]</noinclude>

Translations:Help25:Glossary/Page display title/it

2016-06-03T15:37:24Z

Ste: Created page with "Help25:Glossario"

Help25:Glossario

Translations:J3.x:Joomla Standard Icomoon Fonts/13/it

2016-06-03T14:56:35Z

Ste: Created page with "Category:CSS Category:Template Development"

[[Category:CSS]]
[[Category:Template Development]]

J3.x:Joomla Standard Icomoon Fonts/it

2016-06-03T14:56:31Z

Ste: Created page with "Per includere i font Icomoon nel proprio template dovrai aggiungere il folgio di stile css (<tt>/media/jui/css/icomoon.css</tt>) o includerlo in tuo file <tt>.less</tt> quando..."

<noinclude><languages /></noinclude>
{{Joomla version|version=3.0.0|time=and later}}
Da Joomla 3.0.0, il CMS Joomla! presenta il proprio [https://icomoon.io/ Set di Font Icomoon]. Questi fonts sono disponibili di default nei template "Protostar" (Frontend), "Isis" (Amministrazione) e "Hathor" (Amministrazione).

== Come utilizzarli ==

I font Icon possono essere richiamati con un <tt><span class="icon-''name-of-icon''"></tt> tag e uno {space}. es

<pre>
<span class="icon-joomla"> </span>
</pre>

Mostrerà l'icona di Joomla!: <span class="icon-joomla"> </span>

== Dimensioni del carattere ==

Visto che le icone sono dei caratteri, puoi controllarne la dimensione con una classe o stile. Ovviamente dovrai definire la classe nel tuo foglio di stile .css o .less.

<pre>
<span class="icon-joomla large-icon"> </span>
<span class="icon-joomla" style="font-size:24px;"> </span>
</pre>

Questa è l'icona di Joomla! ridimensionata: <span class="icon-joomla" style="font-size:24px;"> </span>

== Icone Icomoon disponibili ==

Questa è la lista completa, inclusi i nomi alternativi per richiamare le icone. Le alternative sono separate da uno '/'.

<div class="row">
<div class="small-12 large-4 columns"><span class="icon-joomla"> </span>  joomla</div>
<div class="small-12 large-4 columns"><span class="icon-address"> </span>  address</div>
<div class="small-12 large-4 columns"><span class="icon-apply"> </span>  apply / edit / pencil</div>
<div class="small-12 large-4 columns"><span class="icon-archive"> </span>  archive / drawer-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-2"> </span>  arrow-down-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-3"> </span>  arrow-down-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-4"> </span>  arrow-down-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-first"> </span>  arrow-first</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-last"> </span>  arrow-last</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-2"> </span>  arrow-left-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-3"> </span>  arrow-left-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-4"> </span>  arrow-left-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-2"> </span>  arrow-right-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-3"> </span>  arrow-right-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-4"> </span>  arrow-right-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-2"> </span>  arrow-up-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-3"> </span>  arrow-up-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-4"> </span>  arrow-up-4</div>
<div class="small-12 large-4 columns"><span class="icon-attachment"> </span>  attachment / paperclip / flag-2</div>
<div class="small-12 large-4 columns"><span class="icon-backward-2"> </span>  backward-2 / reply</div>
<div class="small-12 large-4 columns"><span class="icon-backward-circle"> </span>  backward-circle</div>
<div class="small-12 large-4 columns"><span class="icon-ban-circle"> </span>  ban-circle / minus-circle</div>
<div class="small-12 large-4 columns"><span class="icon-bars"> </span>  bars</div>
<div class="small-12 large-4 columns"><span class="icon-basket"> </span>  basket</div>
<div class="small-12 large-4 columns"><span class="icon-book"> </span>  book</div>
<div class="small-12 large-4 columns"><span class="icon-bookmark"> </span>  bookmark</div>
<div class="small-12 large-4 columns"><span class="icon-bookmark-2"> </span>  bookmark-2</div>
<div class="small-12 large-4 columns"><span class="icon-box-add"> </span>  box-add</div>
<div class="small-12 large-4 columns"><span class="icon-box-remove"> </span>  box-remove</div>
<div class="small-12 large-4 columns"><span class="icon-briefcase"> </span>  briefcase</div>
<div class="small-12 large-4 columns"><span class="icon-broadcast"> </span>  broadcast / connection / wifi</div>
<div class="small-12 large-4 columns"><span class="icon-brush"> </span>  brush</div>
<div class="small-12 large-4 columns"><span class="icon-calendar"> </span>  calendar</div>
<div class="small-12 large-4 columns"><span class="icon-calendar-2"> </span>  calendar-2</div>
<div class="small-12 large-4 columns"><span class="icon-calendar-3"> </span>  calendar-3</div>
<div class="small-12 large-4 columns"><span class="icon-camera"> </span>  camera</div>
<div class="small-12 large-4 columns"><span class="icon-camera-2"> </span>  camera-2 / video</div>
<div class="small-12 large-4 columns"><span class="icon-cancel-circle"> </span>  cancel-circle</div>
<div class="small-12 large-4 columns"><span class="icon-cart"> </span>  cart</div>
<div class="small-12 large-4 columns"><span class="icon-chart"> </span>  chart</div>
<div class="small-12 large-4 columns"><span class="icon-checkbox-partial"> </span>  checkbox-partial</div>
<div class="small-12 large-4 columns"><span class="icon-checkbox-unchecked"> </span>  checkbox-unchecked</div>
<div class="small-12 large-4 columns"><span class="icon-checkedout"> </span>  checkedout / lock / locked</div>
<div class="small-12 large-4 columns"><span class="icon-checkin"> </span>  checkin / checkbox / checkbox-checked</div>
<div class="small-12 large-4 columns"><span class="icon-checkmark-2"> </span>  checkmark-2</div>
<div class="small-12 large-4 columns"><span class="icon-checkmark-circle"> </span>  checkmark-circle</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-down"> </span>  chevron-down / downarrow / arrow-down</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-left"> </span>  chevron-left / leftarrow / arrow-left</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-right"> </span>  chevron-right / rightarrow / arrow-right</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-up"> </span>  chevron-up / uparrow / arrow-up</div>
<div class="small-12 large-4 columns"><span class="icon-circle"> </span>  circle</div>
<div class="small-12 large-4 columns"><span class="icon-clock"> </span>  clock</div>
<div class="small-12 large-4 columns"><span class="icon-cogs"> </span>  cogs</div>
<div class="small-12 large-4 columns"><span class="icon-comment"> </span>  comment / comments</div>
<div class="small-12 large-4 columns"><span class="icon-comments-2"> </span>  comments-2</div>
<div class="small-12 large-4 columns"><span class="icon-compass"> </span>  compass</div>
<div class="small-12 large-4 columns"><span class="icon-contract"> </span>  contract</div>
<div class="small-12 large-4 columns"><span class="icon-contract-2"> </span>  contract-2</div>
<div class="small-12 large-4 columns"><span class="icon-credit"> </span>  credit</div>
<div class="small-12 large-4 columns"><span class="icon-credit-2"> </span>  credit-2</div>
<div class="small-12 large-4 columns"><span class="icon-cube"> </span>  cube</div>
<div class="small-12 large-4 columns"><span class="icon-dashboard"> </span>  dashboard</div>
<div class="small-12 large-4 columns"><span class="icon-database"> </span>  database</div>
<div class="small-12 large-4 columns"><span class="icon-delete"> </span>  delete / remove / cancel-2</div>
<div class="small-12 large-4 columns"><span class="icon-download"> </span>  download</div>
<div class="small-12 large-4 columns"><span class="icon-enter"> </span>  enter</div>
<div class="small-12 large-4 columns"><span class="icon-envelope"> </span>  envelope / mail</div>
<div class="small-12 large-4 columns"><span class="icon-envelope-opened"> </span>  envelope-opened / mail-2</div>
<div class="small-12 large-4 columns"><span class="icon-equalizer"> </span>  equalizer</div>
<div class="small-12 large-4 columns"><span class="icon-exit"> </span>  exit</div>
<div class="small-12 large-4 columns"><span class="icon-expand"> </span>  expand</div>
<div class="small-12 large-4 columns"><span class="icon-expand-2"> </span>  expand-2</div>
<div class="small-12 large-4 columns"><span class="icon-expired"> </span>  expired</div>
<div class="small-12 large-4 columns"><span class="icon-eye-close"> </span>  eye-close / eye-blocked / eye-2</div>
<div class="small-12 large-4 columns"><span class="icon-eye-open"> </span>  eye-open / eye</div>
<div class="small-12 large-4 columns"><span class="icon-featured"> </span>  featured / default / star</div>
<div class="small-12 large-4 columns"><span class="icon-feed"> </span>  feed</div>
<div class="small-12 large-4 columns"><span class="icon-file"> </span>  file</div>
<div class="small-12 large-4 columns"><span class="icon-file-2"> </span>  file-2</div>
<div class="small-12 large-4 columns"><span class="icon-file-add"> </span>  file-add / file-plus</div>
<div class="small-12 large-4 columns"><span class="icon-file-check"> </span>  file-check</div>
<div class="small-12 large-4 columns"><span class="icon-file-minus"> </span>  file-minus</div>
<div class="small-12 large-4 columns"><span class="icon-file-remove"> </span>  file-remove</div>
<div class="small-12 large-4 columns"><span class="icon-filter"> </span>  filter</div>
<div class="small-12 large-4 columns"><span class="icon-first"> </span>  first</div>
<div class="small-12 large-4 columns"><span class="icon-flag"> </span>  flag</div>
<div class="small-12 large-4 columns"><span class="icon-flag-3"> </span>  flag-3</div>
<div class="small-12 large-4 columns"><span class="icon-folder-3"> </span>  folder-3</div>
<div class="small-12 large-4 columns"><span class="icon-folder-close"> </span>  folder-close / folder-2</div>
<div class="small-12 large-4 columns"><span class="icon-folder-minus"> </span>  folder-minus</div>
<div class="small-12 large-4 columns"><span class="icon-folder-open"> </span>  folder-open / folder</div>
<div class="small-12 large-4 columns"><span class="icon-folder-plus"> </span>  folder-plus</div>
<div class="small-12 large-4 columns"><span class="icon-folder-plus-2"> </span>  folder-plus-2</div>
<div class="small-12 large-4 columns"><span class="icon-folder-remove"> </span>  folder-remove</div>
<div class="small-12 large-4 columns"><span class="icon-forward-2"> </span>  forward-2</div>
<div class="small-12 large-4 columns"><span class="icon-forward-circle"> </span>  forward-circle</div>
<div class="small-12 large-4 columns"><span class="icon-grid"> </span>  grid / grid-view</div>
<div class="small-12 large-4 columns"><span class="icon-grid-2"> </span>  grid-2 / grid-view-2</div>
<div class="small-12 large-4 columns"><span class="icon-health"> </span>  health</div>
<div class="small-12 large-4 columns"><span class="icon-heart"> </span>  heart</div>
<div class="small-12 large-4 columns"><span class="icon-heart-2"> </span>  heart-2</div>
<div class="small-12 large-4 columns"><span class="icon-home"> </span>  home</div>
<div class="small-12 large-4 columns"><span class="icon-home-2"> </span>  home-2</div>
<div class="small-12 large-4 columns"><span class="icon-info"> </span>  info</div>
<div class="small-12 large-4 columns"><span class="icon-info-2"> </span>  info-2 / info-circle</div>
<div class="small-12 large-4 columns"><span class="icon-key"> </span>  key</div>
<div class="small-12 large-4 columns"><span class="icon-lamp"> </span>  lamp</div>
<div class="small-12 large-4 columns"><span class="icon-last"> </span>  last</div>
<div class="small-12 large-4 columns"><span class="icon-lightning"> </span>  lightning / flash</div>
<div class="small-12 large-4 columns"><span class="icon-link"> </span>  link</div>
<div class="small-12 large-4 columns"><span class="icon-list"> </span>  list / list-view</div>
<div class="small-12 large-4 columns"><span class="icon-list-2"> </span>  list-2</div>
<div class="small-12 large-4 columns"><span class="icon-location"> </span>  location</div>
<div class="small-12 large-4 columns"><span class="icon-loop"> </span>  loop</div>
<div class="small-12 large-4 columns"><span class="icon-menu"> </span>  menu</div>
<div class="small-12 large-4 columns"><span class="icon-menu-2"> </span>  menu-2</div>
<div class="small-12 large-4 columns"><span class="icon-menu-3"> </span>  menu-3</div>
<div class="small-12 large-4 columns"><span class="icon-minus"> </span>  minus / not-ok</div>
<div class="small-12 large-4 columns"><span class="icon-minus-sign"> </span>  minus-sign / minus-2</div>
<div class="small-12 large-4 columns"><span class="icon-mobile"> </span>  mobile</div>
<div class="small-12 large-4 columns"><span class="icon-move"> </span>  move</div>
<div class="small-12 large-4 columns"><span class="icon-music"> </span>  music</div>
<div class="small-12 large-4 columns"><span class="icon-new"> </span>  new / plus</div>
<div class="small-12 large-4 columns"><span class="icon-next"> </span>  next / forward</div>
<div class="small-12 large-4 columns"><span class="icon-notification"> </span>  notification</div>
<div class="small-12 large-4 columns"><span class="icon-notification-2"> </span>  notification-2 / notification-circle</div>
<div class="small-12 large-4 columns"><span class="icon-options"> </span>  options / cog</div>
<div class="small-12 large-4 columns"><span class="icon-out-2"> </span>  out-2 / new-tab</div>
<div class="small-12 large-4 columns"><span class="icon-out-3"> </span>  out-3 / new-tab-2</div>
<div class="small-12 large-4 columns"><span class="icon-palette"> </span>  palette / color-palette</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-center"> </span>  paragraph-center</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-justify"> </span>  paragraph-justify</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-left"> </span>  paragraph-left</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-right"> </span>  paragraph-right</div>
<div class="small-12 large-4 columns"><span class="icon-pause"> </span>  pause</div>
<div class="small-12 large-4 columns"><span class="icon-pause-circle"> </span>  pause-circle</div>
<div class="small-12 large-4 columns"><span class="icon-pencil-2"> </span>  pencil-2</div>
<div class="small-12 large-4 columns"><span class="icon-pending"> </span>  pending / warning</div>
<div class="small-12 large-4 columns"><span class="icon-phone"> </span>  phone</div>
<div class="small-12 large-4 columns"><span class="icon-phone-2"> </span>  phone-2</div>
<div class="small-12 large-4 columns"><span class="icon-picture"> </span>  picture / image</div>
<div class="small-12 large-4 columns"><span class="icon-pictures"> </span>  pictures / images</div>
<div class="small-12 large-4 columns"><span class="icon-pie"> </span>  pie</div>
<div class="small-12 large-4 columns"><span class="icon-pin"> </span>  pin / pushpin</div>
<div class="small-12 large-4 columns"><span class="icon-play"> </span>  play</div>
<div class="small-12 large-4 columns"><span class="icon-play-2"> </span>  play-2 / video-2 / youtube</div>
<div class="small-12 large-4 columns"><span class="icon-play-circle"> </span>  play-circle</div>
<div class="small-12 large-4 columns"><span class="icon-plus-circle"> </span>  plus-circle</div>
<div class="small-12 large-4 columns"><span class="icon-power-cord"> </span>  power-cord</div>
<div class="small-12 large-4 columns"><span class="icon-previous"> </span>  previous / backward</div>
<div class="small-12 large-4 columns"><span class="icon-print"> </span>  print / printer</div>
<div class="small-12 large-4 columns"><span class="icon-publish"> </span>  publish / save / ok / checkmark</div>
<div class="small-12 large-4 columns"><span class="icon-purge"> </span>  purge / trash</div>
<div class="small-12 large-4 columns"><span class="icon-puzzle"> </span>  puzzle</div>
<div class="small-12 large-4 columns"><span class="icon-question"> </span>  question / question-sign / help</div>
<div class="small-12 large-4 columns"><span class="icon-question-2"> </span>  question-2 / question-circle</div>
<div class="small-12 large-4 columns"><span class="icon-quote"> </span>  quote / quotes-left</div>
<div class="small-12 large-4 columns"><span class="icon-quote-2"> </span>  quote-2 / quotes-right</div>
<div class="small-12 large-4 columns"><span class="icon-quote-3"> </span>  quote-3 / bubble-quote</div>
<div class="small-12 large-4 columns"><span class="icon-radio-checked"> </span>  radio-checked / generic</div>
<div class="small-12 large-4 columns"><span class="icon-radio-unchecked"> </span>  radio-unchecked</div>
<div class="small-12 large-4 columns"><span class="icon-save-copy"> </span>  save-copy / copy</div>
<div class="small-12 large-4 columns"><span class="icon-save-new"> </span>  save-new / plus-2</div>
<div class="small-12 large-4 columns"><span class="icon-scissors"> </span>  scissors</div>
<div class="small-12 large-4 columns"><span class="icon-screen"> </span>  screen</div>
<div class="small-12 large-4 columns"><span class="icon-screwdriver"> </span>  screwdriver / tools</div>
<div class="small-12 large-4 columns"><span class="icon-search"> </span>  search</div>
<div class="small-12 large-4 columns"><span class="icon-share"> </span>  share / redo</div>
<div class="small-12 large-4 columns"><span class="icon-share-alt"> </span>  share-alt / out</div>
<div class="small-12 large-4 columns"><span class="icon-shield"> </span>  shield</div>
<div class="small-12 large-4 columns"><span class="icon-shuffle"> </span>  shuffle</div>
<div class="small-12 large-4 columns"><span class="icon-signup"> </span>  signup</div>
<div class="small-12 large-4 columns"><span class="icon-smiley"> </span>  smiley / smiley-happy</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-2"> </span>  smiley-2 / smiley-happy-2</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-neutral"> </span>  smiley-neutral</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-neutral-2"> </span>  smiley-neutral-2</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-sad"> </span>  smiley-sad</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-sad-2"> </span>  smiley-sad-2</div>
<div class="small-12 large-4 columns"><span class="icon-square"> </span>  square</div>
<div class="small-12 large-4 columns"><span class="icon-stack"> </span>  stack</div>
<div class="small-12 large-4 columns"><span class="icon-star-2"> </span>  star-2</div>
<div class="small-12 large-4 columns"><span class="icon-stop"> </span>  stop</div>
<div class="small-12 large-4 columns"><span class="icon-stop-circle"> </span>  stop-circle</div>
<div class="small-12 large-4 columns"><span class="icon-support"> </span>  support</div>
<div class="small-12 large-4 columns"><span class="icon-switch"> </span>  switch</div>
<div class="small-12 large-4 columns"><span class="icon-tablet"> </span>  tablet</div>
<div class="small-12 large-4 columns"><span class="icon-tag"> </span>  tag</div>
<div class="small-12 large-4 columns"><span class="icon-tag-2"> </span>  tag-2</div>
<div class="small-12 large-4 columns"><span class="icon-tags"> </span>  tags</div>
<div class="small-12 large-4 columns"><span class="icon-tags-2"> </span>  tags-2</div>
<div class="small-12 large-4 columns"><span class="icon-thumbs-down"> </span>  thumbs-down</div>
<div class="small-12 large-4 columns"><span class="icon-thumbs-up"> </span>  thumbs-up</div>
<div class="small-12 large-4 columns"><span class="icon-tree"> </span>  tree</div>
<div class="small-12 large-4 columns"><span class="icon-tree-2"> </span>  tree-2</div>
<div class="small-12 large-4 columns"><span class="icon-unarchive"> </span>  unarchive / drawer</div>
<div class="small-12 large-4 columns"><span class="icon-unblock"> </span>  unblock / refresh / redo-2</div>
<div class="small-12 large-4 columns"><span class="icon-undo"> </span>  undo</div>
<div class="small-12 large-4 columns"><span class="icon-undo-2"> </span>  undo-2</div>
<div class="small-12 large-4 columns"><span class="icon-unfeatured"> </span>  unfeatured / asterisk / star-empty</div>
<div class="small-12 large-4 columns"><span class="icon-unlock"> </span>  unlock</div>
<div class="small-12 large-4 columns"><span class="icon-unpublish"> </span>  unpublish / cancel</div>
<div class="small-12 large-4 columns"><span class="icon-upload"> </span>  upload</div>
<div class="small-12 large-4 columns"><span class="icon-user"> </span>  user</div>
<div class="small-12 large-4 columns"><span class="icon-users"> </span>  users</div>
<div class="small-12 large-4 columns"><span class="icon-vcard"> </span>  vcard</div>
<div class="small-12 large-4 columns"><span class="icon-wand"> </span>  wand</div>
<div class="small-12 large-4 columns"><span class="icon-warning-2"> </span>  warning-2 / warning-circle</div>
<div class="small-12 large-4 columns"><span class="icon-wrench"> </span>  wrench</div>
<div class="small-12 large-4 columns"><span class="icon-zoom-in"> </span>  zoom-in</div>
<div class="small-12 large-4 columns"><span class="icon-zoom-out"> </span>  zoom-out</div>
</div>

== Inclusione nel proprio Template ==
{{note|Questa sezione è incompleta.}}
__NOTOC__
Per includere i font Icomoon nel proprio template dovrai aggiungere il folgio di stile css (<tt>/media/jui/css/icomoon.css</tt>) o includerlo in tuo file <tt>.less</tt> quando generi il foglio di stile <tt>.css</tt>.

<source lang="php">
$doc = JFactory::getDocument();
$doc->addStyleSheet($this->baseurl.'/media/jui/css/icomoon.css');
</source>

<noinclude>
[[Category:CSS]]
[[Category:Template Development]]
</noinclude>

Translations:J3.x:Joomla Standard Icomoon Fonts/11/it

2016-06-03T14:56:30Z

Per includere i font Icomoon nel proprio template dovrai aggiungere il folgio di stile css (<tt>/media/jui/css/icomoon.css</tt>) o includerlo in tuo file <tt>.less</tt> quando generi il foglio di stile <tt>.css</tt>.

J3.x:Joomla Standard Icomoon Fonts/it

2016-06-03T14:55:03Z

Ste: Created page with "Questa sezione è incompleta."

<noinclude><languages /></noinclude>
{{Joomla version|version=3.0.0|time=and later}}
Da Joomla 3.0.0, il CMS Joomla! presenta il proprio [https://icomoon.io/ Set di Font Icomoon]. Questi fonts sono disponibili di default nei template "Protostar" (Frontend), "Isis" (Amministrazione) e "Hathor" (Amministrazione).

== Come utilizzarli ==

I font Icon possono essere richiamati con un <tt><span class="icon-''name-of-icon''"></tt> tag e uno {space}. es

<pre>
<span class="icon-joomla"> </span>
</pre>

Mostrerà l'icona di Joomla!: <span class="icon-joomla"> </span>

== Dimensioni del carattere ==

Visto che le icone sono dei caratteri, puoi controllarne la dimensione con una classe o stile. Ovviamente dovrai definire la classe nel tuo foglio di stile .css o .less.

<pre>
<span class="icon-joomla large-icon"> </span>
<span class="icon-joomla" style="font-size:24px;"> </span>
</pre>

Questa è l'icona di Joomla! ridimensionata: <span class="icon-joomla" style="font-size:24px;"> </span>

== Icone Icomoon disponibili ==

Questa è la lista completa, inclusi i nomi alternativi per richiamare le icone. Le alternative sono separate da uno '/'.

<div class="row">
<div class="small-12 large-4 columns"><span class="icon-joomla"> </span>  joomla</div>
<div class="small-12 large-4 columns"><span class="icon-address"> </span>  address</div>
<div class="small-12 large-4 columns"><span class="icon-apply"> </span>  apply / edit / pencil</div>
<div class="small-12 large-4 columns"><span class="icon-archive"> </span>  archive / drawer-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-2"> </span>  arrow-down-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-3"> </span>  arrow-down-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-4"> </span>  arrow-down-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-first"> </span>  arrow-first</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-last"> </span>  arrow-last</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-2"> </span>  arrow-left-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-3"> </span>  arrow-left-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-4"> </span>  arrow-left-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-2"> </span>  arrow-right-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-3"> </span>  arrow-right-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-4"> </span>  arrow-right-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-2"> </span>  arrow-up-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-3"> </span>  arrow-up-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-4"> </span>  arrow-up-4</div>
<div class="small-12 large-4 columns"><span class="icon-attachment"> </span>  attachment / paperclip / flag-2</div>
<div class="small-12 large-4 columns"><span class="icon-backward-2"> </span>  backward-2 / reply</div>
<div class="small-12 large-4 columns"><span class="icon-backward-circle"> </span>  backward-circle</div>
<div class="small-12 large-4 columns"><span class="icon-ban-circle"> </span>  ban-circle / minus-circle</div>
<div class="small-12 large-4 columns"><span class="icon-bars"> </span>  bars</div>
<div class="small-12 large-4 columns"><span class="icon-basket"> </span>  basket</div>
<div class="small-12 large-4 columns"><span class="icon-book"> </span>  book</div>
<div class="small-12 large-4 columns"><span class="icon-bookmark"> </span>  bookmark</div>
<div class="small-12 large-4 columns"><span class="icon-bookmark-2"> </span>  bookmark-2</div>
<div class="small-12 large-4 columns"><span class="icon-box-add"> </span>  box-add</div>
<div class="small-12 large-4 columns"><span class="icon-box-remove"> </span>  box-remove</div>
<div class="small-12 large-4 columns"><span class="icon-briefcase"> </span>  briefcase</div>
<div class="small-12 large-4 columns"><span class="icon-broadcast"> </span>  broadcast / connection / wifi</div>
<div class="small-12 large-4 columns"><span class="icon-brush"> </span>  brush</div>
<div class="small-12 large-4 columns"><span class="icon-calendar"> </span>  calendar</div>
<div class="small-12 large-4 columns"><span class="icon-calendar-2"> </span>  calendar-2</div>
<div class="small-12 large-4 columns"><span class="icon-calendar-3"> </span>  calendar-3</div>
<div class="small-12 large-4 columns"><span class="icon-camera"> </span>  camera</div>
<div class="small-12 large-4 columns"><span class="icon-camera-2"> </span>  camera-2 / video</div>
<div class="small-12 large-4 columns"><span class="icon-cancel-circle"> </span>  cancel-circle</div>
<div class="small-12 large-4 columns"><span class="icon-cart"> </span>  cart</div>
<div class="small-12 large-4 columns"><span class="icon-chart"> </span>  chart</div>
<div class="small-12 large-4 columns"><span class="icon-checkbox-partial"> </span>  checkbox-partial</div>
<div class="small-12 large-4 columns"><span class="icon-checkbox-unchecked"> </span>  checkbox-unchecked</div>
<div class="small-12 large-4 columns"><span class="icon-checkedout"> </span>  checkedout / lock / locked</div>
<div class="small-12 large-4 columns"><span class="icon-checkin"> </span>  checkin / checkbox / checkbox-checked</div>
<div class="small-12 large-4 columns"><span class="icon-checkmark-2"> </span>  checkmark-2</div>
<div class="small-12 large-4 columns"><span class="icon-checkmark-circle"> </span>  checkmark-circle</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-down"> </span>  chevron-down / downarrow / arrow-down</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-left"> </span>  chevron-left / leftarrow / arrow-left</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-right"> </span>  chevron-right / rightarrow / arrow-right</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-up"> </span>  chevron-up / uparrow / arrow-up</div>
<div class="small-12 large-4 columns"><span class="icon-circle"> </span>  circle</div>
<div class="small-12 large-4 columns"><span class="icon-clock"> </span>  clock</div>
<div class="small-12 large-4 columns"><span class="icon-cogs"> </span>  cogs</div>
<div class="small-12 large-4 columns"><span class="icon-comment"> </span>  comment / comments</div>
<div class="small-12 large-4 columns"><span class="icon-comments-2"> </span>  comments-2</div>
<div class="small-12 large-4 columns"><span class="icon-compass"> </span>  compass</div>
<div class="small-12 large-4 columns"><span class="icon-contract"> </span>  contract</div>
<div class="small-12 large-4 columns"><span class="icon-contract-2"> </span>  contract-2</div>
<div class="small-12 large-4 columns"><span class="icon-credit"> </span>  credit</div>
<div class="small-12 large-4 columns"><span class="icon-credit-2"> </span>  credit-2</div>
<div class="small-12 large-4 columns"><span class="icon-cube"> </span>  cube</div>
<div class="small-12 large-4 columns"><span class="icon-dashboard"> </span>  dashboard</div>
<div class="small-12 large-4 columns"><span class="icon-database"> </span>  database</div>
<div class="small-12 large-4 columns"><span class="icon-delete"> </span>  delete / remove / cancel-2</div>
<div class="small-12 large-4 columns"><span class="icon-download"> </span>  download</div>
<div class="small-12 large-4 columns"><span class="icon-enter"> </span>  enter</div>
<div class="small-12 large-4 columns"><span class="icon-envelope"> </span>  envelope / mail</div>
<div class="small-12 large-4 columns"><span class="icon-envelope-opened"> </span>  envelope-opened / mail-2</div>
<div class="small-12 large-4 columns"><span class="icon-equalizer"> </span>  equalizer</div>
<div class="small-12 large-4 columns"><span class="icon-exit"> </span>  exit</div>
<div class="small-12 large-4 columns"><span class="icon-expand"> </span>  expand</div>
<div class="small-12 large-4 columns"><span class="icon-expand-2"> </span>  expand-2</div>
<div class="small-12 large-4 columns"><span class="icon-expired"> </span>  expired</div>
<div class="small-12 large-4 columns"><span class="icon-eye-close"> </span>  eye-close / eye-blocked / eye-2</div>
<div class="small-12 large-4 columns"><span class="icon-eye-open"> </span>  eye-open / eye</div>
<div class="small-12 large-4 columns"><span class="icon-featured"> </span>  featured / default / star</div>
<div class="small-12 large-4 columns"><span class="icon-feed"> </span>  feed</div>
<div class="small-12 large-4 columns"><span class="icon-file"> </span>  file</div>
<div class="small-12 large-4 columns"><span class="icon-file-2"> </span>  file-2</div>
<div class="small-12 large-4 columns"><span class="icon-file-add"> </span>  file-add / file-plus</div>
<div class="small-12 large-4 columns"><span class="icon-file-check"> </span>  file-check</div>
<div class="small-12 large-4 columns"><span class="icon-file-minus"> </span>  file-minus</div>
<div class="small-12 large-4 columns"><span class="icon-file-remove"> </span>  file-remove</div>
<div class="small-12 large-4 columns"><span class="icon-filter"> </span>  filter</div>
<div class="small-12 large-4 columns"><span class="icon-first"> </span>  first</div>
<div class="small-12 large-4 columns"><span class="icon-flag"> </span>  flag</div>
<div class="small-12 large-4 columns"><span class="icon-flag-3"> </span>  flag-3</div>
<div class="small-12 large-4 columns"><span class="icon-folder-3"> </span>  folder-3</div>
<div class="small-12 large-4 columns"><span class="icon-folder-close"> </span>  folder-close / folder-2</div>
<div class="small-12 large-4 columns"><span class="icon-folder-minus"> </span>  folder-minus</div>
<div class="small-12 large-4 columns"><span class="icon-folder-open"> </span>  folder-open / folder</div>
<div class="small-12 large-4 columns"><span class="icon-folder-plus"> </span>  folder-plus</div>
<div class="small-12 large-4 columns"><span class="icon-folder-plus-2"> </span>  folder-plus-2</div>
<div class="small-12 large-4 columns"><span class="icon-folder-remove"> </span>  folder-remove</div>
<div class="small-12 large-4 columns"><span class="icon-forward-2"> </span>  forward-2</div>
<div class="small-12 large-4 columns"><span class="icon-forward-circle"> </span>  forward-circle</div>
<div class="small-12 large-4 columns"><span class="icon-grid"> </span>  grid / grid-view</div>
<div class="small-12 large-4 columns"><span class="icon-grid-2"> </span>  grid-2 / grid-view-2</div>
<div class="small-12 large-4 columns"><span class="icon-health"> </span>  health</div>
<div class="small-12 large-4 columns"><span class="icon-heart"> </span>  heart</div>
<div class="small-12 large-4 columns"><span class="icon-heart-2"> </span>  heart-2</div>
<div class="small-12 large-4 columns"><span class="icon-home"> </span>  home</div>
<div class="small-12 large-4 columns"><span class="icon-home-2"> </span>  home-2</div>
<div class="small-12 large-4 columns"><span class="icon-info"> </span>  info</div>
<div class="small-12 large-4 columns"><span class="icon-info-2"> </span>  info-2 / info-circle</div>
<div class="small-12 large-4 columns"><span class="icon-key"> </span>  key</div>
<div class="small-12 large-4 columns"><span class="icon-lamp"> </span>  lamp</div>
<div class="small-12 large-4 columns"><span class="icon-last"> </span>  last</div>
<div class="small-12 large-4 columns"><span class="icon-lightning"> </span>  lightning / flash</div>
<div class="small-12 large-4 columns"><span class="icon-link"> </span>  link</div>
<div class="small-12 large-4 columns"><span class="icon-list"> </span>  list / list-view</div>
<div class="small-12 large-4 columns"><span class="icon-list-2"> </span>  list-2</div>
<div class="small-12 large-4 columns"><span class="icon-location"> </span>  location</div>
<div class="small-12 large-4 columns"><span class="icon-loop"> </span>  loop</div>
<div class="small-12 large-4 columns"><span class="icon-menu"> </span>  menu</div>
<div class="small-12 large-4 columns"><span class="icon-menu-2"> </span>  menu-2</div>
<div class="small-12 large-4 columns"><span class="icon-menu-3"> </span>  menu-3</div>
<div class="small-12 large-4 columns"><span class="icon-minus"> </span>  minus / not-ok</div>
<div class="small-12 large-4 columns"><span class="icon-minus-sign"> </span>  minus-sign / minus-2</div>
<div class="small-12 large-4 columns"><span class="icon-mobile"> </span>  mobile</div>
<div class="small-12 large-4 columns"><span class="icon-move"> </span>  move</div>
<div class="small-12 large-4 columns"><span class="icon-music"> </span>  music</div>
<div class="small-12 large-4 columns"><span class="icon-new"> </span>  new / plus</div>
<div class="small-12 large-4 columns"><span class="icon-next"> </span>  next / forward</div>
<div class="small-12 large-4 columns"><span class="icon-notification"> </span>  notification</div>
<div class="small-12 large-4 columns"><span class="icon-notification-2"> </span>  notification-2 / notification-circle</div>
<div class="small-12 large-4 columns"><span class="icon-options"> </span>  options / cog</div>
<div class="small-12 large-4 columns"><span class="icon-out-2"> </span>  out-2 / new-tab</div>
<div class="small-12 large-4 columns"><span class="icon-out-3"> </span>  out-3 / new-tab-2</div>
<div class="small-12 large-4 columns"><span class="icon-palette"> </span>  palette / color-palette</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-center"> </span>  paragraph-center</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-justify"> </span>  paragraph-justify</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-left"> </span>  paragraph-left</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-right"> </span>  paragraph-right</div>
<div class="small-12 large-4 columns"><span class="icon-pause"> </span>  pause</div>
<div class="small-12 large-4 columns"><span class="icon-pause-circle"> </span>  pause-circle</div>
<div class="small-12 large-4 columns"><span class="icon-pencil-2"> </span>  pencil-2</div>
<div class="small-12 large-4 columns"><span class="icon-pending"> </span>  pending / warning</div>
<div class="small-12 large-4 columns"><span class="icon-phone"> </span>  phone</div>
<div class="small-12 large-4 columns"><span class="icon-phone-2"> </span>  phone-2</div>
<div class="small-12 large-4 columns"><span class="icon-picture"> </span>  picture / image</div>
<div class="small-12 large-4 columns"><span class="icon-pictures"> </span>  pictures / images</div>
<div class="small-12 large-4 columns"><span class="icon-pie"> </span>  pie</div>
<div class="small-12 large-4 columns"><span class="icon-pin"> </span>  pin / pushpin</div>
<div class="small-12 large-4 columns"><span class="icon-play"> </span>  play</div>
<div class="small-12 large-4 columns"><span class="icon-play-2"> </span>  play-2 / video-2 / youtube</div>
<div class="small-12 large-4 columns"><span class="icon-play-circle"> </span>  play-circle</div>
<div class="small-12 large-4 columns"><span class="icon-plus-circle"> </span>  plus-circle</div>
<div class="small-12 large-4 columns"><span class="icon-power-cord"> </span>  power-cord</div>
<div class="small-12 large-4 columns"><span class="icon-previous"> </span>  previous / backward</div>
<div class="small-12 large-4 columns"><span class="icon-print"> </span>  print / printer</div>
<div class="small-12 large-4 columns"><span class="icon-publish"> </span>  publish / save / ok / checkmark</div>
<div class="small-12 large-4 columns"><span class="icon-purge"> </span>  purge / trash</div>
<div class="small-12 large-4 columns"><span class="icon-puzzle"> </span>  puzzle</div>
<div class="small-12 large-4 columns"><span class="icon-question"> </span>  question / question-sign / help</div>
<div class="small-12 large-4 columns"><span class="icon-question-2"> </span>  question-2 / question-circle</div>
<div class="small-12 large-4 columns"><span class="icon-quote"> </span>  quote / quotes-left</div>
<div class="small-12 large-4 columns"><span class="icon-quote-2"> </span>  quote-2 / quotes-right</div>
<div class="small-12 large-4 columns"><span class="icon-quote-3"> </span>  quote-3 / bubble-quote</div>
<div class="small-12 large-4 columns"><span class="icon-radio-checked"> </span>  radio-checked / generic</div>
<div class="small-12 large-4 columns"><span class="icon-radio-unchecked"> </span>  radio-unchecked</div>
<div class="small-12 large-4 columns"><span class="icon-save-copy"> </span>  save-copy / copy</div>
<div class="small-12 large-4 columns"><span class="icon-save-new"> </span>  save-new / plus-2</div>
<div class="small-12 large-4 columns"><span class="icon-scissors"> </span>  scissors</div>
<div class="small-12 large-4 columns"><span class="icon-screen"> </span>  screen</div>
<div class="small-12 large-4 columns"><span class="icon-screwdriver"> </span>  screwdriver / tools</div>
<div class="small-12 large-4 columns"><span class="icon-search"> </span>  search</div>
<div class="small-12 large-4 columns"><span class="icon-share"> </span>  share / redo</div>
<div class="small-12 large-4 columns"><span class="icon-share-alt"> </span>  share-alt / out</div>
<div class="small-12 large-4 columns"><span class="icon-shield"> </span>  shield</div>
<div class="small-12 large-4 columns"><span class="icon-shuffle"> </span>  shuffle</div>
<div class="small-12 large-4 columns"><span class="icon-signup"> </span>  signup</div>
<div class="small-12 large-4 columns"><span class="icon-smiley"> </span>  smiley / smiley-happy</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-2"> </span>  smiley-2 / smiley-happy-2</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-neutral"> </span>  smiley-neutral</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-neutral-2"> </span>  smiley-neutral-2</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-sad"> </span>  smiley-sad</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-sad-2"> </span>  smiley-sad-2</div>
<div class="small-12 large-4 columns"><span class="icon-square"> </span>  square</div>
<div class="small-12 large-4 columns"><span class="icon-stack"> </span>  stack</div>
<div class="small-12 large-4 columns"><span class="icon-star-2"> </span>  star-2</div>
<div class="small-12 large-4 columns"><span class="icon-stop"> </span>  stop</div>
<div class="small-12 large-4 columns"><span class="icon-stop-circle"> </span>  stop-circle</div>
<div class="small-12 large-4 columns"><span class="icon-support"> </span>  support</div>
<div class="small-12 large-4 columns"><span class="icon-switch"> </span>  switch</div>
<div class="small-12 large-4 columns"><span class="icon-tablet"> </span>  tablet</div>
<div class="small-12 large-4 columns"><span class="icon-tag"> </span>  tag</div>
<div class="small-12 large-4 columns"><span class="icon-tag-2"> </span>  tag-2</div>
<div class="small-12 large-4 columns"><span class="icon-tags"> </span>  tags</div>
<div class="small-12 large-4 columns"><span class="icon-tags-2"> </span>  tags-2</div>
<div class="small-12 large-4 columns"><span class="icon-thumbs-down"> </span>  thumbs-down</div>
<div class="small-12 large-4 columns"><span class="icon-thumbs-up"> </span>  thumbs-up</div>
<div class="small-12 large-4 columns"><span class="icon-tree"> </span>  tree</div>
<div class="small-12 large-4 columns"><span class="icon-tree-2"> </span>  tree-2</div>
<div class="small-12 large-4 columns"><span class="icon-unarchive"> </span>  unarchive / drawer</div>
<div class="small-12 large-4 columns"><span class="icon-unblock"> </span>  unblock / refresh / redo-2</div>
<div class="small-12 large-4 columns"><span class="icon-undo"> </span>  undo</div>
<div class="small-12 large-4 columns"><span class="icon-undo-2"> </span>  undo-2</div>
<div class="small-12 large-4 columns"><span class="icon-unfeatured"> </span>  unfeatured / asterisk / star-empty</div>
<div class="small-12 large-4 columns"><span class="icon-unlock"> </span>  unlock</div>
<div class="small-12 large-4 columns"><span class="icon-unpublish"> </span>  unpublish / cancel</div>
<div class="small-12 large-4 columns"><span class="icon-upload"> </span>  upload</div>
<div class="small-12 large-4 columns"><span class="icon-user"> </span>  user</div>
<div class="small-12 large-4 columns"><span class="icon-users"> </span>  users</div>
<div class="small-12 large-4 columns"><span class="icon-vcard"> </span>  vcard</div>
<div class="small-12 large-4 columns"><span class="icon-wand"> </span>  wand</div>
<div class="small-12 large-4 columns"><span class="icon-warning-2"> </span>  warning-2 / warning-circle</div>
<div class="small-12 large-4 columns"><span class="icon-wrench"> </span>  wrench</div>
<div class="small-12 large-4 columns"><span class="icon-zoom-in"> </span>  zoom-in</div>
<div class="small-12 large-4 columns"><span class="icon-zoom-out"> </span>  zoom-out</div>
</div>

== Inclusione nel proprio Template ==
{{note|Questa sezione è incompleta.}}
__NOTOC__
To include the Icomoon fonts in your template you will have to add the css stylesheet (<tt>/media/jui/css/icomoon.css</tt>) or include it in your <tt>.less</tt> file when you generate the <tt>.css</tt> stylesheet(s).

<source lang="php">
$doc = JFactory::getDocument();
$doc->addStyleSheet($this->baseurl.'/media/jui/css/icomoon.css');
</source>

<noinclude>
[[Category:CSS]]
[[Category:Template Development]]
</noinclude>

Translations:J3.x:Joomla Standard Icomoon Fonts/14/it

2016-06-03T14:55:03Z

Ste: Created page with "Questa sezione è incompleta."

Questa sezione è incompleta.

J3.x:Joomla Standard Icomoon Fonts/it

2016-06-03T14:54:51Z

Ste: Created page with "== Inclusione nel proprio Template =="

<noinclude><languages /></noinclude>
{{Joomla version|version=3.0.0|time=and later}}
Da Joomla 3.0.0, il CMS Joomla! presenta il proprio [https://icomoon.io/ Set di Font Icomoon]. Questi fonts sono disponibili di default nei template "Protostar" (Frontend), "Isis" (Amministrazione) e "Hathor" (Amministrazione).

== Come utilizzarli ==

I font Icon possono essere richiamati con un <tt><span class="icon-''name-of-icon''"></tt> tag e uno {space}. es

<pre>
<span class="icon-joomla"> </span>
</pre>

Mostrerà l'icona di Joomla!: <span class="icon-joomla"> </span>

== Dimensioni del carattere ==

Visto che le icone sono dei caratteri, puoi controllarne la dimensione con una classe o stile. Ovviamente dovrai definire la classe nel tuo foglio di stile .css o .less.

<pre>
<span class="icon-joomla large-icon"> </span>
<span class="icon-joomla" style="font-size:24px;"> </span>
</pre>

Questa è l'icona di Joomla! ridimensionata: <span class="icon-joomla" style="font-size:24px;"> </span>

== Icone Icomoon disponibili ==

Questa è la lista completa, inclusi i nomi alternativi per richiamare le icone. Le alternative sono separate da uno '/'.

<div class="row">
<div class="small-12 large-4 columns"><span class="icon-joomla"> </span>  joomla</div>
<div class="small-12 large-4 columns"><span class="icon-address"> </span>  address</div>
<div class="small-12 large-4 columns"><span class="icon-apply"> </span>  apply / edit / pencil</div>
<div class="small-12 large-4 columns"><span class="icon-archive"> </span>  archive / drawer-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-2"> </span>  arrow-down-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-3"> </span>  arrow-down-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-4"> </span>  arrow-down-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-first"> </span>  arrow-first</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-last"> </span>  arrow-last</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-2"> </span>  arrow-left-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-3"> </span>  arrow-left-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-4"> </span>  arrow-left-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-2"> </span>  arrow-right-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-3"> </span>  arrow-right-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-4"> </span>  arrow-right-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-2"> </span>  arrow-up-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-3"> </span>  arrow-up-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-4"> </span>  arrow-up-4</div>
<div class="small-12 large-4 columns"><span class="icon-attachment"> </span>  attachment / paperclip / flag-2</div>
<div class="small-12 large-4 columns"><span class="icon-backward-2"> </span>  backward-2 / reply</div>
<div class="small-12 large-4 columns"><span class="icon-backward-circle"> </span>  backward-circle</div>
<div class="small-12 large-4 columns"><span class="icon-ban-circle"> </span>  ban-circle / minus-circle</div>
<div class="small-12 large-4 columns"><span class="icon-bars"> </span>  bars</div>
<div class="small-12 large-4 columns"><span class="icon-basket"> </span>  basket</div>
<div class="small-12 large-4 columns"><span class="icon-book"> </span>  book</div>
<div class="small-12 large-4 columns"><span class="icon-bookmark"> </span>  bookmark</div>
<div class="small-12 large-4 columns"><span class="icon-bookmark-2"> </span>  bookmark-2</div>
<div class="small-12 large-4 columns"><span class="icon-box-add"> </span>  box-add</div>
<div class="small-12 large-4 columns"><span class="icon-box-remove"> </span>  box-remove</div>
<div class="small-12 large-4 columns"><span class="icon-briefcase"> </span>  briefcase</div>
<div class="small-12 large-4 columns"><span class="icon-broadcast"> </span>  broadcast / connection / wifi</div>
<div class="small-12 large-4 columns"><span class="icon-brush"> </span>  brush</div>
<div class="small-12 large-4 columns"><span class="icon-calendar"> </span>  calendar</div>
<div class="small-12 large-4 columns"><span class="icon-calendar-2"> </span>  calendar-2</div>
<div class="small-12 large-4 columns"><span class="icon-calendar-3"> </span>  calendar-3</div>
<div class="small-12 large-4 columns"><span class="icon-camera"> </span>  camera</div>
<div class="small-12 large-4 columns"><span class="icon-camera-2"> </span>  camera-2 / video</div>
<div class="small-12 large-4 columns"><span class="icon-cancel-circle"> </span>  cancel-circle</div>
<div class="small-12 large-4 columns"><span class="icon-cart"> </span>  cart</div>
<div class="small-12 large-4 columns"><span class="icon-chart"> </span>  chart</div>
<div class="small-12 large-4 columns"><span class="icon-checkbox-partial"> </span>  checkbox-partial</div>
<div class="small-12 large-4 columns"><span class="icon-checkbox-unchecked"> </span>  checkbox-unchecked</div>
<div class="small-12 large-4 columns"><span class="icon-checkedout"> </span>  checkedout / lock / locked</div>
<div class="small-12 large-4 columns"><span class="icon-checkin"> </span>  checkin / checkbox / checkbox-checked</div>
<div class="small-12 large-4 columns"><span class="icon-checkmark-2"> </span>  checkmark-2</div>
<div class="small-12 large-4 columns"><span class="icon-checkmark-circle"> </span>  checkmark-circle</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-down"> </span>  chevron-down / downarrow / arrow-down</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-left"> </span>  chevron-left / leftarrow / arrow-left</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-right"> </span>  chevron-right / rightarrow / arrow-right</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-up"> </span>  chevron-up / uparrow / arrow-up</div>
<div class="small-12 large-4 columns"><span class="icon-circle"> </span>  circle</div>
<div class="small-12 large-4 columns"><span class="icon-clock"> </span>  clock</div>
<div class="small-12 large-4 columns"><span class="icon-cogs"> </span>  cogs</div>
<div class="small-12 large-4 columns"><span class="icon-comment"> </span>  comment / comments</div>
<div class="small-12 large-4 columns"><span class="icon-comments-2"> </span>  comments-2</div>
<div class="small-12 large-4 columns"><span class="icon-compass"> </span>  compass</div>
<div class="small-12 large-4 columns"><span class="icon-contract"> </span>  contract</div>
<div class="small-12 large-4 columns"><span class="icon-contract-2"> </span>  contract-2</div>
<div class="small-12 large-4 columns"><span class="icon-credit"> </span>  credit</div>
<div class="small-12 large-4 columns"><span class="icon-credit-2"> </span>  credit-2</div>
<div class="small-12 large-4 columns"><span class="icon-cube"> </span>  cube</div>
<div class="small-12 large-4 columns"><span class="icon-dashboard"> </span>  dashboard</div>
<div class="small-12 large-4 columns"><span class="icon-database"> </span>  database</div>
<div class="small-12 large-4 columns"><span class="icon-delete"> </span>  delete / remove / cancel-2</div>
<div class="small-12 large-4 columns"><span class="icon-download"> </span>  download</div>
<div class="small-12 large-4 columns"><span class="icon-enter"> </span>  enter</div>
<div class="small-12 large-4 columns"><span class="icon-envelope"> </span>  envelope / mail</div>
<div class="small-12 large-4 columns"><span class="icon-envelope-opened"> </span>  envelope-opened / mail-2</div>
<div class="small-12 large-4 columns"><span class="icon-equalizer"> </span>  equalizer</div>
<div class="small-12 large-4 columns"><span class="icon-exit"> </span>  exit</div>
<div class="small-12 large-4 columns"><span class="icon-expand"> </span>  expand</div>
<div class="small-12 large-4 columns"><span class="icon-expand-2"> </span>  expand-2</div>
<div class="small-12 large-4 columns"><span class="icon-expired"> </span>  expired</div>
<div class="small-12 large-4 columns"><span class="icon-eye-close"> </span>  eye-close / eye-blocked / eye-2</div>
<div class="small-12 large-4 columns"><span class="icon-eye-open"> </span>  eye-open / eye</div>
<div class="small-12 large-4 columns"><span class="icon-featured"> </span>  featured / default / star</div>
<div class="small-12 large-4 columns"><span class="icon-feed"> </span>  feed</div>
<div class="small-12 large-4 columns"><span class="icon-file"> </span>  file</div>
<div class="small-12 large-4 columns"><span class="icon-file-2"> </span>  file-2</div>
<div class="small-12 large-4 columns"><span class="icon-file-add"> </span>  file-add / file-plus</div>
<div class="small-12 large-4 columns"><span class="icon-file-check"> </span>  file-check</div>
<div class="small-12 large-4 columns"><span class="icon-file-minus"> </span>  file-minus</div>
<div class="small-12 large-4 columns"><span class="icon-file-remove"> </span>  file-remove</div>
<div class="small-12 large-4 columns"><span class="icon-filter"> </span>  filter</div>
<div class="small-12 large-4 columns"><span class="icon-first"> </span>  first</div>
<div class="small-12 large-4 columns"><span class="icon-flag"> </span>  flag</div>
<div class="small-12 large-4 columns"><span class="icon-flag-3"> </span>  flag-3</div>
<div class="small-12 large-4 columns"><span class="icon-folder-3"> </span>  folder-3</div>
<div class="small-12 large-4 columns"><span class="icon-folder-close"> </span>  folder-close / folder-2</div>
<div class="small-12 large-4 columns"><span class="icon-folder-minus"> </span>  folder-minus</div>
<div class="small-12 large-4 columns"><span class="icon-folder-open"> </span>  folder-open / folder</div>
<div class="small-12 large-4 columns"><span class="icon-folder-plus"> </span>  folder-plus</div>
<div class="small-12 large-4 columns"><span class="icon-folder-plus-2"> </span>  folder-plus-2</div>
<div class="small-12 large-4 columns"><span class="icon-folder-remove"> </span>  folder-remove</div>
<div class="small-12 large-4 columns"><span class="icon-forward-2"> </span>  forward-2</div>
<div class="small-12 large-4 columns"><span class="icon-forward-circle"> </span>  forward-circle</div>
<div class="small-12 large-4 columns"><span class="icon-grid"> </span>  grid / grid-view</div>
<div class="small-12 large-4 columns"><span class="icon-grid-2"> </span>  grid-2 / grid-view-2</div>
<div class="small-12 large-4 columns"><span class="icon-health"> </span>  health</div>
<div class="small-12 large-4 columns"><span class="icon-heart"> </span>  heart</div>
<div class="small-12 large-4 columns"><span class="icon-heart-2"> </span>  heart-2</div>
<div class="small-12 large-4 columns"><span class="icon-home"> </span>  home</div>
<div class="small-12 large-4 columns"><span class="icon-home-2"> </span>  home-2</div>
<div class="small-12 large-4 columns"><span class="icon-info"> </span>  info</div>
<div class="small-12 large-4 columns"><span class="icon-info-2"> </span>  info-2 / info-circle</div>
<div class="small-12 large-4 columns"><span class="icon-key"> </span>  key</div>
<div class="small-12 large-4 columns"><span class="icon-lamp"> </span>  lamp</div>
<div class="small-12 large-4 columns"><span class="icon-last"> </span>  last</div>
<div class="small-12 large-4 columns"><span class="icon-lightning"> </span>  lightning / flash</div>
<div class="small-12 large-4 columns"><span class="icon-link"> </span>  link</div>
<div class="small-12 large-4 columns"><span class="icon-list"> </span>  list / list-view</div>
<div class="small-12 large-4 columns"><span class="icon-list-2"> </span>  list-2</div>
<div class="small-12 large-4 columns"><span class="icon-location"> </span>  location</div>
<div class="small-12 large-4 columns"><span class="icon-loop"> </span>  loop</div>
<div class="small-12 large-4 columns"><span class="icon-menu"> </span>  menu</div>
<div class="small-12 large-4 columns"><span class="icon-menu-2"> </span>  menu-2</div>
<div class="small-12 large-4 columns"><span class="icon-menu-3"> </span>  menu-3</div>
<div class="small-12 large-4 columns"><span class="icon-minus"> </span>  minus / not-ok</div>
<div class="small-12 large-4 columns"><span class="icon-minus-sign"> </span>  minus-sign / minus-2</div>
<div class="small-12 large-4 columns"><span class="icon-mobile"> </span>  mobile</div>
<div class="small-12 large-4 columns"><span class="icon-move"> </span>  move</div>
<div class="small-12 large-4 columns"><span class="icon-music"> </span>  music</div>
<div class="small-12 large-4 columns"><span class="icon-new"> </span>  new / plus</div>
<div class="small-12 large-4 columns"><span class="icon-next"> </span>  next / forward</div>
<div class="small-12 large-4 columns"><span class="icon-notification"> </span>  notification</div>
<div class="small-12 large-4 columns"><span class="icon-notification-2"> </span>  notification-2 / notification-circle</div>
<div class="small-12 large-4 columns"><span class="icon-options"> </span>  options / cog</div>
<div class="small-12 large-4 columns"><span class="icon-out-2"> </span>  out-2 / new-tab</div>
<div class="small-12 large-4 columns"><span class="icon-out-3"> </span>  out-3 / new-tab-2</div>
<div class="small-12 large-4 columns"><span class="icon-palette"> </span>  palette / color-palette</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-center"> </span>  paragraph-center</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-justify"> </span>  paragraph-justify</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-left"> </span>  paragraph-left</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-right"> </span>  paragraph-right</div>
<div class="small-12 large-4 columns"><span class="icon-pause"> </span>  pause</div>
<div class="small-12 large-4 columns"><span class="icon-pause-circle"> </span>  pause-circle</div>
<div class="small-12 large-4 columns"><span class="icon-pencil-2"> </span>  pencil-2</div>
<div class="small-12 large-4 columns"><span class="icon-pending"> </span>  pending / warning</div>
<div class="small-12 large-4 columns"><span class="icon-phone"> </span>  phone</div>
<div class="small-12 large-4 columns"><span class="icon-phone-2"> </span>  phone-2</div>
<div class="small-12 large-4 columns"><span class="icon-picture"> </span>  picture / image</div>
<div class="small-12 large-4 columns"><span class="icon-pictures"> </span>  pictures / images</div>
<div class="small-12 large-4 columns"><span class="icon-pie"> </span>  pie</div>
<div class="small-12 large-4 columns"><span class="icon-pin"> </span>  pin / pushpin</div>
<div class="small-12 large-4 columns"><span class="icon-play"> </span>  play</div>
<div class="small-12 large-4 columns"><span class="icon-play-2"> </span>  play-2 / video-2 / youtube</div>
<div class="small-12 large-4 columns"><span class="icon-play-circle"> </span>  play-circle</div>
<div class="small-12 large-4 columns"><span class="icon-plus-circle"> </span>  plus-circle</div>
<div class="small-12 large-4 columns"><span class="icon-power-cord"> </span>  power-cord</div>
<div class="small-12 large-4 columns"><span class="icon-previous"> </span>  previous / backward</div>
<div class="small-12 large-4 columns"><span class="icon-print"> </span>  print / printer</div>
<div class="small-12 large-4 columns"><span class="icon-publish"> </span>  publish / save / ok / checkmark</div>
<div class="small-12 large-4 columns"><span class="icon-purge"> </span>  purge / trash</div>
<div class="small-12 large-4 columns"><span class="icon-puzzle"> </span>  puzzle</div>
<div class="small-12 large-4 columns"><span class="icon-question"> </span>  question / question-sign / help</div>
<div class="small-12 large-4 columns"><span class="icon-question-2"> </span>  question-2 / question-circle</div>
<div class="small-12 large-4 columns"><span class="icon-quote"> </span>  quote / quotes-left</div>
<div class="small-12 large-4 columns"><span class="icon-quote-2"> </span>  quote-2 / quotes-right</div>
<div class="small-12 large-4 columns"><span class="icon-quote-3"> </span>  quote-3 / bubble-quote</div>
<div class="small-12 large-4 columns"><span class="icon-radio-checked"> </span>  radio-checked / generic</div>
<div class="small-12 large-4 columns"><span class="icon-radio-unchecked"> </span>  radio-unchecked</div>
<div class="small-12 large-4 columns"><span class="icon-save-copy"> </span>  save-copy / copy</div>
<div class="small-12 large-4 columns"><span class="icon-save-new"> </span>  save-new / plus-2</div>
<div class="small-12 large-4 columns"><span class="icon-scissors"> </span>  scissors</div>
<div class="small-12 large-4 columns"><span class="icon-screen"> </span>  screen</div>
<div class="small-12 large-4 columns"><span class="icon-screwdriver"> </span>  screwdriver / tools</div>
<div class="small-12 large-4 columns"><span class="icon-search"> </span>  search</div>
<div class="small-12 large-4 columns"><span class="icon-share"> </span>  share / redo</div>
<div class="small-12 large-4 columns"><span class="icon-share-alt"> </span>  share-alt / out</div>
<div class="small-12 large-4 columns"><span class="icon-shield"> </span>  shield</div>
<div class="small-12 large-4 columns"><span class="icon-shuffle"> </span>  shuffle</div>
<div class="small-12 large-4 columns"><span class="icon-signup"> </span>  signup</div>
<div class="small-12 large-4 columns"><span class="icon-smiley"> </span>  smiley / smiley-happy</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-2"> </span>  smiley-2 / smiley-happy-2</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-neutral"> </span>  smiley-neutral</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-neutral-2"> </span>  smiley-neutral-2</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-sad"> </span>  smiley-sad</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-sad-2"> </span>  smiley-sad-2</div>
<div class="small-12 large-4 columns"><span class="icon-square"> </span>  square</div>
<div class="small-12 large-4 columns"><span class="icon-stack"> </span>  stack</div>
<div class="small-12 large-4 columns"><span class="icon-star-2"> </span>  star-2</div>
<div class="small-12 large-4 columns"><span class="icon-stop"> </span>  stop</div>
<div class="small-12 large-4 columns"><span class="icon-stop-circle"> </span>  stop-circle</div>
<div class="small-12 large-4 columns"><span class="icon-support"> </span>  support</div>
<div class="small-12 large-4 columns"><span class="icon-switch"> </span>  switch</div>
<div class="small-12 large-4 columns"><span class="icon-tablet"> </span>  tablet</div>
<div class="small-12 large-4 columns"><span class="icon-tag"> </span>  tag</div>
<div class="small-12 large-4 columns"><span class="icon-tag-2"> </span>  tag-2</div>
<div class="small-12 large-4 columns"><span class="icon-tags"> </span>  tags</div>
<div class="small-12 large-4 columns"><span class="icon-tags-2"> </span>  tags-2</div>
<div class="small-12 large-4 columns"><span class="icon-thumbs-down"> </span>  thumbs-down</div>
<div class="small-12 large-4 columns"><span class="icon-thumbs-up"> </span>  thumbs-up</div>
<div class="small-12 large-4 columns"><span class="icon-tree"> </span>  tree</div>
<div class="small-12 large-4 columns"><span class="icon-tree-2"> </span>  tree-2</div>
<div class="small-12 large-4 columns"><span class="icon-unarchive"> </span>  unarchive / drawer</div>
<div class="small-12 large-4 columns"><span class="icon-unblock"> </span>  unblock / refresh / redo-2</div>
<div class="small-12 large-4 columns"><span class="icon-undo"> </span>  undo</div>
<div class="small-12 large-4 columns"><span class="icon-undo-2"> </span>  undo-2</div>
<div class="small-12 large-4 columns"><span class="icon-unfeatured"> </span>  unfeatured / asterisk / star-empty</div>
<div class="small-12 large-4 columns"><span class="icon-unlock"> </span>  unlock</div>
<div class="small-12 large-4 columns"><span class="icon-unpublish"> </span>  unpublish / cancel</div>
<div class="small-12 large-4 columns"><span class="icon-upload"> </span>  upload</div>
<div class="small-12 large-4 columns"><span class="icon-user"> </span>  user</div>
<div class="small-12 large-4 columns"><span class="icon-users"> </span>  users</div>
<div class="small-12 large-4 columns"><span class="icon-vcard"> </span>  vcard</div>
<div class="small-12 large-4 columns"><span class="icon-wand"> </span>  wand</div>
<div class="small-12 large-4 columns"><span class="icon-warning-2"> </span>  warning-2 / warning-circle</div>
<div class="small-12 large-4 columns"><span class="icon-wrench"> </span>  wrench</div>
<div class="small-12 large-4 columns"><span class="icon-zoom-in"> </span>  zoom-in</div>
<div class="small-12 large-4 columns"><span class="icon-zoom-out"> </span>  zoom-out</div>
</div>

== Inclusione nel proprio Template ==
{{note|This section is incomplete.}}
__NOTOC__
To include the Icomoon fonts in your template you will have to add the css stylesheet (<tt>/media/jui/css/icomoon.css</tt>) or include it in your <tt>.less</tt> file when you generate the <tt>.css</tt> stylesheet(s).

<source lang="php">
$doc = JFactory::getDocument();
$doc->addStyleSheet($this->baseurl.'/media/jui/css/icomoon.css');
</source>

<noinclude>
[[Category:CSS]]
[[Category:Template Development]]
</noinclude>

Translations:J3.x:Joomla Standard Icomoon Fonts/10/it

2016-06-03T14:54:51Z

Ste: Created page with "== Inclusione nel proprio Template =="

== Inclusione nel proprio Template ==

J3.x:Joomla Standard Icomoon Fonts/it

2016-06-03T14:54:34Z

Ste: Created page with "Questa è la lista completa, inclusi i nomi alternativi per richiamare le icone. Le alternative sono separate da uno '/'."

<noinclude><languages /></noinclude>
{{Joomla version|version=3.0.0|time=and later}}
Da Joomla 3.0.0, il CMS Joomla! presenta il proprio [https://icomoon.io/ Set di Font Icomoon]. Questi fonts sono disponibili di default nei template "Protostar" (Frontend), "Isis" (Amministrazione) e "Hathor" (Amministrazione).

== Come utilizzarli ==

I font Icon possono essere richiamati con un <tt><span class="icon-''name-of-icon''"></tt> tag e uno {space}. es

<pre>
<span class="icon-joomla"> </span>
</pre>

Mostrerà l'icona di Joomla!: <span class="icon-joomla"> </span>

== Dimensioni del carattere ==

Visto che le icone sono dei caratteri, puoi controllarne la dimensione con una classe o stile. Ovviamente dovrai definire la classe nel tuo foglio di stile .css o .less.

<pre>
<span class="icon-joomla large-icon"> </span>
<span class="icon-joomla" style="font-size:24px;"> </span>
</pre>

Questa è l'icona di Joomla! ridimensionata: <span class="icon-joomla" style="font-size:24px;"> </span>

== Icone Icomoon disponibili ==

Questa è la lista completa, inclusi i nomi alternativi per richiamare le icone. Le alternative sono separate da uno '/'.

<div class="row">
<div class="small-12 large-4 columns"><span class="icon-joomla"> </span>  joomla</div>
<div class="small-12 large-4 columns"><span class="icon-address"> </span>  address</div>
<div class="small-12 large-4 columns"><span class="icon-apply"> </span>  apply / edit / pencil</div>
<div class="small-12 large-4 columns"><span class="icon-archive"> </span>  archive / drawer-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-2"> </span>  arrow-down-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-3"> </span>  arrow-down-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-4"> </span>  arrow-down-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-first"> </span>  arrow-first</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-last"> </span>  arrow-last</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-2"> </span>  arrow-left-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-3"> </span>  arrow-left-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-4"> </span>  arrow-left-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-2"> </span>  arrow-right-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-3"> </span>  arrow-right-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-4"> </span>  arrow-right-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-2"> </span>  arrow-up-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-3"> </span>  arrow-up-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-4"> </span>  arrow-up-4</div>
<div class="small-12 large-4 columns"><span class="icon-attachment"> </span>  attachment / paperclip / flag-2</div>
<div class="small-12 large-4 columns"><span class="icon-backward-2"> </span>  backward-2 / reply</div>
<div class="small-12 large-4 columns"><span class="icon-backward-circle"> </span>  backward-circle</div>
<div class="small-12 large-4 columns"><span class="icon-ban-circle"> </span>  ban-circle / minus-circle</div>
<div class="small-12 large-4 columns"><span class="icon-bars"> </span>  bars</div>
<div class="small-12 large-4 columns"><span class="icon-basket"> </span>  basket</div>
<div class="small-12 large-4 columns"><span class="icon-book"> </span>  book</div>
<div class="small-12 large-4 columns"><span class="icon-bookmark"> </span>  bookmark</div>
<div class="small-12 large-4 columns"><span class="icon-bookmark-2"> </span>  bookmark-2</div>
<div class="small-12 large-4 columns"><span class="icon-box-add"> </span>  box-add</div>
<div class="small-12 large-4 columns"><span class="icon-box-remove"> </span>  box-remove</div>
<div class="small-12 large-4 columns"><span class="icon-briefcase"> </span>  briefcase</div>
<div class="small-12 large-4 columns"><span class="icon-broadcast"> </span>  broadcast / connection / wifi</div>
<div class="small-12 large-4 columns"><span class="icon-brush"> </span>  brush</div>
<div class="small-12 large-4 columns"><span class="icon-calendar"> </span>  calendar</div>
<div class="small-12 large-4 columns"><span class="icon-calendar-2"> </span>  calendar-2</div>
<div class="small-12 large-4 columns"><span class="icon-calendar-3"> </span>  calendar-3</div>
<div class="small-12 large-4 columns"><span class="icon-camera"> </span>  camera</div>
<div class="small-12 large-4 columns"><span class="icon-camera-2"> </span>  camera-2 / video</div>
<div class="small-12 large-4 columns"><span class="icon-cancel-circle"> </span>  cancel-circle</div>
<div class="small-12 large-4 columns"><span class="icon-cart"> </span>  cart</div>
<div class="small-12 large-4 columns"><span class="icon-chart"> </span>  chart</div>
<div class="small-12 large-4 columns"><span class="icon-checkbox-partial"> </span>  checkbox-partial</div>
<div class="small-12 large-4 columns"><span class="icon-checkbox-unchecked"> </span>  checkbox-unchecked</div>
<div class="small-12 large-4 columns"><span class="icon-checkedout"> </span>  checkedout / lock / locked</div>
<div class="small-12 large-4 columns"><span class="icon-checkin"> </span>  checkin / checkbox / checkbox-checked</div>
<div class="small-12 large-4 columns"><span class="icon-checkmark-2"> </span>  checkmark-2</div>
<div class="small-12 large-4 columns"><span class="icon-checkmark-circle"> </span>  checkmark-circle</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-down"> </span>  chevron-down / downarrow / arrow-down</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-left"> </span>  chevron-left / leftarrow / arrow-left</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-right"> </span>  chevron-right / rightarrow / arrow-right</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-up"> </span>  chevron-up / uparrow / arrow-up</div>
<div class="small-12 large-4 columns"><span class="icon-circle"> </span>  circle</div>
<div class="small-12 large-4 columns"><span class="icon-clock"> </span>  clock</div>
<div class="small-12 large-4 columns"><span class="icon-cogs"> </span>  cogs</div>
<div class="small-12 large-4 columns"><span class="icon-comment"> </span>  comment / comments</div>
<div class="small-12 large-4 columns"><span class="icon-comments-2"> </span>  comments-2</div>
<div class="small-12 large-4 columns"><span class="icon-compass"> </span>  compass</div>
<div class="small-12 large-4 columns"><span class="icon-contract"> </span>  contract</div>
<div class="small-12 large-4 columns"><span class="icon-contract-2"> </span>  contract-2</div>
<div class="small-12 large-4 columns"><span class="icon-credit"> </span>  credit</div>
<div class="small-12 large-4 columns"><span class="icon-credit-2"> </span>  credit-2</div>
<div class="small-12 large-4 columns"><span class="icon-cube"> </span>  cube</div>
<div class="small-12 large-4 columns"><span class="icon-dashboard"> </span>  dashboard</div>
<div class="small-12 large-4 columns"><span class="icon-database"> </span>  database</div>
<div class="small-12 large-4 columns"><span class="icon-delete"> </span>  delete / remove / cancel-2</div>
<div class="small-12 large-4 columns"><span class="icon-download"> </span>  download</div>
<div class="small-12 large-4 columns"><span class="icon-enter"> </span>  enter</div>
<div class="small-12 large-4 columns"><span class="icon-envelope"> </span>  envelope / mail</div>
<div class="small-12 large-4 columns"><span class="icon-envelope-opened"> </span>  envelope-opened / mail-2</div>
<div class="small-12 large-4 columns"><span class="icon-equalizer"> </span>  equalizer</div>
<div class="small-12 large-4 columns"><span class="icon-exit"> </span>  exit</div>
<div class="small-12 large-4 columns"><span class="icon-expand"> </span>  expand</div>
<div class="small-12 large-4 columns"><span class="icon-expand-2"> </span>  expand-2</div>
<div class="small-12 large-4 columns"><span class="icon-expired"> </span>  expired</div>
<div class="small-12 large-4 columns"><span class="icon-eye-close"> </span>  eye-close / eye-blocked / eye-2</div>
<div class="small-12 large-4 columns"><span class="icon-eye-open"> </span>  eye-open / eye</div>
<div class="small-12 large-4 columns"><span class="icon-featured"> </span>  featured / default / star</div>
<div class="small-12 large-4 columns"><span class="icon-feed"> </span>  feed</div>
<div class="small-12 large-4 columns"><span class="icon-file"> </span>  file</div>
<div class="small-12 large-4 columns"><span class="icon-file-2"> </span>  file-2</div>
<div class="small-12 large-4 columns"><span class="icon-file-add"> </span>  file-add / file-plus</div>
<div class="small-12 large-4 columns"><span class="icon-file-check"> </span>  file-check</div>
<div class="small-12 large-4 columns"><span class="icon-file-minus"> </span>  file-minus</div>
<div class="small-12 large-4 columns"><span class="icon-file-remove"> </span>  file-remove</div>
<div class="small-12 large-4 columns"><span class="icon-filter"> </span>  filter</div>
<div class="small-12 large-4 columns"><span class="icon-first"> </span>  first</div>
<div class="small-12 large-4 columns"><span class="icon-flag"> </span>  flag</div>
<div class="small-12 large-4 columns"><span class="icon-flag-3"> </span>  flag-3</div>
<div class="small-12 large-4 columns"><span class="icon-folder-3"> </span>  folder-3</div>
<div class="small-12 large-4 columns"><span class="icon-folder-close"> </span>  folder-close / folder-2</div>
<div class="small-12 large-4 columns"><span class="icon-folder-minus"> </span>  folder-minus</div>
<div class="small-12 large-4 columns"><span class="icon-folder-open"> </span>  folder-open / folder</div>
<div class="small-12 large-4 columns"><span class="icon-folder-plus"> </span>  folder-plus</div>
<div class="small-12 large-4 columns"><span class="icon-folder-plus-2"> </span>  folder-plus-2</div>
<div class="small-12 large-4 columns"><span class="icon-folder-remove"> </span>  folder-remove</div>
<div class="small-12 large-4 columns"><span class="icon-forward-2"> </span>  forward-2</div>
<div class="small-12 large-4 columns"><span class="icon-forward-circle"> </span>  forward-circle</div>
<div class="small-12 large-4 columns"><span class="icon-grid"> </span>  grid / grid-view</div>
<div class="small-12 large-4 columns"><span class="icon-grid-2"> </span>  grid-2 / grid-view-2</div>
<div class="small-12 large-4 columns"><span class="icon-health"> </span>  health</div>
<div class="small-12 large-4 columns"><span class="icon-heart"> </span>  heart</div>
<div class="small-12 large-4 columns"><span class="icon-heart-2"> </span>  heart-2</div>
<div class="small-12 large-4 columns"><span class="icon-home"> </span>  home</div>
<div class="small-12 large-4 columns"><span class="icon-home-2"> </span>  home-2</div>
<div class="small-12 large-4 columns"><span class="icon-info"> </span>  info</div>
<div class="small-12 large-4 columns"><span class="icon-info-2"> </span>  info-2 / info-circle</div>
<div class="small-12 large-4 columns"><span class="icon-key"> </span>  key</div>
<div class="small-12 large-4 columns"><span class="icon-lamp"> </span>  lamp</div>
<div class="small-12 large-4 columns"><span class="icon-last"> </span>  last</div>
<div class="small-12 large-4 columns"><span class="icon-lightning"> </span>  lightning / flash</div>
<div class="small-12 large-4 columns"><span class="icon-link"> </span>  link</div>
<div class="small-12 large-4 columns"><span class="icon-list"> </span>  list / list-view</div>
<div class="small-12 large-4 columns"><span class="icon-list-2"> </span>  list-2</div>
<div class="small-12 large-4 columns"><span class="icon-location"> </span>  location</div>
<div class="small-12 large-4 columns"><span class="icon-loop"> </span>  loop</div>
<div class="small-12 large-4 columns"><span class="icon-menu"> </span>  menu</div>
<div class="small-12 large-4 columns"><span class="icon-menu-2"> </span>  menu-2</div>
<div class="small-12 large-4 columns"><span class="icon-menu-3"> </span>  menu-3</div>
<div class="small-12 large-4 columns"><span class="icon-minus"> </span>  minus / not-ok</div>
<div class="small-12 large-4 columns"><span class="icon-minus-sign"> </span>  minus-sign / minus-2</div>
<div class="small-12 large-4 columns"><span class="icon-mobile"> </span>  mobile</div>
<div class="small-12 large-4 columns"><span class="icon-move"> </span>  move</div>
<div class="small-12 large-4 columns"><span class="icon-music"> </span>  music</div>
<div class="small-12 large-4 columns"><span class="icon-new"> </span>  new / plus</div>
<div class="small-12 large-4 columns"><span class="icon-next"> </span>  next / forward</div>
<div class="small-12 large-4 columns"><span class="icon-notification"> </span>  notification</div>
<div class="small-12 large-4 columns"><span class="icon-notification-2"> </span>  notification-2 / notification-circle</div>
<div class="small-12 large-4 columns"><span class="icon-options"> </span>  options / cog</div>
<div class="small-12 large-4 columns"><span class="icon-out-2"> </span>  out-2 / new-tab</div>
<div class="small-12 large-4 columns"><span class="icon-out-3"> </span>  out-3 / new-tab-2</div>
<div class="small-12 large-4 columns"><span class="icon-palette"> </span>  palette / color-palette</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-center"> </span>  paragraph-center</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-justify"> </span>  paragraph-justify</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-left"> </span>  paragraph-left</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-right"> </span>  paragraph-right</div>
<div class="small-12 large-4 columns"><span class="icon-pause"> </span>  pause</div>
<div class="small-12 large-4 columns"><span class="icon-pause-circle"> </span>  pause-circle</div>
<div class="small-12 large-4 columns"><span class="icon-pencil-2"> </span>  pencil-2</div>
<div class="small-12 large-4 columns"><span class="icon-pending"> </span>  pending / warning</div>
<div class="small-12 large-4 columns"><span class="icon-phone"> </span>  phone</div>
<div class="small-12 large-4 columns"><span class="icon-phone-2"> </span>  phone-2</div>
<div class="small-12 large-4 columns"><span class="icon-picture"> </span>  picture / image</div>
<div class="small-12 large-4 columns"><span class="icon-pictures"> </span>  pictures / images</div>
<div class="small-12 large-4 columns"><span class="icon-pie"> </span>  pie</div>
<div class="small-12 large-4 columns"><span class="icon-pin"> </span>  pin / pushpin</div>
<div class="small-12 large-4 columns"><span class="icon-play"> </span>  play</div>
<div class="small-12 large-4 columns"><span class="icon-play-2"> </span>  play-2 / video-2 / youtube</div>
<div class="small-12 large-4 columns"><span class="icon-play-circle"> </span>  play-circle</div>
<div class="small-12 large-4 columns"><span class="icon-plus-circle"> </span>  plus-circle</div>
<div class="small-12 large-4 columns"><span class="icon-power-cord"> </span>  power-cord</div>
<div class="small-12 large-4 columns"><span class="icon-previous"> </span>  previous / backward</div>
<div class="small-12 large-4 columns"><span class="icon-print"> </span>  print / printer</div>
<div class="small-12 large-4 columns"><span class="icon-publish"> </span>  publish / save / ok / checkmark</div>
<div class="small-12 large-4 columns"><span class="icon-purge"> </span>  purge / trash</div>
<div class="small-12 large-4 columns"><span class="icon-puzzle"> </span>  puzzle</div>
<div class="small-12 large-4 columns"><span class="icon-question"> </span>  question / question-sign / help</div>
<div class="small-12 large-4 columns"><span class="icon-question-2"> </span>  question-2 / question-circle</div>
<div class="small-12 large-4 columns"><span class="icon-quote"> </span>  quote / quotes-left</div>
<div class="small-12 large-4 columns"><span class="icon-quote-2"> </span>  quote-2 / quotes-right</div>
<div class="small-12 large-4 columns"><span class="icon-quote-3"> </span>  quote-3 / bubble-quote</div>
<div class="small-12 large-4 columns"><span class="icon-radio-checked"> </span>  radio-checked / generic</div>
<div class="small-12 large-4 columns"><span class="icon-radio-unchecked"> </span>  radio-unchecked</div>
<div class="small-12 large-4 columns"><span class="icon-save-copy"> </span>  save-copy / copy</div>
<div class="small-12 large-4 columns"><span class="icon-save-new"> </span>  save-new / plus-2</div>
<div class="small-12 large-4 columns"><span class="icon-scissors"> </span>  scissors</div>
<div class="small-12 large-4 columns"><span class="icon-screen"> </span>  screen</div>
<div class="small-12 large-4 columns"><span class="icon-screwdriver"> </span>  screwdriver / tools</div>
<div class="small-12 large-4 columns"><span class="icon-search"> </span>  search</div>
<div class="small-12 large-4 columns"><span class="icon-share"> </span>  share / redo</div>
<div class="small-12 large-4 columns"><span class="icon-share-alt"> </span>  share-alt / out</div>
<div class="small-12 large-4 columns"><span class="icon-shield"> </span>  shield</div>
<div class="small-12 large-4 columns"><span class="icon-shuffle"> </span>  shuffle</div>
<div class="small-12 large-4 columns"><span class="icon-signup"> </span>  signup</div>
<div class="small-12 large-4 columns"><span class="icon-smiley"> </span>  smiley / smiley-happy</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-2"> </span>  smiley-2 / smiley-happy-2</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-neutral"> </span>  smiley-neutral</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-neutral-2"> </span>  smiley-neutral-2</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-sad"> </span>  smiley-sad</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-sad-2"> </span>  smiley-sad-2</div>
<div class="small-12 large-4 columns"><span class="icon-square"> </span>  square</div>
<div class="small-12 large-4 columns"><span class="icon-stack"> </span>  stack</div>
<div class="small-12 large-4 columns"><span class="icon-star-2"> </span>  star-2</div>
<div class="small-12 large-4 columns"><span class="icon-stop"> </span>  stop</div>
<div class="small-12 large-4 columns"><span class="icon-stop-circle"> </span>  stop-circle</div>
<div class="small-12 large-4 columns"><span class="icon-support"> </span>  support</div>
<div class="small-12 large-4 columns"><span class="icon-switch"> </span>  switch</div>
<div class="small-12 large-4 columns"><span class="icon-tablet"> </span>  tablet</div>
<div class="small-12 large-4 columns"><span class="icon-tag"> </span>  tag</div>
<div class="small-12 large-4 columns"><span class="icon-tag-2"> </span>  tag-2</div>
<div class="small-12 large-4 columns"><span class="icon-tags"> </span>  tags</div>
<div class="small-12 large-4 columns"><span class="icon-tags-2"> </span>  tags-2</div>
<div class="small-12 large-4 columns"><span class="icon-thumbs-down"> </span>  thumbs-down</div>
<div class="small-12 large-4 columns"><span class="icon-thumbs-up"> </span>  thumbs-up</div>
<div class="small-12 large-4 columns"><span class="icon-tree"> </span>  tree</div>
<div class="small-12 large-4 columns"><span class="icon-tree-2"> </span>  tree-2</div>
<div class="small-12 large-4 columns"><span class="icon-unarchive"> </span>  unarchive / drawer</div>
<div class="small-12 large-4 columns"><span class="icon-unblock"> </span>  unblock / refresh / redo-2</div>
<div class="small-12 large-4 columns"><span class="icon-undo"> </span>  undo</div>
<div class="small-12 large-4 columns"><span class="icon-undo-2"> </span>  undo-2</div>
<div class="small-12 large-4 columns"><span class="icon-unfeatured"> </span>  unfeatured / asterisk / star-empty</div>
<div class="small-12 large-4 columns"><span class="icon-unlock"> </span>  unlock</div>
<div class="small-12 large-4 columns"><span class="icon-unpublish"> </span>  unpublish / cancel</div>
<div class="small-12 large-4 columns"><span class="icon-upload"> </span>  upload</div>
<div class="small-12 large-4 columns"><span class="icon-user"> </span>  user</div>
<div class="small-12 large-4 columns"><span class="icon-users"> </span>  users</div>
<div class="small-12 large-4 columns"><span class="icon-vcard"> </span>  vcard</div>
<div class="small-12 large-4 columns"><span class="icon-wand"> </span>  wand</div>
<div class="small-12 large-4 columns"><span class="icon-warning-2"> </span>  warning-2 / warning-circle</div>
<div class="small-12 large-4 columns"><span class="icon-wrench"> </span>  wrench</div>
<div class="small-12 large-4 columns"><span class="icon-zoom-in"> </span>  zoom-in</div>
<div class="small-12 large-4 columns"><span class="icon-zoom-out"> </span>  zoom-out</div>
</div>

== Including in Your Template ==
{{note|This section is incomplete.}}
__NOTOC__
To include the Icomoon fonts in your template you will have to add the css stylesheet (<tt>/media/jui/css/icomoon.css</tt>) or include it in your <tt>.less</tt> file when you generate the <tt>.css</tt> stylesheet(s).

<source lang="php">
$doc = JFactory::getDocument();
$doc->addStyleSheet($this->baseurl.'/media/jui/css/icomoon.css');
</source>

<noinclude>
[[Category:CSS]]
[[Category:Template Development]]
</noinclude>

Translations:J3.x:Joomla Standard Icomoon Fonts/9/it

2016-06-03T14:54:33Z

Ste: Created page with "Questa è la lista completa, inclusi i nomi alternativi per richiamare le icone. Le alternative sono separate da uno '/'."

Questa è la lista completa, inclusi i nomi alternativi per richiamare le icone. Le alternative sono separate da uno '/'.

J3.x:Joomla Standard Icomoon Fonts/it

2016-06-03T14:53:15Z

Ste: Created page with "== Icone Icomoon disponibili =="

<noinclude><languages /></noinclude>
{{Joomla version|version=3.0.0|time=and later}}
Da Joomla 3.0.0, il CMS Joomla! presenta il proprio [https://icomoon.io/ Set di Font Icomoon]. Questi fonts sono disponibili di default nei template "Protostar" (Frontend), "Isis" (Amministrazione) e "Hathor" (Amministrazione).

== Come utilizzarli ==

I font Icon possono essere richiamati con un <tt><span class="icon-''name-of-icon''"></tt> tag e uno {space}. es

<pre>
<span class="icon-joomla"> </span>
</pre>

Mostrerà l'icona di Joomla!: <span class="icon-joomla"> </span>

== Dimensioni del carattere ==

Visto che le icone sono dei caratteri, puoi controllarne la dimensione con una classe o stile. Ovviamente dovrai definire la classe nel tuo foglio di stile .css o .less.

<pre>
<span class="icon-joomla large-icon"> </span>
<span class="icon-joomla" style="font-size:24px;"> </span>
</pre>

Questa è l'icona di Joomla! ridimensionata: <span class="icon-joomla" style="font-size:24px;"> </span>

== Icone Icomoon disponibili ==

This is the complete list, including the alternative names to call the icon. The alternatives are separated by a '/' below.

<div class="row">
<div class="small-12 large-4 columns"><span class="icon-joomla"> </span>  joomla</div>
<div class="small-12 large-4 columns"><span class="icon-address"> </span>  address</div>
<div class="small-12 large-4 columns"><span class="icon-apply"> </span>  apply / edit / pencil</div>
<div class="small-12 large-4 columns"><span class="icon-archive"> </span>  archive / drawer-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-2"> </span>  arrow-down-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-3"> </span>  arrow-down-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-4"> </span>  arrow-down-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-first"> </span>  arrow-first</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-last"> </span>  arrow-last</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-2"> </span>  arrow-left-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-3"> </span>  arrow-left-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-4"> </span>  arrow-left-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-2"> </span>  arrow-right-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-3"> </span>  arrow-right-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-4"> </span>  arrow-right-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-2"> </span>  arrow-up-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-3"> </span>  arrow-up-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-4"> </span>  arrow-up-4</div>
<div class="small-12 large-4 columns"><span class="icon-attachment"> </span>  attachment / paperclip / flag-2</div>
<div class="small-12 large-4 columns"><span class="icon-backward-2"> </span>  backward-2 / reply</div>
<div class="small-12 large-4 columns"><span class="icon-backward-circle"> </span>  backward-circle</div>
<div class="small-12 large-4 columns"><span class="icon-ban-circle"> </span>  ban-circle / minus-circle</div>
<div class="small-12 large-4 columns"><span class="icon-bars"> </span>  bars</div>
<div class="small-12 large-4 columns"><span class="icon-basket"> </span>  basket</div>
<div class="small-12 large-4 columns"><span class="icon-book"> </span>  book</div>
<div class="small-12 large-4 columns"><span class="icon-bookmark"> </span>  bookmark</div>
<div class="small-12 large-4 columns"><span class="icon-bookmark-2"> </span>  bookmark-2</div>
<div class="small-12 large-4 columns"><span class="icon-box-add"> </span>  box-add</div>
<div class="small-12 large-4 columns"><span class="icon-box-remove"> </span>  box-remove</div>
<div class="small-12 large-4 columns"><span class="icon-briefcase"> </span>  briefcase</div>
<div class="small-12 large-4 columns"><span class="icon-broadcast"> </span>  broadcast / connection / wifi</div>
<div class="small-12 large-4 columns"><span class="icon-brush"> </span>  brush</div>
<div class="small-12 large-4 columns"><span class="icon-calendar"> </span>  calendar</div>
<div class="small-12 large-4 columns"><span class="icon-calendar-2"> </span>  calendar-2</div>
<div class="small-12 large-4 columns"><span class="icon-calendar-3"> </span>  calendar-3</div>
<div class="small-12 large-4 columns"><span class="icon-camera"> </span>  camera</div>
<div class="small-12 large-4 columns"><span class="icon-camera-2"> </span>  camera-2 / video</div>
<div class="small-12 large-4 columns"><span class="icon-cancel-circle"> </span>  cancel-circle</div>
<div class="small-12 large-4 columns"><span class="icon-cart"> </span>  cart</div>
<div class="small-12 large-4 columns"><span class="icon-chart"> </span>  chart</div>
<div class="small-12 large-4 columns"><span class="icon-checkbox-partial"> </span>  checkbox-partial</div>
<div class="small-12 large-4 columns"><span class="icon-checkbox-unchecked"> </span>  checkbox-unchecked</div>
<div class="small-12 large-4 columns"><span class="icon-checkedout"> </span>  checkedout / lock / locked</div>
<div class="small-12 large-4 columns"><span class="icon-checkin"> </span>  checkin / checkbox / checkbox-checked</div>
<div class="small-12 large-4 columns"><span class="icon-checkmark-2"> </span>  checkmark-2</div>
<div class="small-12 large-4 columns"><span class="icon-checkmark-circle"> </span>  checkmark-circle</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-down"> </span>  chevron-down / downarrow / arrow-down</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-left"> </span>  chevron-left / leftarrow / arrow-left</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-right"> </span>  chevron-right / rightarrow / arrow-right</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-up"> </span>  chevron-up / uparrow / arrow-up</div>
<div class="small-12 large-4 columns"><span class="icon-circle"> </span>  circle</div>
<div class="small-12 large-4 columns"><span class="icon-clock"> </span>  clock</div>
<div class="small-12 large-4 columns"><span class="icon-cogs"> </span>  cogs</div>
<div class="small-12 large-4 columns"><span class="icon-comment"> </span>  comment / comments</div>
<div class="small-12 large-4 columns"><span class="icon-comments-2"> </span>  comments-2</div>
<div class="small-12 large-4 columns"><span class="icon-compass"> </span>  compass</div>
<div class="small-12 large-4 columns"><span class="icon-contract"> </span>  contract</div>
<div class="small-12 large-4 columns"><span class="icon-contract-2"> </span>  contract-2</div>
<div class="small-12 large-4 columns"><span class="icon-credit"> </span>  credit</div>
<div class="small-12 large-4 columns"><span class="icon-credit-2"> </span>  credit-2</div>
<div class="small-12 large-4 columns"><span class="icon-cube"> </span>  cube</div>
<div class="small-12 large-4 columns"><span class="icon-dashboard"> </span>  dashboard</div>
<div class="small-12 large-4 columns"><span class="icon-database"> </span>  database</div>
<div class="small-12 large-4 columns"><span class="icon-delete"> </span>  delete / remove / cancel-2</div>
<div class="small-12 large-4 columns"><span class="icon-download"> </span>  download</div>
<div class="small-12 large-4 columns"><span class="icon-enter"> </span>  enter</div>
<div class="small-12 large-4 columns"><span class="icon-envelope"> </span>  envelope / mail</div>
<div class="small-12 large-4 columns"><span class="icon-envelope-opened"> </span>  envelope-opened / mail-2</div>
<div class="small-12 large-4 columns"><span class="icon-equalizer"> </span>  equalizer</div>
<div class="small-12 large-4 columns"><span class="icon-exit"> </span>  exit</div>
<div class="small-12 large-4 columns"><span class="icon-expand"> </span>  expand</div>
<div class="small-12 large-4 columns"><span class="icon-expand-2"> </span>  expand-2</div>
<div class="small-12 large-4 columns"><span class="icon-expired"> </span>  expired</div>
<div class="small-12 large-4 columns"><span class="icon-eye-close"> </span>  eye-close / eye-blocked / eye-2</div>
<div class="small-12 large-4 columns"><span class="icon-eye-open"> </span>  eye-open / eye</div>
<div class="small-12 large-4 columns"><span class="icon-featured"> </span>  featured / default / star</div>
<div class="small-12 large-4 columns"><span class="icon-feed"> </span>  feed</div>
<div class="small-12 large-4 columns"><span class="icon-file"> </span>  file</div>
<div class="small-12 large-4 columns"><span class="icon-file-2"> </span>  file-2</div>
<div class="small-12 large-4 columns"><span class="icon-file-add"> </span>  file-add / file-plus</div>
<div class="small-12 large-4 columns"><span class="icon-file-check"> </span>  file-check</div>
<div class="small-12 large-4 columns"><span class="icon-file-minus"> </span>  file-minus</div>
<div class="small-12 large-4 columns"><span class="icon-file-remove"> </span>  file-remove</div>
<div class="small-12 large-4 columns"><span class="icon-filter"> </span>  filter</div>
<div class="small-12 large-4 columns"><span class="icon-first"> </span>  first</div>
<div class="small-12 large-4 columns"><span class="icon-flag"> </span>  flag</div>
<div class="small-12 large-4 columns"><span class="icon-flag-3"> </span>  flag-3</div>
<div class="small-12 large-4 columns"><span class="icon-folder-3"> </span>  folder-3</div>
<div class="small-12 large-4 columns"><span class="icon-folder-close"> </span>  folder-close / folder-2</div>
<div class="small-12 large-4 columns"><span class="icon-folder-minus"> </span>  folder-minus</div>
<div class="small-12 large-4 columns"><span class="icon-folder-open"> </span>  folder-open / folder</div>
<div class="small-12 large-4 columns"><span class="icon-folder-plus"> </span>  folder-plus</div>
<div class="small-12 large-4 columns"><span class="icon-folder-plus-2"> </span>  folder-plus-2</div>
<div class="small-12 large-4 columns"><span class="icon-folder-remove"> </span>  folder-remove</div>
<div class="small-12 large-4 columns"><span class="icon-forward-2"> </span>  forward-2</div>
<div class="small-12 large-4 columns"><span class="icon-forward-circle"> </span>  forward-circle</div>
<div class="small-12 large-4 columns"><span class="icon-grid"> </span>  grid / grid-view</div>
<div class="small-12 large-4 columns"><span class="icon-grid-2"> </span>  grid-2 / grid-view-2</div>
<div class="small-12 large-4 columns"><span class="icon-health"> </span>  health</div>
<div class="small-12 large-4 columns"><span class="icon-heart"> </span>  heart</div>
<div class="small-12 large-4 columns"><span class="icon-heart-2"> </span>  heart-2</div>
<div class="small-12 large-4 columns"><span class="icon-home"> </span>  home</div>
<div class="small-12 large-4 columns"><span class="icon-home-2"> </span>  home-2</div>
<div class="small-12 large-4 columns"><span class="icon-info"> </span>  info</div>
<div class="small-12 large-4 columns"><span class="icon-info-2"> </span>  info-2 / info-circle</div>
<div class="small-12 large-4 columns"><span class="icon-key"> </span>  key</div>
<div class="small-12 large-4 columns"><span class="icon-lamp"> </span>  lamp</div>
<div class="small-12 large-4 columns"><span class="icon-last"> </span>  last</div>
<div class="small-12 large-4 columns"><span class="icon-lightning"> </span>  lightning / flash</div>
<div class="small-12 large-4 columns"><span class="icon-link"> </span>  link</div>
<div class="small-12 large-4 columns"><span class="icon-list"> </span>  list / list-view</div>
<div class="small-12 large-4 columns"><span class="icon-list-2"> </span>  list-2</div>
<div class="small-12 large-4 columns"><span class="icon-location"> </span>  location</div>
<div class="small-12 large-4 columns"><span class="icon-loop"> </span>  loop</div>
<div class="small-12 large-4 columns"><span class="icon-menu"> </span>  menu</div>
<div class="small-12 large-4 columns"><span class="icon-menu-2"> </span>  menu-2</div>
<div class="small-12 large-4 columns"><span class="icon-menu-3"> </span>  menu-3</div>
<div class="small-12 large-4 columns"><span class="icon-minus"> </span>  minus / not-ok</div>
<div class="small-12 large-4 columns"><span class="icon-minus-sign"> </span>  minus-sign / minus-2</div>
<div class="small-12 large-4 columns"><span class="icon-mobile"> </span>  mobile</div>
<div class="small-12 large-4 columns"><span class="icon-move"> </span>  move</div>
<div class="small-12 large-4 columns"><span class="icon-music"> </span>  music</div>
<div class="small-12 large-4 columns"><span class="icon-new"> </span>  new / plus</div>
<div class="small-12 large-4 columns"><span class="icon-next"> </span>  next / forward</div>
<div class="small-12 large-4 columns"><span class="icon-notification"> </span>  notification</div>
<div class="small-12 large-4 columns"><span class="icon-notification-2"> </span>  notification-2 / notification-circle</div>
<div class="small-12 large-4 columns"><span class="icon-options"> </span>  options / cog</div>
<div class="small-12 large-4 columns"><span class="icon-out-2"> </span>  out-2 / new-tab</div>
<div class="small-12 large-4 columns"><span class="icon-out-3"> </span>  out-3 / new-tab-2</div>
<div class="small-12 large-4 columns"><span class="icon-palette"> </span>  palette / color-palette</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-center"> </span>  paragraph-center</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-justify"> </span>  paragraph-justify</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-left"> </span>  paragraph-left</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-right"> </span>  paragraph-right</div>
<div class="small-12 large-4 columns"><span class="icon-pause"> </span>  pause</div>
<div class="small-12 large-4 columns"><span class="icon-pause-circle"> </span>  pause-circle</div>
<div class="small-12 large-4 columns"><span class="icon-pencil-2"> </span>  pencil-2</div>
<div class="small-12 large-4 columns"><span class="icon-pending"> </span>  pending / warning</div>
<div class="small-12 large-4 columns"><span class="icon-phone"> </span>  phone</div>
<div class="small-12 large-4 columns"><span class="icon-phone-2"> </span>  phone-2</div>
<div class="small-12 large-4 columns"><span class="icon-picture"> </span>  picture / image</div>
<div class="small-12 large-4 columns"><span class="icon-pictures"> </span>  pictures / images</div>
<div class="small-12 large-4 columns"><span class="icon-pie"> </span>  pie</div>
<div class="small-12 large-4 columns"><span class="icon-pin"> </span>  pin / pushpin</div>
<div class="small-12 large-4 columns"><span class="icon-play"> </span>  play</div>
<div class="small-12 large-4 columns"><span class="icon-play-2"> </span>  play-2 / video-2 / youtube</div>
<div class="small-12 large-4 columns"><span class="icon-play-circle"> </span>  play-circle</div>
<div class="small-12 large-4 columns"><span class="icon-plus-circle"> </span>  plus-circle</div>
<div class="small-12 large-4 columns"><span class="icon-power-cord"> </span>  power-cord</div>
<div class="small-12 large-4 columns"><span class="icon-previous"> </span>  previous / backward</div>
<div class="small-12 large-4 columns"><span class="icon-print"> </span>  print / printer</div>
<div class="small-12 large-4 columns"><span class="icon-publish"> </span>  publish / save / ok / checkmark</div>
<div class="small-12 large-4 columns"><span class="icon-purge"> </span>  purge / trash</div>
<div class="small-12 large-4 columns"><span class="icon-puzzle"> </span>  puzzle</div>
<div class="small-12 large-4 columns"><span class="icon-question"> </span>  question / question-sign / help</div>
<div class="small-12 large-4 columns"><span class="icon-question-2"> </span>  question-2 / question-circle</div>
<div class="small-12 large-4 columns"><span class="icon-quote"> </span>  quote / quotes-left</div>
<div class="small-12 large-4 columns"><span class="icon-quote-2"> </span>  quote-2 / quotes-right</div>
<div class="small-12 large-4 columns"><span class="icon-quote-3"> </span>  quote-3 / bubble-quote</div>
<div class="small-12 large-4 columns"><span class="icon-radio-checked"> </span>  radio-checked / generic</div>
<div class="small-12 large-4 columns"><span class="icon-radio-unchecked"> </span>  radio-unchecked</div>
<div class="small-12 large-4 columns"><span class="icon-save-copy"> </span>  save-copy / copy</div>
<div class="small-12 large-4 columns"><span class="icon-save-new"> </span>  save-new / plus-2</div>
<div class="small-12 large-4 columns"><span class="icon-scissors"> </span>  scissors</div>
<div class="small-12 large-4 columns"><span class="icon-screen"> </span>  screen</div>
<div class="small-12 large-4 columns"><span class="icon-screwdriver"> </span>  screwdriver / tools</div>
<div class="small-12 large-4 columns"><span class="icon-search"> </span>  search</div>
<div class="small-12 large-4 columns"><span class="icon-share"> </span>  share / redo</div>
<div class="small-12 large-4 columns"><span class="icon-share-alt"> </span>  share-alt / out</div>
<div class="small-12 large-4 columns"><span class="icon-shield"> </span>  shield</div>
<div class="small-12 large-4 columns"><span class="icon-shuffle"> </span>  shuffle</div>
<div class="small-12 large-4 columns"><span class="icon-signup"> </span>  signup</div>
<div class="small-12 large-4 columns"><span class="icon-smiley"> </span>  smiley / smiley-happy</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-2"> </span>  smiley-2 / smiley-happy-2</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-neutral"> </span>  smiley-neutral</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-neutral-2"> </span>  smiley-neutral-2</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-sad"> </span>  smiley-sad</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-sad-2"> </span>  smiley-sad-2</div>
<div class="small-12 large-4 columns"><span class="icon-square"> </span>  square</div>
<div class="small-12 large-4 columns"><span class="icon-stack"> </span>  stack</div>
<div class="small-12 large-4 columns"><span class="icon-star-2"> </span>  star-2</div>
<div class="small-12 large-4 columns"><span class="icon-stop"> </span>  stop</div>
<div class="small-12 large-4 columns"><span class="icon-stop-circle"> </span>  stop-circle</div>
<div class="small-12 large-4 columns"><span class="icon-support"> </span>  support</div>
<div class="small-12 large-4 columns"><span class="icon-switch"> </span>  switch</div>
<div class="small-12 large-4 columns"><span class="icon-tablet"> </span>  tablet</div>
<div class="small-12 large-4 columns"><span class="icon-tag"> </span>  tag</div>
<div class="small-12 large-4 columns"><span class="icon-tag-2"> </span>  tag-2</div>
<div class="small-12 large-4 columns"><span class="icon-tags"> </span>  tags</div>
<div class="small-12 large-4 columns"><span class="icon-tags-2"> </span>  tags-2</div>
<div class="small-12 large-4 columns"><span class="icon-thumbs-down"> </span>  thumbs-down</div>
<div class="small-12 large-4 columns"><span class="icon-thumbs-up"> </span>  thumbs-up</div>
<div class="small-12 large-4 columns"><span class="icon-tree"> </span>  tree</div>
<div class="small-12 large-4 columns"><span class="icon-tree-2"> </span>  tree-2</div>
<div class="small-12 large-4 columns"><span class="icon-unarchive"> </span>  unarchive / drawer</div>
<div class="small-12 large-4 columns"><span class="icon-unblock"> </span>  unblock / refresh / redo-2</div>
<div class="small-12 large-4 columns"><span class="icon-undo"> </span>  undo</div>
<div class="small-12 large-4 columns"><span class="icon-undo-2"> </span>  undo-2</div>
<div class="small-12 large-4 columns"><span class="icon-unfeatured"> </span>  unfeatured / asterisk / star-empty</div>
<div class="small-12 large-4 columns"><span class="icon-unlock"> </span>  unlock</div>
<div class="small-12 large-4 columns"><span class="icon-unpublish"> </span>  unpublish / cancel</div>
<div class="small-12 large-4 columns"><span class="icon-upload"> </span>  upload</div>
<div class="small-12 large-4 columns"><span class="icon-user"> </span>  user</div>
<div class="small-12 large-4 columns"><span class="icon-users"> </span>  users</div>
<div class="small-12 large-4 columns"><span class="icon-vcard"> </span>  vcard</div>
<div class="small-12 large-4 columns"><span class="icon-wand"> </span>  wand</div>
<div class="small-12 large-4 columns"><span class="icon-warning-2"> </span>  warning-2 / warning-circle</div>
<div class="small-12 large-4 columns"><span class="icon-wrench"> </span>  wrench</div>
<div class="small-12 large-4 columns"><span class="icon-zoom-in"> </span>  zoom-in</div>
<div class="small-12 large-4 columns"><span class="icon-zoom-out"> </span>  zoom-out</div>
</div>

== Including in Your Template ==
{{note|This section is incomplete.}}
__NOTOC__
To include the Icomoon fonts in your template you will have to add the css stylesheet (<tt>/media/jui/css/icomoon.css</tt>) or include it in your <tt>.less</tt> file when you generate the <tt>.css</tt> stylesheet(s).

<source lang="php">
$doc = JFactory::getDocument();
$doc->addStyleSheet($this->baseurl.'/media/jui/css/icomoon.css');
</source>

<noinclude>
[[Category:CSS]]
[[Category:Template Development]]
</noinclude>

Translations:J3.x:Joomla Standard Icomoon Fonts/8/it

2016-06-03T14:53:14Z

Ste: Created page with "== Icone Icomoon disponibili =="

== Icone Icomoon disponibili ==

J3.x:Joomla Standard Icomoon Fonts/it

2016-06-03T14:53:02Z

Ste: Created page with "Questa è l'icona di Joomla! ridimensionata:"

<noinclude><languages /></noinclude>
{{Joomla version|version=3.0.0|time=and later}}
Da Joomla 3.0.0, il CMS Joomla! presenta il proprio [https://icomoon.io/ Set di Font Icomoon]. Questi fonts sono disponibili di default nei template "Protostar" (Frontend), "Isis" (Amministrazione) e "Hathor" (Amministrazione).

== Come utilizzarli ==

I font Icon possono essere richiamati con un <tt><span class="icon-''name-of-icon''"></tt> tag e uno {space}. es

<pre>
<span class="icon-joomla"> </span>
</pre>

Mostrerà l'icona di Joomla!: <span class="icon-joomla"> </span>

== Dimensioni del carattere ==

Visto che le icone sono dei caratteri, puoi controllarne la dimensione con una classe o stile. Ovviamente dovrai definire la classe nel tuo foglio di stile .css o .less.

<pre>
<span class="icon-joomla large-icon"> </span>
<span class="icon-joomla" style="font-size:24px;"> </span>
</pre>

Questa è l'icona di Joomla! ridimensionata: <span class="icon-joomla" style="font-size:24px;"> </span>

== Available Icomoon Icons ==

This is the complete list, including the alternative names to call the icon. The alternatives are separated by a '/' below.

<div class="row">
<div class="small-12 large-4 columns"><span class="icon-joomla"> </span>  joomla</div>
<div class="small-12 large-4 columns"><span class="icon-address"> </span>  address</div>
<div class="small-12 large-4 columns"><span class="icon-apply"> </span>  apply / edit / pencil</div>
<div class="small-12 large-4 columns"><span class="icon-archive"> </span>  archive / drawer-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-2"> </span>  arrow-down-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-3"> </span>  arrow-down-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-4"> </span>  arrow-down-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-first"> </span>  arrow-first</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-last"> </span>  arrow-last</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-2"> </span>  arrow-left-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-3"> </span>  arrow-left-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-4"> </span>  arrow-left-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-2"> </span>  arrow-right-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-3"> </span>  arrow-right-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-4"> </span>  arrow-right-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-2"> </span>  arrow-up-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-3"> </span>  arrow-up-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-4"> </span>  arrow-up-4</div>
<div class="small-12 large-4 columns"><span class="icon-attachment"> </span>  attachment / paperclip / flag-2</div>
<div class="small-12 large-4 columns"><span class="icon-backward-2"> </span>  backward-2 / reply</div>
<div class="small-12 large-4 columns"><span class="icon-backward-circle"> </span>  backward-circle</div>
<div class="small-12 large-4 columns"><span class="icon-ban-circle"> </span>  ban-circle / minus-circle</div>
<div class="small-12 large-4 columns"><span class="icon-bars"> </span>  bars</div>
<div class="small-12 large-4 columns"><span class="icon-basket"> </span>  basket</div>
<div class="small-12 large-4 columns"><span class="icon-book"> </span>  book</div>
<div class="small-12 large-4 columns"><span class="icon-bookmark"> </span>  bookmark</div>
<div class="small-12 large-4 columns"><span class="icon-bookmark-2"> </span>  bookmark-2</div>
<div class="small-12 large-4 columns"><span class="icon-box-add"> </span>  box-add</div>
<div class="small-12 large-4 columns"><span class="icon-box-remove"> </span>  box-remove</div>
<div class="small-12 large-4 columns"><span class="icon-briefcase"> </span>  briefcase</div>
<div class="small-12 large-4 columns"><span class="icon-broadcast"> </span>  broadcast / connection / wifi</div>
<div class="small-12 large-4 columns"><span class="icon-brush"> </span>  brush</div>
<div class="small-12 large-4 columns"><span class="icon-calendar"> </span>  calendar</div>
<div class="small-12 large-4 columns"><span class="icon-calendar-2"> </span>  calendar-2</div>
<div class="small-12 large-4 columns"><span class="icon-calendar-3"> </span>  calendar-3</div>
<div class="small-12 large-4 columns"><span class="icon-camera"> </span>  camera</div>
<div class="small-12 large-4 columns"><span class="icon-camera-2"> </span>  camera-2 / video</div>
<div class="small-12 large-4 columns"><span class="icon-cancel-circle"> </span>  cancel-circle</div>
<div class="small-12 large-4 columns"><span class="icon-cart"> </span>  cart</div>
<div class="small-12 large-4 columns"><span class="icon-chart"> </span>  chart</div>
<div class="small-12 large-4 columns"><span class="icon-checkbox-partial"> </span>  checkbox-partial</div>
<div class="small-12 large-4 columns"><span class="icon-checkbox-unchecked"> </span>  checkbox-unchecked</div>
<div class="small-12 large-4 columns"><span class="icon-checkedout"> </span>  checkedout / lock / locked</div>
<div class="small-12 large-4 columns"><span class="icon-checkin"> </span>  checkin / checkbox / checkbox-checked</div>
<div class="small-12 large-4 columns"><span class="icon-checkmark-2"> </span>  checkmark-2</div>
<div class="small-12 large-4 columns"><span class="icon-checkmark-circle"> </span>  checkmark-circle</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-down"> </span>  chevron-down / downarrow / arrow-down</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-left"> </span>  chevron-left / leftarrow / arrow-left</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-right"> </span>  chevron-right / rightarrow / arrow-right</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-up"> </span>  chevron-up / uparrow / arrow-up</div>
<div class="small-12 large-4 columns"><span class="icon-circle"> </span>  circle</div>
<div class="small-12 large-4 columns"><span class="icon-clock"> </span>  clock</div>
<div class="small-12 large-4 columns"><span class="icon-cogs"> </span>  cogs</div>
<div class="small-12 large-4 columns"><span class="icon-comment"> </span>  comment / comments</div>
<div class="small-12 large-4 columns"><span class="icon-comments-2"> </span>  comments-2</div>
<div class="small-12 large-4 columns"><span class="icon-compass"> </span>  compass</div>
<div class="small-12 large-4 columns"><span class="icon-contract"> </span>  contract</div>
<div class="small-12 large-4 columns"><span class="icon-contract-2"> </span>  contract-2</div>
<div class="small-12 large-4 columns"><span class="icon-credit"> </span>  credit</div>
<div class="small-12 large-4 columns"><span class="icon-credit-2"> </span>  credit-2</div>
<div class="small-12 large-4 columns"><span class="icon-cube"> </span>  cube</div>
<div class="small-12 large-4 columns"><span class="icon-dashboard"> </span>  dashboard</div>
<div class="small-12 large-4 columns"><span class="icon-database"> </span>  database</div>
<div class="small-12 large-4 columns"><span class="icon-delete"> </span>  delete / remove / cancel-2</div>
<div class="small-12 large-4 columns"><span class="icon-download"> </span>  download</div>
<div class="small-12 large-4 columns"><span class="icon-enter"> </span>  enter</div>
<div class="small-12 large-4 columns"><span class="icon-envelope"> </span>  envelope / mail</div>
<div class="small-12 large-4 columns"><span class="icon-envelope-opened"> </span>  envelope-opened / mail-2</div>
<div class="small-12 large-4 columns"><span class="icon-equalizer"> </span>  equalizer</div>
<div class="small-12 large-4 columns"><span class="icon-exit"> </span>  exit</div>
<div class="small-12 large-4 columns"><span class="icon-expand"> </span>  expand</div>
<div class="small-12 large-4 columns"><span class="icon-expand-2"> </span>  expand-2</div>
<div class="small-12 large-4 columns"><span class="icon-expired"> </span>  expired</div>
<div class="small-12 large-4 columns"><span class="icon-eye-close"> </span>  eye-close / eye-blocked / eye-2</div>
<div class="small-12 large-4 columns"><span class="icon-eye-open"> </span>  eye-open / eye</div>
<div class="small-12 large-4 columns"><span class="icon-featured"> </span>  featured / default / star</div>
<div class="small-12 large-4 columns"><span class="icon-feed"> </span>  feed</div>
<div class="small-12 large-4 columns"><span class="icon-file"> </span>  file</div>
<div class="small-12 large-4 columns"><span class="icon-file-2"> </span>  file-2</div>
<div class="small-12 large-4 columns"><span class="icon-file-add"> </span>  file-add / file-plus</div>
<div class="small-12 large-4 columns"><span class="icon-file-check"> </span>  file-check</div>
<div class="small-12 large-4 columns"><span class="icon-file-minus"> </span>  file-minus</div>
<div class="small-12 large-4 columns"><span class="icon-file-remove"> </span>  file-remove</div>
<div class="small-12 large-4 columns"><span class="icon-filter"> </span>  filter</div>
<div class="small-12 large-4 columns"><span class="icon-first"> </span>  first</div>
<div class="small-12 large-4 columns"><span class="icon-flag"> </span>  flag</div>
<div class="small-12 large-4 columns"><span class="icon-flag-3"> </span>  flag-3</div>
<div class="small-12 large-4 columns"><span class="icon-folder-3"> </span>  folder-3</div>
<div class="small-12 large-4 columns"><span class="icon-folder-close"> </span>  folder-close / folder-2</div>
<div class="small-12 large-4 columns"><span class="icon-folder-minus"> </span>  folder-minus</div>
<div class="small-12 large-4 columns"><span class="icon-folder-open"> </span>  folder-open / folder</div>
<div class="small-12 large-4 columns"><span class="icon-folder-plus"> </span>  folder-plus</div>
<div class="small-12 large-4 columns"><span class="icon-folder-plus-2"> </span>  folder-plus-2</div>
<div class="small-12 large-4 columns"><span class="icon-folder-remove"> </span>  folder-remove</div>
<div class="small-12 large-4 columns"><span class="icon-forward-2"> </span>  forward-2</div>
<div class="small-12 large-4 columns"><span class="icon-forward-circle"> </span>  forward-circle</div>
<div class="small-12 large-4 columns"><span class="icon-grid"> </span>  grid / grid-view</div>
<div class="small-12 large-4 columns"><span class="icon-grid-2"> </span>  grid-2 / grid-view-2</div>
<div class="small-12 large-4 columns"><span class="icon-health"> </span>  health</div>
<div class="small-12 large-4 columns"><span class="icon-heart"> </span>  heart</div>
<div class="small-12 large-4 columns"><span class="icon-heart-2"> </span>  heart-2</div>
<div class="small-12 large-4 columns"><span class="icon-home"> </span>  home</div>
<div class="small-12 large-4 columns"><span class="icon-home-2"> </span>  home-2</div>
<div class="small-12 large-4 columns"><span class="icon-info"> </span>  info</div>
<div class="small-12 large-4 columns"><span class="icon-info-2"> </span>  info-2 / info-circle</div>
<div class="small-12 large-4 columns"><span class="icon-key"> </span>  key</div>
<div class="small-12 large-4 columns"><span class="icon-lamp"> </span>  lamp</div>
<div class="small-12 large-4 columns"><span class="icon-last"> </span>  last</div>
<div class="small-12 large-4 columns"><span class="icon-lightning"> </span>  lightning / flash</div>
<div class="small-12 large-4 columns"><span class="icon-link"> </span>  link</div>
<div class="small-12 large-4 columns"><span class="icon-list"> </span>  list / list-view</div>
<div class="small-12 large-4 columns"><span class="icon-list-2"> </span>  list-2</div>
<div class="small-12 large-4 columns"><span class="icon-location"> </span>  location</div>
<div class="small-12 large-4 columns"><span class="icon-loop"> </span>  loop</div>
<div class="small-12 large-4 columns"><span class="icon-menu"> </span>  menu</div>
<div class="small-12 large-4 columns"><span class="icon-menu-2"> </span>  menu-2</div>
<div class="small-12 large-4 columns"><span class="icon-menu-3"> </span>  menu-3</div>
<div class="small-12 large-4 columns"><span class="icon-minus"> </span>  minus / not-ok</div>
<div class="small-12 large-4 columns"><span class="icon-minus-sign"> </span>  minus-sign / minus-2</div>
<div class="small-12 large-4 columns"><span class="icon-mobile"> </span>  mobile</div>
<div class="small-12 large-4 columns"><span class="icon-move"> </span>  move</div>
<div class="small-12 large-4 columns"><span class="icon-music"> </span>  music</div>
<div class="small-12 large-4 columns"><span class="icon-new"> </span>  new / plus</div>
<div class="small-12 large-4 columns"><span class="icon-next"> </span>  next / forward</div>
<div class="small-12 large-4 columns"><span class="icon-notification"> </span>  notification</div>
<div class="small-12 large-4 columns"><span class="icon-notification-2"> </span>  notification-2 / notification-circle</div>
<div class="small-12 large-4 columns"><span class="icon-options"> </span>  options / cog</div>
<div class="small-12 large-4 columns"><span class="icon-out-2"> </span>  out-2 / new-tab</div>
<div class="small-12 large-4 columns"><span class="icon-out-3"> </span>  out-3 / new-tab-2</div>
<div class="small-12 large-4 columns"><span class="icon-palette"> </span>  palette / color-palette</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-center"> </span>  paragraph-center</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-justify"> </span>  paragraph-justify</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-left"> </span>  paragraph-left</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-right"> </span>  paragraph-right</div>
<div class="small-12 large-4 columns"><span class="icon-pause"> </span>  pause</div>
<div class="small-12 large-4 columns"><span class="icon-pause-circle"> </span>  pause-circle</div>
<div class="small-12 large-4 columns"><span class="icon-pencil-2"> </span>  pencil-2</div>
<div class="small-12 large-4 columns"><span class="icon-pending"> </span>  pending / warning</div>
<div class="small-12 large-4 columns"><span class="icon-phone"> </span>  phone</div>
<div class="small-12 large-4 columns"><span class="icon-phone-2"> </span>  phone-2</div>
<div class="small-12 large-4 columns"><span class="icon-picture"> </span>  picture / image</div>
<div class="small-12 large-4 columns"><span class="icon-pictures"> </span>  pictures / images</div>
<div class="small-12 large-4 columns"><span class="icon-pie"> </span>  pie</div>
<div class="small-12 large-4 columns"><span class="icon-pin"> </span>  pin / pushpin</div>
<div class="small-12 large-4 columns"><span class="icon-play"> </span>  play</div>
<div class="small-12 large-4 columns"><span class="icon-play-2"> </span>  play-2 / video-2 / youtube</div>
<div class="small-12 large-4 columns"><span class="icon-play-circle"> </span>  play-circle</div>
<div class="small-12 large-4 columns"><span class="icon-plus-circle"> </span>  plus-circle</div>
<div class="small-12 large-4 columns"><span class="icon-power-cord"> </span>  power-cord</div>
<div class="small-12 large-4 columns"><span class="icon-previous"> </span>  previous / backward</div>
<div class="small-12 large-4 columns"><span class="icon-print"> </span>  print / printer</div>
<div class="small-12 large-4 columns"><span class="icon-publish"> </span>  publish / save / ok / checkmark</div>
<div class="small-12 large-4 columns"><span class="icon-purge"> </span>  purge / trash</div>
<div class="small-12 large-4 columns"><span class="icon-puzzle"> </span>  puzzle</div>
<div class="small-12 large-4 columns"><span class="icon-question"> </span>  question / question-sign / help</div>
<div class="small-12 large-4 columns"><span class="icon-question-2"> </span>  question-2 / question-circle</div>
<div class="small-12 large-4 columns"><span class="icon-quote"> </span>  quote / quotes-left</div>
<div class="small-12 large-4 columns"><span class="icon-quote-2"> </span>  quote-2 / quotes-right</div>
<div class="small-12 large-4 columns"><span class="icon-quote-3"> </span>  quote-3 / bubble-quote</div>
<div class="small-12 large-4 columns"><span class="icon-radio-checked"> </span>  radio-checked / generic</div>
<div class="small-12 large-4 columns"><span class="icon-radio-unchecked"> </span>  radio-unchecked</div>
<div class="small-12 large-4 columns"><span class="icon-save-copy"> </span>  save-copy / copy</div>
<div class="small-12 large-4 columns"><span class="icon-save-new"> </span>  save-new / plus-2</div>
<div class="small-12 large-4 columns"><span class="icon-scissors"> </span>  scissors</div>
<div class="small-12 large-4 columns"><span class="icon-screen"> </span>  screen</div>
<div class="small-12 large-4 columns"><span class="icon-screwdriver"> </span>  screwdriver / tools</div>
<div class="small-12 large-4 columns"><span class="icon-search"> </span>  search</div>
<div class="small-12 large-4 columns"><span class="icon-share"> </span>  share / redo</div>
<div class="small-12 large-4 columns"><span class="icon-share-alt"> </span>  share-alt / out</div>
<div class="small-12 large-4 columns"><span class="icon-shield"> </span>  shield</div>
<div class="small-12 large-4 columns"><span class="icon-shuffle"> </span>  shuffle</div>
<div class="small-12 large-4 columns"><span class="icon-signup"> </span>  signup</div>
<div class="small-12 large-4 columns"><span class="icon-smiley"> </span>  smiley / smiley-happy</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-2"> </span>  smiley-2 / smiley-happy-2</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-neutral"> </span>  smiley-neutral</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-neutral-2"> </span>  smiley-neutral-2</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-sad"> </span>  smiley-sad</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-sad-2"> </span>  smiley-sad-2</div>
<div class="small-12 large-4 columns"><span class="icon-square"> </span>  square</div>
<div class="small-12 large-4 columns"><span class="icon-stack"> </span>  stack</div>
<div class="small-12 large-4 columns"><span class="icon-star-2"> </span>  star-2</div>
<div class="small-12 large-4 columns"><span class="icon-stop"> </span>  stop</div>
<div class="small-12 large-4 columns"><span class="icon-stop-circle"> </span>  stop-circle</div>
<div class="small-12 large-4 columns"><span class="icon-support"> </span>  support</div>
<div class="small-12 large-4 columns"><span class="icon-switch"> </span>  switch</div>
<div class="small-12 large-4 columns"><span class="icon-tablet"> </span>  tablet</div>
<div class="small-12 large-4 columns"><span class="icon-tag"> </span>  tag</div>
<div class="small-12 large-4 columns"><span class="icon-tag-2"> </span>  tag-2</div>
<div class="small-12 large-4 columns"><span class="icon-tags"> </span>  tags</div>
<div class="small-12 large-4 columns"><span class="icon-tags-2"> </span>  tags-2</div>
<div class="small-12 large-4 columns"><span class="icon-thumbs-down"> </span>  thumbs-down</div>
<div class="small-12 large-4 columns"><span class="icon-thumbs-up"> </span>  thumbs-up</div>
<div class="small-12 large-4 columns"><span class="icon-tree"> </span>  tree</div>
<div class="small-12 large-4 columns"><span class="icon-tree-2"> </span>  tree-2</div>
<div class="small-12 large-4 columns"><span class="icon-unarchive"> </span>  unarchive / drawer</div>
<div class="small-12 large-4 columns"><span class="icon-unblock"> </span>  unblock / refresh / redo-2</div>
<div class="small-12 large-4 columns"><span class="icon-undo"> </span>  undo</div>
<div class="small-12 large-4 columns"><span class="icon-undo-2"> </span>  undo-2</div>
<div class="small-12 large-4 columns"><span class="icon-unfeatured"> </span>  unfeatured / asterisk / star-empty</div>
<div class="small-12 large-4 columns"><span class="icon-unlock"> </span>  unlock</div>
<div class="small-12 large-4 columns"><span class="icon-unpublish"> </span>  unpublish / cancel</div>
<div class="small-12 large-4 columns"><span class="icon-upload"> </span>  upload</div>
<div class="small-12 large-4 columns"><span class="icon-user"> </span>  user</div>
<div class="small-12 large-4 columns"><span class="icon-users"> </span>  users</div>
<div class="small-12 large-4 columns"><span class="icon-vcard"> </span>  vcard</div>
<div class="small-12 large-4 columns"><span class="icon-wand"> </span>  wand</div>
<div class="small-12 large-4 columns"><span class="icon-warning-2"> </span>  warning-2 / warning-circle</div>
<div class="small-12 large-4 columns"><span class="icon-wrench"> </span>  wrench</div>
<div class="small-12 large-4 columns"><span class="icon-zoom-in"> </span>  zoom-in</div>
<div class="small-12 large-4 columns"><span class="icon-zoom-out"> </span>  zoom-out</div>
</div>

== Including in Your Template ==
{{note|This section is incomplete.}}
__NOTOC__
To include the Icomoon fonts in your template you will have to add the css stylesheet (<tt>/media/jui/css/icomoon.css</tt>) or include it in your <tt>.less</tt> file when you generate the <tt>.css</tt> stylesheet(s).

<source lang="php">
$doc = JFactory::getDocument();
$doc->addStyleSheet($this->baseurl.'/media/jui/css/icomoon.css');
</source>

<noinclude>
[[Category:CSS]]
[[Category:Template Development]]
</noinclude>

Translations:J3.x:Joomla Standard Icomoon Fonts/7/it

2016-06-03T14:53:02Z

Ste: Created page with "Questa è l'icona di Joomla! ridimensionata:"

Questa è l'icona di Joomla! ridimensionata:

J3.x:Joomla Standard Icomoon Fonts/it

2016-06-03T14:52:42Z

Ste: Created page with "Visto che le icone sono dei caratteri, puoi controllarne la dimensione con una classe o stile. Ovviamente dovrai definire la classe nel tuo foglio di stile .css o .less."

<noinclude><languages /></noinclude>
{{Joomla version|version=3.0.0|time=and later}}
Da Joomla 3.0.0, il CMS Joomla! presenta il proprio [https://icomoon.io/ Set di Font Icomoon]. Questi fonts sono disponibili di default nei template "Protostar" (Frontend), "Isis" (Amministrazione) e "Hathor" (Amministrazione).

== Come utilizzarli ==

I font Icon possono essere richiamati con un <tt><span class="icon-''name-of-icon''"></tt> tag e uno {space}. es

<pre>
<span class="icon-joomla"> </span>
</pre>

Mostrerà l'icona di Joomla!: <span class="icon-joomla"> </span>

== Dimensioni del carattere ==

Visto che le icone sono dei caratteri, puoi controllarne la dimensione con una classe o stile. Ovviamente dovrai definire la classe nel tuo foglio di stile .css o .less.

<pre>
<span class="icon-joomla large-icon"> </span>
<span class="icon-joomla" style="font-size:24px;"> </span>
</pre>

Here is the resized Joomla! icon: <span class="icon-joomla" style="font-size:24px;"> </span>

== Available Icomoon Icons ==

This is the complete list, including the alternative names to call the icon. The alternatives are separated by a '/' below.

<div class="row">
<div class="small-12 large-4 columns"><span class="icon-joomla"> </span>  joomla</div>
<div class="small-12 large-4 columns"><span class="icon-address"> </span>  address</div>
<div class="small-12 large-4 columns"><span class="icon-apply"> </span>  apply / edit / pencil</div>
<div class="small-12 large-4 columns"><span class="icon-archive"> </span>  archive / drawer-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-2"> </span>  arrow-down-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-3"> </span>  arrow-down-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-4"> </span>  arrow-down-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-first"> </span>  arrow-first</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-last"> </span>  arrow-last</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-2"> </span>  arrow-left-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-3"> </span>  arrow-left-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-4"> </span>  arrow-left-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-2"> </span>  arrow-right-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-3"> </span>  arrow-right-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-4"> </span>  arrow-right-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-2"> </span>  arrow-up-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-3"> </span>  arrow-up-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-4"> </span>  arrow-up-4</div>
<div class="small-12 large-4 columns"><span class="icon-attachment"> </span>  attachment / paperclip / flag-2</div>
<div class="small-12 large-4 columns"><span class="icon-backward-2"> </span>  backward-2 / reply</div>
<div class="small-12 large-4 columns"><span class="icon-backward-circle"> </span>  backward-circle</div>
<div class="small-12 large-4 columns"><span class="icon-ban-circle"> </span>  ban-circle / minus-circle</div>
<div class="small-12 large-4 columns"><span class="icon-bars"> </span>  bars</div>
<div class="small-12 large-4 columns"><span class="icon-basket"> </span>  basket</div>
<div class="small-12 large-4 columns"><span class="icon-book"> </span>  book</div>
<div class="small-12 large-4 columns"><span class="icon-bookmark"> </span>  bookmark</div>
<div class="small-12 large-4 columns"><span class="icon-bookmark-2"> </span>  bookmark-2</div>
<div class="small-12 large-4 columns"><span class="icon-box-add"> </span>  box-add</div>
<div class="small-12 large-4 columns"><span class="icon-box-remove"> </span>  box-remove</div>
<div class="small-12 large-4 columns"><span class="icon-briefcase"> </span>  briefcase</div>
<div class="small-12 large-4 columns"><span class="icon-broadcast"> </span>  broadcast / connection / wifi</div>
<div class="small-12 large-4 columns"><span class="icon-brush"> </span>  brush</div>
<div class="small-12 large-4 columns"><span class="icon-calendar"> </span>  calendar</div>
<div class="small-12 large-4 columns"><span class="icon-calendar-2"> </span>  calendar-2</div>
<div class="small-12 large-4 columns"><span class="icon-calendar-3"> </span>  calendar-3</div>
<div class="small-12 large-4 columns"><span class="icon-camera"> </span>  camera</div>
<div class="small-12 large-4 columns"><span class="icon-camera-2"> </span>  camera-2 / video</div>
<div class="small-12 large-4 columns"><span class="icon-cancel-circle"> </span>  cancel-circle</div>
<div class="small-12 large-4 columns"><span class="icon-cart"> </span>  cart</div>
<div class="small-12 large-4 columns"><span class="icon-chart"> </span>  chart</div>
<div class="small-12 large-4 columns"><span class="icon-checkbox-partial"> </span>  checkbox-partial</div>
<div class="small-12 large-4 columns"><span class="icon-checkbox-unchecked"> </span>  checkbox-unchecked</div>
<div class="small-12 large-4 columns"><span class="icon-checkedout"> </span>  checkedout / lock / locked</div>
<div class="small-12 large-4 columns"><span class="icon-checkin"> </span>  checkin / checkbox / checkbox-checked</div>
<div class="small-12 large-4 columns"><span class="icon-checkmark-2"> </span>  checkmark-2</div>
<div class="small-12 large-4 columns"><span class="icon-checkmark-circle"> </span>  checkmark-circle</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-down"> </span>  chevron-down / downarrow / arrow-down</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-left"> </span>  chevron-left / leftarrow / arrow-left</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-right"> </span>  chevron-right / rightarrow / arrow-right</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-up"> </span>  chevron-up / uparrow / arrow-up</div>
<div class="small-12 large-4 columns"><span class="icon-circle"> </span>  circle</div>
<div class="small-12 large-4 columns"><span class="icon-clock"> </span>  clock</div>
<div class="small-12 large-4 columns"><span class="icon-cogs"> </span>  cogs</div>
<div class="small-12 large-4 columns"><span class="icon-comment"> </span>  comment / comments</div>
<div class="small-12 large-4 columns"><span class="icon-comments-2"> </span>  comments-2</div>
<div class="small-12 large-4 columns"><span class="icon-compass"> </span>  compass</div>
<div class="small-12 large-4 columns"><span class="icon-contract"> </span>  contract</div>
<div class="small-12 large-4 columns"><span class="icon-contract-2"> </span>  contract-2</div>
<div class="small-12 large-4 columns"><span class="icon-credit"> </span>  credit</div>
<div class="small-12 large-4 columns"><span class="icon-credit-2"> </span>  credit-2</div>
<div class="small-12 large-4 columns"><span class="icon-cube"> </span>  cube</div>
<div class="small-12 large-4 columns"><span class="icon-dashboard"> </span>  dashboard</div>
<div class="small-12 large-4 columns"><span class="icon-database"> </span>  database</div>
<div class="small-12 large-4 columns"><span class="icon-delete"> </span>  delete / remove / cancel-2</div>
<div class="small-12 large-4 columns"><span class="icon-download"> </span>  download</div>
<div class="small-12 large-4 columns"><span class="icon-enter"> </span>  enter</div>
<div class="small-12 large-4 columns"><span class="icon-envelope"> </span>  envelope / mail</div>
<div class="small-12 large-4 columns"><span class="icon-envelope-opened"> </span>  envelope-opened / mail-2</div>
<div class="small-12 large-4 columns"><span class="icon-equalizer"> </span>  equalizer</div>
<div class="small-12 large-4 columns"><span class="icon-exit"> </span>  exit</div>
<div class="small-12 large-4 columns"><span class="icon-expand"> </span>  expand</div>
<div class="small-12 large-4 columns"><span class="icon-expand-2"> </span>  expand-2</div>
<div class="small-12 large-4 columns"><span class="icon-expired"> </span>  expired</div>
<div class="small-12 large-4 columns"><span class="icon-eye-close"> </span>  eye-close / eye-blocked / eye-2</div>
<div class="small-12 large-4 columns"><span class="icon-eye-open"> </span>  eye-open / eye</div>
<div class="small-12 large-4 columns"><span class="icon-featured"> </span>  featured / default / star</div>
<div class="small-12 large-4 columns"><span class="icon-feed"> </span>  feed</div>
<div class="small-12 large-4 columns"><span class="icon-file"> </span>  file</div>
<div class="small-12 large-4 columns"><span class="icon-file-2"> </span>  file-2</div>
<div class="small-12 large-4 columns"><span class="icon-file-add"> </span>  file-add / file-plus</div>
<div class="small-12 large-4 columns"><span class="icon-file-check"> </span>  file-check</div>
<div class="small-12 large-4 columns"><span class="icon-file-minus"> </span>  file-minus</div>
<div class="small-12 large-4 columns"><span class="icon-file-remove"> </span>  file-remove</div>
<div class="small-12 large-4 columns"><span class="icon-filter"> </span>  filter</div>
<div class="small-12 large-4 columns"><span class="icon-first"> </span>  first</div>
<div class="small-12 large-4 columns"><span class="icon-flag"> </span>  flag</div>
<div class="small-12 large-4 columns"><span class="icon-flag-3"> </span>  flag-3</div>
<div class="small-12 large-4 columns"><span class="icon-folder-3"> </span>  folder-3</div>
<div class="small-12 large-4 columns"><span class="icon-folder-close"> </span>  folder-close / folder-2</div>
<div class="small-12 large-4 columns"><span class="icon-folder-minus"> </span>  folder-minus</div>
<div class="small-12 large-4 columns"><span class="icon-folder-open"> </span>  folder-open / folder</div>
<div class="small-12 large-4 columns"><span class="icon-folder-plus"> </span>  folder-plus</div>
<div class="small-12 large-4 columns"><span class="icon-folder-plus-2"> </span>  folder-plus-2</div>
<div class="small-12 large-4 columns"><span class="icon-folder-remove"> </span>  folder-remove</div>
<div class="small-12 large-4 columns"><span class="icon-forward-2"> </span>  forward-2</div>
<div class="small-12 large-4 columns"><span class="icon-forward-circle"> </span>  forward-circle</div>
<div class="small-12 large-4 columns"><span class="icon-grid"> </span>  grid / grid-view</div>
<div class="small-12 large-4 columns"><span class="icon-grid-2"> </span>  grid-2 / grid-view-2</div>
<div class="small-12 large-4 columns"><span class="icon-health"> </span>  health</div>
<div class="small-12 large-4 columns"><span class="icon-heart"> </span>  heart</div>
<div class="small-12 large-4 columns"><span class="icon-heart-2"> </span>  heart-2</div>
<div class="small-12 large-4 columns"><span class="icon-home"> </span>  home</div>
<div class="small-12 large-4 columns"><span class="icon-home-2"> </span>  home-2</div>
<div class="small-12 large-4 columns"><span class="icon-info"> </span>  info</div>
<div class="small-12 large-4 columns"><span class="icon-info-2"> </span>  info-2 / info-circle</div>
<div class="small-12 large-4 columns"><span class="icon-key"> </span>  key</div>
<div class="small-12 large-4 columns"><span class="icon-lamp"> </span>  lamp</div>
<div class="small-12 large-4 columns"><span class="icon-last"> </span>  last</div>
<div class="small-12 large-4 columns"><span class="icon-lightning"> </span>  lightning / flash</div>
<div class="small-12 large-4 columns"><span class="icon-link"> </span>  link</div>
<div class="small-12 large-4 columns"><span class="icon-list"> </span>  list / list-view</div>
<div class="small-12 large-4 columns"><span class="icon-list-2"> </span>  list-2</div>
<div class="small-12 large-4 columns"><span class="icon-location"> </span>  location</div>
<div class="small-12 large-4 columns"><span class="icon-loop"> </span>  loop</div>
<div class="small-12 large-4 columns"><span class="icon-menu"> </span>  menu</div>
<div class="small-12 large-4 columns"><span class="icon-menu-2"> </span>  menu-2</div>
<div class="small-12 large-4 columns"><span class="icon-menu-3"> </span>  menu-3</div>
<div class="small-12 large-4 columns"><span class="icon-minus"> </span>  minus / not-ok</div>
<div class="small-12 large-4 columns"><span class="icon-minus-sign"> </span>  minus-sign / minus-2</div>
<div class="small-12 large-4 columns"><span class="icon-mobile"> </span>  mobile</div>
<div class="small-12 large-4 columns"><span class="icon-move"> </span>  move</div>
<div class="small-12 large-4 columns"><span class="icon-music"> </span>  music</div>
<div class="small-12 large-4 columns"><span class="icon-new"> </span>  new / plus</div>
<div class="small-12 large-4 columns"><span class="icon-next"> </span>  next / forward</div>
<div class="small-12 large-4 columns"><span class="icon-notification"> </span>  notification</div>
<div class="small-12 large-4 columns"><span class="icon-notification-2"> </span>  notification-2 / notification-circle</div>
<div class="small-12 large-4 columns"><span class="icon-options"> </span>  options / cog</div>
<div class="small-12 large-4 columns"><span class="icon-out-2"> </span>  out-2 / new-tab</div>
<div class="small-12 large-4 columns"><span class="icon-out-3"> </span>  out-3 / new-tab-2</div>
<div class="small-12 large-4 columns"><span class="icon-palette"> </span>  palette / color-palette</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-center"> </span>  paragraph-center</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-justify"> </span>  paragraph-justify</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-left"> </span>  paragraph-left</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-right"> </span>  paragraph-right</div>
<div class="small-12 large-4 columns"><span class="icon-pause"> </span>  pause</div>
<div class="small-12 large-4 columns"><span class="icon-pause-circle"> </span>  pause-circle</div>
<div class="small-12 large-4 columns"><span class="icon-pencil-2"> </span>  pencil-2</div>
<div class="small-12 large-4 columns"><span class="icon-pending"> </span>  pending / warning</div>
<div class="small-12 large-4 columns"><span class="icon-phone"> </span>  phone</div>
<div class="small-12 large-4 columns"><span class="icon-phone-2"> </span>  phone-2</div>
<div class="small-12 large-4 columns"><span class="icon-picture"> </span>  picture / image</div>
<div class="small-12 large-4 columns"><span class="icon-pictures"> </span>  pictures / images</div>
<div class="small-12 large-4 columns"><span class="icon-pie"> </span>  pie</div>
<div class="small-12 large-4 columns"><span class="icon-pin"> </span>  pin / pushpin</div>
<div class="small-12 large-4 columns"><span class="icon-play"> </span>  play</div>
<div class="small-12 large-4 columns"><span class="icon-play-2"> </span>  play-2 / video-2 / youtube</div>
<div class="small-12 large-4 columns"><span class="icon-play-circle"> </span>  play-circle</div>
<div class="small-12 large-4 columns"><span class="icon-plus-circle"> </span>  plus-circle</div>
<div class="small-12 large-4 columns"><span class="icon-power-cord"> </span>  power-cord</div>
<div class="small-12 large-4 columns"><span class="icon-previous"> </span>  previous / backward</div>
<div class="small-12 large-4 columns"><span class="icon-print"> </span>  print / printer</div>
<div class="small-12 large-4 columns"><span class="icon-publish"> </span>  publish / save / ok / checkmark</div>
<div class="small-12 large-4 columns"><span class="icon-purge"> </span>  purge / trash</div>
<div class="small-12 large-4 columns"><span class="icon-puzzle"> </span>  puzzle</div>
<div class="small-12 large-4 columns"><span class="icon-question"> </span>  question / question-sign / help</div>
<div class="small-12 large-4 columns"><span class="icon-question-2"> </span>  question-2 / question-circle</div>
<div class="small-12 large-4 columns"><span class="icon-quote"> </span>  quote / quotes-left</div>
<div class="small-12 large-4 columns"><span class="icon-quote-2"> </span>  quote-2 / quotes-right</div>
<div class="small-12 large-4 columns"><span class="icon-quote-3"> </span>  quote-3 / bubble-quote</div>
<div class="small-12 large-4 columns"><span class="icon-radio-checked"> </span>  radio-checked / generic</div>
<div class="small-12 large-4 columns"><span class="icon-radio-unchecked"> </span>  radio-unchecked</div>
<div class="small-12 large-4 columns"><span class="icon-save-copy"> </span>  save-copy / copy</div>
<div class="small-12 large-4 columns"><span class="icon-save-new"> </span>  save-new / plus-2</div>
<div class="small-12 large-4 columns"><span class="icon-scissors"> </span>  scissors</div>
<div class="small-12 large-4 columns"><span class="icon-screen"> </span>  screen</div>
<div class="small-12 large-4 columns"><span class="icon-screwdriver"> </span>  screwdriver / tools</div>
<div class="small-12 large-4 columns"><span class="icon-search"> </span>  search</div>
<div class="small-12 large-4 columns"><span class="icon-share"> </span>  share / redo</div>
<div class="small-12 large-4 columns"><span class="icon-share-alt"> </span>  share-alt / out</div>
<div class="small-12 large-4 columns"><span class="icon-shield"> </span>  shield</div>
<div class="small-12 large-4 columns"><span class="icon-shuffle"> </span>  shuffle</div>
<div class="small-12 large-4 columns"><span class="icon-signup"> </span>  signup</div>
<div class="small-12 large-4 columns"><span class="icon-smiley"> </span>  smiley / smiley-happy</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-2"> </span>  smiley-2 / smiley-happy-2</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-neutral"> </span>  smiley-neutral</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-neutral-2"> </span>  smiley-neutral-2</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-sad"> </span>  smiley-sad</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-sad-2"> </span>  smiley-sad-2</div>
<div class="small-12 large-4 columns"><span class="icon-square"> </span>  square</div>
<div class="small-12 large-4 columns"><span class="icon-stack"> </span>  stack</div>
<div class="small-12 large-4 columns"><span class="icon-star-2"> </span>  star-2</div>
<div class="small-12 large-4 columns"><span class="icon-stop"> </span>  stop</div>
<div class="small-12 large-4 columns"><span class="icon-stop-circle"> </span>  stop-circle</div>
<div class="small-12 large-4 columns"><span class="icon-support"> </span>  support</div>
<div class="small-12 large-4 columns"><span class="icon-switch"> </span>  switch</div>
<div class="small-12 large-4 columns"><span class="icon-tablet"> </span>  tablet</div>
<div class="small-12 large-4 columns"><span class="icon-tag"> </span>  tag</div>
<div class="small-12 large-4 columns"><span class="icon-tag-2"> </span>  tag-2</div>
<div class="small-12 large-4 columns"><span class="icon-tags"> </span>  tags</div>
<div class="small-12 large-4 columns"><span class="icon-tags-2"> </span>  tags-2</div>
<div class="small-12 large-4 columns"><span class="icon-thumbs-down"> </span>  thumbs-down</div>
<div class="small-12 large-4 columns"><span class="icon-thumbs-up"> </span>  thumbs-up</div>
<div class="small-12 large-4 columns"><span class="icon-tree"> </span>  tree</div>
<div class="small-12 large-4 columns"><span class="icon-tree-2"> </span>  tree-2</div>
<div class="small-12 large-4 columns"><span class="icon-unarchive"> </span>  unarchive / drawer</div>
<div class="small-12 large-4 columns"><span class="icon-unblock"> </span>  unblock / refresh / redo-2</div>
<div class="small-12 large-4 columns"><span class="icon-undo"> </span>  undo</div>
<div class="small-12 large-4 columns"><span class="icon-undo-2"> </span>  undo-2</div>
<div class="small-12 large-4 columns"><span class="icon-unfeatured"> </span>  unfeatured / asterisk / star-empty</div>
<div class="small-12 large-4 columns"><span class="icon-unlock"> </span>  unlock</div>
<div class="small-12 large-4 columns"><span class="icon-unpublish"> </span>  unpublish / cancel</div>
<div class="small-12 large-4 columns"><span class="icon-upload"> </span>  upload</div>
<div class="small-12 large-4 columns"><span class="icon-user"> </span>  user</div>
<div class="small-12 large-4 columns"><span class="icon-users"> </span>  users</div>
<div class="small-12 large-4 columns"><span class="icon-vcard"> </span>  vcard</div>
<div class="small-12 large-4 columns"><span class="icon-wand"> </span>  wand</div>
<div class="small-12 large-4 columns"><span class="icon-warning-2"> </span>  warning-2 / warning-circle</div>
<div class="small-12 large-4 columns"><span class="icon-wrench"> </span>  wrench</div>
<div class="small-12 large-4 columns"><span class="icon-zoom-in"> </span>  zoom-in</div>
<div class="small-12 large-4 columns"><span class="icon-zoom-out"> </span>  zoom-out</div>
</div>

== Including in Your Template ==
{{note|This section is incomplete.}}
__NOTOC__
To include the Icomoon fonts in your template you will have to add the css stylesheet (<tt>/media/jui/css/icomoon.css</tt>) or include it in your <tt>.less</tt> file when you generate the <tt>.css</tt> stylesheet(s).

<source lang="php">
$doc = JFactory::getDocument();
$doc->addStyleSheet($this->baseurl.'/media/jui/css/icomoon.css');
</source>

<noinclude>
[[Category:CSS]]
[[Category:Template Development]]
</noinclude>

Translations:J3.x:Joomla Standard Icomoon Fonts/6/it

2016-06-03T14:52:41Z

Ste: Created page with "Visto che le icone sono dei caratteri, puoi controllarne la dimensione con una classe o stile. Ovviamente dovrai definire la classe nel tuo foglio di stile .css o .less."

Visto che le icone sono dei caratteri, puoi controllarne la dimensione con una classe o stile. Ovviamente dovrai definire la classe nel tuo foglio di stile .css o .less.

J3.x:Joomla Standard Icomoon Fonts/it

2016-06-03T14:51:20Z

Ste: Created page with "== Dimensioni del carattere =="

<noinclude><languages /></noinclude>
{{Joomla version|version=3.0.0|time=and later}}
Da Joomla 3.0.0, il CMS Joomla! presenta il proprio [https://icomoon.io/ Set di Font Icomoon]. Questi fonts sono disponibili di default nei template "Protostar" (Frontend), "Isis" (Amministrazione) e "Hathor" (Amministrazione).

== Come utilizzarli ==

I font Icon possono essere richiamati con un <tt><span class="icon-''name-of-icon''"></tt> tag e uno {space}. es

<pre>
<span class="icon-joomla"> </span>
</pre>

Mostrerà l'icona di Joomla!: <span class="icon-joomla"> </span>

== Dimensioni del carattere ==

Because the icons are fonts, you can control the size of them with an added class or style= statement. Of course you will have to define the class in your .css or .less stylesheet file.

<pre>
<span class="icon-joomla large-icon"> </span>
<span class="icon-joomla" style="font-size:24px;"> </span>
</pre>

Here is the resized Joomla! icon: <span class="icon-joomla" style="font-size:24px;"> </span>

== Available Icomoon Icons ==

This is the complete list, including the alternative names to call the icon. The alternatives are separated by a '/' below.

<div class="row">
<div class="small-12 large-4 columns"><span class="icon-joomla"> </span>  joomla</div>
<div class="small-12 large-4 columns"><span class="icon-address"> </span>  address</div>
<div class="small-12 large-4 columns"><span class="icon-apply"> </span>  apply / edit / pencil</div>
<div class="small-12 large-4 columns"><span class="icon-archive"> </span>  archive / drawer-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-2"> </span>  arrow-down-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-3"> </span>  arrow-down-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-4"> </span>  arrow-down-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-first"> </span>  arrow-first</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-last"> </span>  arrow-last</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-2"> </span>  arrow-left-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-3"> </span>  arrow-left-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-4"> </span>  arrow-left-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-2"> </span>  arrow-right-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-3"> </span>  arrow-right-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-4"> </span>  arrow-right-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-2"> </span>  arrow-up-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-3"> </span>  arrow-up-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-4"> </span>  arrow-up-4</div>
<div class="small-12 large-4 columns"><span class="icon-attachment"> </span>  attachment / paperclip / flag-2</div>
<div class="small-12 large-4 columns"><span class="icon-backward-2"> </span>  backward-2 / reply</div>
<div class="small-12 large-4 columns"><span class="icon-backward-circle"> </span>  backward-circle</div>
<div class="small-12 large-4 columns"><span class="icon-ban-circle"> </span>  ban-circle / minus-circle</div>
<div class="small-12 large-4 columns"><span class="icon-bars"> </span>  bars</div>
<div class="small-12 large-4 columns"><span class="icon-basket"> </span>  basket</div>
<div class="small-12 large-4 columns"><span class="icon-book"> </span>  book</div>
<div class="small-12 large-4 columns"><span class="icon-bookmark"> </span>  bookmark</div>
<div class="small-12 large-4 columns"><span class="icon-bookmark-2"> </span>  bookmark-2</div>
<div class="small-12 large-4 columns"><span class="icon-box-add"> </span>  box-add</div>
<div class="small-12 large-4 columns"><span class="icon-box-remove"> </span>  box-remove</div>
<div class="small-12 large-4 columns"><span class="icon-briefcase"> </span>  briefcase</div>
<div class="small-12 large-4 columns"><span class="icon-broadcast"> </span>  broadcast / connection / wifi</div>
<div class="small-12 large-4 columns"><span class="icon-brush"> </span>  brush</div>
<div class="small-12 large-4 columns"><span class="icon-calendar"> </span>  calendar</div>
<div class="small-12 large-4 columns"><span class="icon-calendar-2"> </span>  calendar-2</div>
<div class="small-12 large-4 columns"><span class="icon-calendar-3"> </span>  calendar-3</div>
<div class="small-12 large-4 columns"><span class="icon-camera"> </span>  camera</div>
<div class="small-12 large-4 columns"><span class="icon-camera-2"> </span>  camera-2 / video</div>
<div class="small-12 large-4 columns"><span class="icon-cancel-circle"> </span>  cancel-circle</div>
<div class="small-12 large-4 columns"><span class="icon-cart"> </span>  cart</div>
<div class="small-12 large-4 columns"><span class="icon-chart"> </span>  chart</div>
<div class="small-12 large-4 columns"><span class="icon-checkbox-partial"> </span>  checkbox-partial</div>
<div class="small-12 large-4 columns"><span class="icon-checkbox-unchecked"> </span>  checkbox-unchecked</div>
<div class="small-12 large-4 columns"><span class="icon-checkedout"> </span>  checkedout / lock / locked</div>
<div class="small-12 large-4 columns"><span class="icon-checkin"> </span>  checkin / checkbox / checkbox-checked</div>
<div class="small-12 large-4 columns"><span class="icon-checkmark-2"> </span>  checkmark-2</div>
<div class="small-12 large-4 columns"><span class="icon-checkmark-circle"> </span>  checkmark-circle</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-down"> </span>  chevron-down / downarrow / arrow-down</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-left"> </span>  chevron-left / leftarrow / arrow-left</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-right"> </span>  chevron-right / rightarrow / arrow-right</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-up"> </span>  chevron-up / uparrow / arrow-up</div>
<div class="small-12 large-4 columns"><span class="icon-circle"> </span>  circle</div>
<div class="small-12 large-4 columns"><span class="icon-clock"> </span>  clock</div>
<div class="small-12 large-4 columns"><span class="icon-cogs"> </span>  cogs</div>
<div class="small-12 large-4 columns"><span class="icon-comment"> </span>  comment / comments</div>
<div class="small-12 large-4 columns"><span class="icon-comments-2"> </span>  comments-2</div>
<div class="small-12 large-4 columns"><span class="icon-compass"> </span>  compass</div>
<div class="small-12 large-4 columns"><span class="icon-contract"> </span>  contract</div>
<div class="small-12 large-4 columns"><span class="icon-contract-2"> </span>  contract-2</div>
<div class="small-12 large-4 columns"><span class="icon-credit"> </span>  credit</div>
<div class="small-12 large-4 columns"><span class="icon-credit-2"> </span>  credit-2</div>
<div class="small-12 large-4 columns"><span class="icon-cube"> </span>  cube</div>
<div class="small-12 large-4 columns"><span class="icon-dashboard"> </span>  dashboard</div>
<div class="small-12 large-4 columns"><span class="icon-database"> </span>  database</div>
<div class="small-12 large-4 columns"><span class="icon-delete"> </span>  delete / remove / cancel-2</div>
<div class="small-12 large-4 columns"><span class="icon-download"> </span>  download</div>
<div class="small-12 large-4 columns"><span class="icon-enter"> </span>  enter</div>
<div class="small-12 large-4 columns"><span class="icon-envelope"> </span>  envelope / mail</div>
<div class="small-12 large-4 columns"><span class="icon-envelope-opened"> </span>  envelope-opened / mail-2</div>
<div class="small-12 large-4 columns"><span class="icon-equalizer"> </span>  equalizer</div>
<div class="small-12 large-4 columns"><span class="icon-exit"> </span>  exit</div>
<div class="small-12 large-4 columns"><span class="icon-expand"> </span>  expand</div>
<div class="small-12 large-4 columns"><span class="icon-expand-2"> </span>  expand-2</div>
<div class="small-12 large-4 columns"><span class="icon-expired"> </span>  expired</div>
<div class="small-12 large-4 columns"><span class="icon-eye-close"> </span>  eye-close / eye-blocked / eye-2</div>
<div class="small-12 large-4 columns"><span class="icon-eye-open"> </span>  eye-open / eye</div>
<div class="small-12 large-4 columns"><span class="icon-featured"> </span>  featured / default / star</div>
<div class="small-12 large-4 columns"><span class="icon-feed"> </span>  feed</div>
<div class="small-12 large-4 columns"><span class="icon-file"> </span>  file</div>
<div class="small-12 large-4 columns"><span class="icon-file-2"> </span>  file-2</div>
<div class="small-12 large-4 columns"><span class="icon-file-add"> </span>  file-add / file-plus</div>
<div class="small-12 large-4 columns"><span class="icon-file-check"> </span>  file-check</div>
<div class="small-12 large-4 columns"><span class="icon-file-minus"> </span>  file-minus</div>
<div class="small-12 large-4 columns"><span class="icon-file-remove"> </span>  file-remove</div>
<div class="small-12 large-4 columns"><span class="icon-filter"> </span>  filter</div>
<div class="small-12 large-4 columns"><span class="icon-first"> </span>  first</div>
<div class="small-12 large-4 columns"><span class="icon-flag"> </span>  flag</div>
<div class="small-12 large-4 columns"><span class="icon-flag-3"> </span>  flag-3</div>
<div class="small-12 large-4 columns"><span class="icon-folder-3"> </span>  folder-3</div>
<div class="small-12 large-4 columns"><span class="icon-folder-close"> </span>  folder-close / folder-2</div>
<div class="small-12 large-4 columns"><span class="icon-folder-minus"> </span>  folder-minus</div>
<div class="small-12 large-4 columns"><span class="icon-folder-open"> </span>  folder-open / folder</div>
<div class="small-12 large-4 columns"><span class="icon-folder-plus"> </span>  folder-plus</div>
<div class="small-12 large-4 columns"><span class="icon-folder-plus-2"> </span>  folder-plus-2</div>
<div class="small-12 large-4 columns"><span class="icon-folder-remove"> </span>  folder-remove</div>
<div class="small-12 large-4 columns"><span class="icon-forward-2"> </span>  forward-2</div>
<div class="small-12 large-4 columns"><span class="icon-forward-circle"> </span>  forward-circle</div>
<div class="small-12 large-4 columns"><span class="icon-grid"> </span>  grid / grid-view</div>
<div class="small-12 large-4 columns"><span class="icon-grid-2"> </span>  grid-2 / grid-view-2</div>
<div class="small-12 large-4 columns"><span class="icon-health"> </span>  health</div>
<div class="small-12 large-4 columns"><span class="icon-heart"> </span>  heart</div>
<div class="small-12 large-4 columns"><span class="icon-heart-2"> </span>  heart-2</div>
<div class="small-12 large-4 columns"><span class="icon-home"> </span>  home</div>
<div class="small-12 large-4 columns"><span class="icon-home-2"> </span>  home-2</div>
<div class="small-12 large-4 columns"><span class="icon-info"> </span>  info</div>
<div class="small-12 large-4 columns"><span class="icon-info-2"> </span>  info-2 / info-circle</div>
<div class="small-12 large-4 columns"><span class="icon-key"> </span>  key</div>
<div class="small-12 large-4 columns"><span class="icon-lamp"> </span>  lamp</div>
<div class="small-12 large-4 columns"><span class="icon-last"> </span>  last</div>
<div class="small-12 large-4 columns"><span class="icon-lightning"> </span>  lightning / flash</div>
<div class="small-12 large-4 columns"><span class="icon-link"> </span>  link</div>
<div class="small-12 large-4 columns"><span class="icon-list"> </span>  list / list-view</div>
<div class="small-12 large-4 columns"><span class="icon-list-2"> </span>  list-2</div>
<div class="small-12 large-4 columns"><span class="icon-location"> </span>  location</div>
<div class="small-12 large-4 columns"><span class="icon-loop"> </span>  loop</div>
<div class="small-12 large-4 columns"><span class="icon-menu"> </span>  menu</div>
<div class="small-12 large-4 columns"><span class="icon-menu-2"> </span>  menu-2</div>
<div class="small-12 large-4 columns"><span class="icon-menu-3"> </span>  menu-3</div>
<div class="small-12 large-4 columns"><span class="icon-minus"> </span>  minus / not-ok</div>
<div class="small-12 large-4 columns"><span class="icon-minus-sign"> </span>  minus-sign / minus-2</div>
<div class="small-12 large-4 columns"><span class="icon-mobile"> </span>  mobile</div>
<div class="small-12 large-4 columns"><span class="icon-move"> </span>  move</div>
<div class="small-12 large-4 columns"><span class="icon-music"> </span>  music</div>
<div class="small-12 large-4 columns"><span class="icon-new"> </span>  new / plus</div>
<div class="small-12 large-4 columns"><span class="icon-next"> </span>  next / forward</div>
<div class="small-12 large-4 columns"><span class="icon-notification"> </span>  notification</div>
<div class="small-12 large-4 columns"><span class="icon-notification-2"> </span>  notification-2 / notification-circle</div>
<div class="small-12 large-4 columns"><span class="icon-options"> </span>  options / cog</div>
<div class="small-12 large-4 columns"><span class="icon-out-2"> </span>  out-2 / new-tab</div>
<div class="small-12 large-4 columns"><span class="icon-out-3"> </span>  out-3 / new-tab-2</div>
<div class="small-12 large-4 columns"><span class="icon-palette"> </span>  palette / color-palette</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-center"> </span>  paragraph-center</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-justify"> </span>  paragraph-justify</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-left"> </span>  paragraph-left</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-right"> </span>  paragraph-right</div>
<div class="small-12 large-4 columns"><span class="icon-pause"> </span>  pause</div>
<div class="small-12 large-4 columns"><span class="icon-pause-circle"> </span>  pause-circle</div>
<div class="small-12 large-4 columns"><span class="icon-pencil-2"> </span>  pencil-2</div>
<div class="small-12 large-4 columns"><span class="icon-pending"> </span>  pending / warning</div>
<div class="small-12 large-4 columns"><span class="icon-phone"> </span>  phone</div>
<div class="small-12 large-4 columns"><span class="icon-phone-2"> </span>  phone-2</div>
<div class="small-12 large-4 columns"><span class="icon-picture"> </span>  picture / image</div>
<div class="small-12 large-4 columns"><span class="icon-pictures"> </span>  pictures / images</div>
<div class="small-12 large-4 columns"><span class="icon-pie"> </span>  pie</div>
<div class="small-12 large-4 columns"><span class="icon-pin"> </span>  pin / pushpin</div>
<div class="small-12 large-4 columns"><span class="icon-play"> </span>  play</div>
<div class="small-12 large-4 columns"><span class="icon-play-2"> </span>  play-2 / video-2 / youtube</div>
<div class="small-12 large-4 columns"><span class="icon-play-circle"> </span>  play-circle</div>
<div class="small-12 large-4 columns"><span class="icon-plus-circle"> </span>  plus-circle</div>
<div class="small-12 large-4 columns"><span class="icon-power-cord"> </span>  power-cord</div>
<div class="small-12 large-4 columns"><span class="icon-previous"> </span>  previous / backward</div>
<div class="small-12 large-4 columns"><span class="icon-print"> </span>  print / printer</div>
<div class="small-12 large-4 columns"><span class="icon-publish"> </span>  publish / save / ok / checkmark</div>
<div class="small-12 large-4 columns"><span class="icon-purge"> </span>  purge / trash</div>
<div class="small-12 large-4 columns"><span class="icon-puzzle"> </span>  puzzle</div>
<div class="small-12 large-4 columns"><span class="icon-question"> </span>  question / question-sign / help</div>
<div class="small-12 large-4 columns"><span class="icon-question-2"> </span>  question-2 / question-circle</div>
<div class="small-12 large-4 columns"><span class="icon-quote"> </span>  quote / quotes-left</div>
<div class="small-12 large-4 columns"><span class="icon-quote-2"> </span>  quote-2 / quotes-right</div>
<div class="small-12 large-4 columns"><span class="icon-quote-3"> </span>  quote-3 / bubble-quote</div>
<div class="small-12 large-4 columns"><span class="icon-radio-checked"> </span>  radio-checked / generic</div>
<div class="small-12 large-4 columns"><span class="icon-radio-unchecked"> </span>  radio-unchecked</div>
<div class="small-12 large-4 columns"><span class="icon-save-copy"> </span>  save-copy / copy</div>
<div class="small-12 large-4 columns"><span class="icon-save-new"> </span>  save-new / plus-2</div>
<div class="small-12 large-4 columns"><span class="icon-scissors"> </span>  scissors</div>
<div class="small-12 large-4 columns"><span class="icon-screen"> </span>  screen</div>
<div class="small-12 large-4 columns"><span class="icon-screwdriver"> </span>  screwdriver / tools</div>
<div class="small-12 large-4 columns"><span class="icon-search"> </span>  search</div>
<div class="small-12 large-4 columns"><span class="icon-share"> </span>  share / redo</div>
<div class="small-12 large-4 columns"><span class="icon-share-alt"> </span>  share-alt / out</div>
<div class="small-12 large-4 columns"><span class="icon-shield"> </span>  shield</div>
<div class="small-12 large-4 columns"><span class="icon-shuffle"> </span>  shuffle</div>
<div class="small-12 large-4 columns"><span class="icon-signup"> </span>  signup</div>
<div class="small-12 large-4 columns"><span class="icon-smiley"> </span>  smiley / smiley-happy</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-2"> </span>  smiley-2 / smiley-happy-2</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-neutral"> </span>  smiley-neutral</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-neutral-2"> </span>  smiley-neutral-2</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-sad"> </span>  smiley-sad</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-sad-2"> </span>  smiley-sad-2</div>
<div class="small-12 large-4 columns"><span class="icon-square"> </span>  square</div>
<div class="small-12 large-4 columns"><span class="icon-stack"> </span>  stack</div>
<div class="small-12 large-4 columns"><span class="icon-star-2"> </span>  star-2</div>
<div class="small-12 large-4 columns"><span class="icon-stop"> </span>  stop</div>
<div class="small-12 large-4 columns"><span class="icon-stop-circle"> </span>  stop-circle</div>
<div class="small-12 large-4 columns"><span class="icon-support"> </span>  support</div>
<div class="small-12 large-4 columns"><span class="icon-switch"> </span>  switch</div>
<div class="small-12 large-4 columns"><span class="icon-tablet"> </span>  tablet</div>
<div class="small-12 large-4 columns"><span class="icon-tag"> </span>  tag</div>
<div class="small-12 large-4 columns"><span class="icon-tag-2"> </span>  tag-2</div>
<div class="small-12 large-4 columns"><span class="icon-tags"> </span>  tags</div>
<div class="small-12 large-4 columns"><span class="icon-tags-2"> </span>  tags-2</div>
<div class="small-12 large-4 columns"><span class="icon-thumbs-down"> </span>  thumbs-down</div>
<div class="small-12 large-4 columns"><span class="icon-thumbs-up"> </span>  thumbs-up</div>
<div class="small-12 large-4 columns"><span class="icon-tree"> </span>  tree</div>
<div class="small-12 large-4 columns"><span class="icon-tree-2"> </span>  tree-2</div>
<div class="small-12 large-4 columns"><span class="icon-unarchive"> </span>  unarchive / drawer</div>
<div class="small-12 large-4 columns"><span class="icon-unblock"> </span>  unblock / refresh / redo-2</div>
<div class="small-12 large-4 columns"><span class="icon-undo"> </span>  undo</div>
<div class="small-12 large-4 columns"><span class="icon-undo-2"> </span>  undo-2</div>
<div class="small-12 large-4 columns"><span class="icon-unfeatured"> </span>  unfeatured / asterisk / star-empty</div>
<div class="small-12 large-4 columns"><span class="icon-unlock"> </span>  unlock</div>
<div class="small-12 large-4 columns"><span class="icon-unpublish"> </span>  unpublish / cancel</div>
<div class="small-12 large-4 columns"><span class="icon-upload"> </span>  upload</div>
<div class="small-12 large-4 columns"><span class="icon-user"> </span>  user</div>
<div class="small-12 large-4 columns"><span class="icon-users"> </span>  users</div>
<div class="small-12 large-4 columns"><span class="icon-vcard"> </span>  vcard</div>
<div class="small-12 large-4 columns"><span class="icon-wand"> </span>  wand</div>
<div class="small-12 large-4 columns"><span class="icon-warning-2"> </span>  warning-2 / warning-circle</div>
<div class="small-12 large-4 columns"><span class="icon-wrench"> </span>  wrench</div>
<div class="small-12 large-4 columns"><span class="icon-zoom-in"> </span>  zoom-in</div>
<div class="small-12 large-4 columns"><span class="icon-zoom-out"> </span>  zoom-out</div>
</div>

== Including in Your Template ==
{{note|This section is incomplete.}}
__NOTOC__
To include the Icomoon fonts in your template you will have to add the css stylesheet (<tt>/media/jui/css/icomoon.css</tt>) or include it in your <tt>.less</tt> file when you generate the <tt>.css</tt> stylesheet(s).

<source lang="php">
$doc = JFactory::getDocument();
$doc->addStyleSheet($this->baseurl.'/media/jui/css/icomoon.css');
</source>

<noinclude>
[[Category:CSS]]
[[Category:Template Development]]
</noinclude>

Translations:J3.x:Joomla Standard Icomoon Fonts/5/it

2016-06-03T14:51:20Z

Ste: Created page with "== Dimensioni del carattere =="

== Dimensioni del carattere ==

J3.x:Joomla Standard Icomoon Fonts/it

2016-06-03T14:51:04Z

Ste: Created page with "Mostrerà l'icona di Joomla!:"

<noinclude><languages /></noinclude>
{{Joomla version|version=3.0.0|time=and later}}
Da Joomla 3.0.0, il CMS Joomla! presenta il proprio [https://icomoon.io/ Set di Font Icomoon]. Questi fonts sono disponibili di default nei template "Protostar" (Frontend), "Isis" (Amministrazione) e "Hathor" (Amministrazione).

== Come utilizzarli ==

I font Icon possono essere richiamati con un <tt><span class="icon-''name-of-icon''"></tt> tag e uno {space}. es

<pre>
<span class="icon-joomla"> </span>
</pre>

Mostrerà l'icona di Joomla!: <span class="icon-joomla"> </span>

== Font Size ==

Because the icons are fonts, you can control the size of them with an added class or style= statement. Of course you will have to define the class in your .css or .less stylesheet file.

<pre>
<span class="icon-joomla large-icon"> </span>
<span class="icon-joomla" style="font-size:24px;"> </span>
</pre>

Here is the resized Joomla! icon: <span class="icon-joomla" style="font-size:24px;"> </span>

== Available Icomoon Icons ==

This is the complete list, including the alternative names to call the icon. The alternatives are separated by a '/' below.

<div class="row">
<div class="small-12 large-4 columns"><span class="icon-joomla"> </span>  joomla</div>
<div class="small-12 large-4 columns"><span class="icon-address"> </span>  address</div>
<div class="small-12 large-4 columns"><span class="icon-apply"> </span>  apply / edit / pencil</div>
<div class="small-12 large-4 columns"><span class="icon-archive"> </span>  archive / drawer-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-2"> </span>  arrow-down-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-3"> </span>  arrow-down-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-4"> </span>  arrow-down-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-first"> </span>  arrow-first</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-last"> </span>  arrow-last</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-2"> </span>  arrow-left-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-3"> </span>  arrow-left-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-4"> </span>  arrow-left-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-2"> </span>  arrow-right-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-3"> </span>  arrow-right-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-4"> </span>  arrow-right-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-2"> </span>  arrow-up-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-3"> </span>  arrow-up-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-4"> </span>  arrow-up-4</div>
<div class="small-12 large-4 columns"><span class="icon-attachment"> </span>  attachment / paperclip / flag-2</div>
<div class="small-12 large-4 columns"><span class="icon-backward-2"> </span>  backward-2 / reply</div>
<div class="small-12 large-4 columns"><span class="icon-backward-circle"> </span>  backward-circle</div>
<div class="small-12 large-4 columns"><span class="icon-ban-circle"> </span>  ban-circle / minus-circle</div>
<div class="small-12 large-4 columns"><span class="icon-bars"> </span>  bars</div>
<div class="small-12 large-4 columns"><span class="icon-basket"> </span>  basket</div>
<div class="small-12 large-4 columns"><span class="icon-book"> </span>  book</div>
<div class="small-12 large-4 columns"><span class="icon-bookmark"> </span>  bookmark</div>
<div class="small-12 large-4 columns"><span class="icon-bookmark-2"> </span>  bookmark-2</div>
<div class="small-12 large-4 columns"><span class="icon-box-add"> </span>  box-add</div>
<div class="small-12 large-4 columns"><span class="icon-box-remove"> </span>  box-remove</div>
<div class="small-12 large-4 columns"><span class="icon-briefcase"> </span>  briefcase</div>
<div class="small-12 large-4 columns"><span class="icon-broadcast"> </span>  broadcast / connection / wifi</div>
<div class="small-12 large-4 columns"><span class="icon-brush"> </span>  brush</div>
<div class="small-12 large-4 columns"><span class="icon-calendar"> </span>  calendar</div>
<div class="small-12 large-4 columns"><span class="icon-calendar-2"> </span>  calendar-2</div>
<div class="small-12 large-4 columns"><span class="icon-calendar-3"> </span>  calendar-3</div>
<div class="small-12 large-4 columns"><span class="icon-camera"> </span>  camera</div>
<div class="small-12 large-4 columns"><span class="icon-camera-2"> </span>  camera-2 / video</div>
<div class="small-12 large-4 columns"><span class="icon-cancel-circle"> </span>  cancel-circle</div>
<div class="small-12 large-4 columns"><span class="icon-cart"> </span>  cart</div>
<div class="small-12 large-4 columns"><span class="icon-chart"> </span>  chart</div>
<div class="small-12 large-4 columns"><span class="icon-checkbox-partial"> </span>  checkbox-partial</div>
<div class="small-12 large-4 columns"><span class="icon-checkbox-unchecked"> </span>  checkbox-unchecked</div>
<div class="small-12 large-4 columns"><span class="icon-checkedout"> </span>  checkedout / lock / locked</div>
<div class="small-12 large-4 columns"><span class="icon-checkin"> </span>  checkin / checkbox / checkbox-checked</div>
<div class="small-12 large-4 columns"><span class="icon-checkmark-2"> </span>  checkmark-2</div>
<div class="small-12 large-4 columns"><span class="icon-checkmark-circle"> </span>  checkmark-circle</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-down"> </span>  chevron-down / downarrow / arrow-down</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-left"> </span>  chevron-left / leftarrow / arrow-left</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-right"> </span>  chevron-right / rightarrow / arrow-right</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-up"> </span>  chevron-up / uparrow / arrow-up</div>
<div class="small-12 large-4 columns"><span class="icon-circle"> </span>  circle</div>
<div class="small-12 large-4 columns"><span class="icon-clock"> </span>  clock</div>
<div class="small-12 large-4 columns"><span class="icon-cogs"> </span>  cogs</div>
<div class="small-12 large-4 columns"><span class="icon-comment"> </span>  comment / comments</div>
<div class="small-12 large-4 columns"><span class="icon-comments-2"> </span>  comments-2</div>
<div class="small-12 large-4 columns"><span class="icon-compass"> </span>  compass</div>
<div class="small-12 large-4 columns"><span class="icon-contract"> </span>  contract</div>
<div class="small-12 large-4 columns"><span class="icon-contract-2"> </span>  contract-2</div>
<div class="small-12 large-4 columns"><span class="icon-credit"> </span>  credit</div>
<div class="small-12 large-4 columns"><span class="icon-credit-2"> </span>  credit-2</div>
<div class="small-12 large-4 columns"><span class="icon-cube"> </span>  cube</div>
<div class="small-12 large-4 columns"><span class="icon-dashboard"> </span>  dashboard</div>
<div class="small-12 large-4 columns"><span class="icon-database"> </span>  database</div>
<div class="small-12 large-4 columns"><span class="icon-delete"> </span>  delete / remove / cancel-2</div>
<div class="small-12 large-4 columns"><span class="icon-download"> </span>  download</div>
<div class="small-12 large-4 columns"><span class="icon-enter"> </span>  enter</div>
<div class="small-12 large-4 columns"><span class="icon-envelope"> </span>  envelope / mail</div>
<div class="small-12 large-4 columns"><span class="icon-envelope-opened"> </span>  envelope-opened / mail-2</div>
<div class="small-12 large-4 columns"><span class="icon-equalizer"> </span>  equalizer</div>
<div class="small-12 large-4 columns"><span class="icon-exit"> </span>  exit</div>
<div class="small-12 large-4 columns"><span class="icon-expand"> </span>  expand</div>
<div class="small-12 large-4 columns"><span class="icon-expand-2"> </span>  expand-2</div>
<div class="small-12 large-4 columns"><span class="icon-expired"> </span>  expired</div>
<div class="small-12 large-4 columns"><span class="icon-eye-close"> </span>  eye-close / eye-blocked / eye-2</div>
<div class="small-12 large-4 columns"><span class="icon-eye-open"> </span>  eye-open / eye</div>
<div class="small-12 large-4 columns"><span class="icon-featured"> </span>  featured / default / star</div>
<div class="small-12 large-4 columns"><span class="icon-feed"> </span>  feed</div>
<div class="small-12 large-4 columns"><span class="icon-file"> </span>  file</div>
<div class="small-12 large-4 columns"><span class="icon-file-2"> </span>  file-2</div>
<div class="small-12 large-4 columns"><span class="icon-file-add"> </span>  file-add / file-plus</div>
<div class="small-12 large-4 columns"><span class="icon-file-check"> </span>  file-check</div>
<div class="small-12 large-4 columns"><span class="icon-file-minus"> </span>  file-minus</div>
<div class="small-12 large-4 columns"><span class="icon-file-remove"> </span>  file-remove</div>
<div class="small-12 large-4 columns"><span class="icon-filter"> </span>  filter</div>
<div class="small-12 large-4 columns"><span class="icon-first"> </span>  first</div>
<div class="small-12 large-4 columns"><span class="icon-flag"> </span>  flag</div>
<div class="small-12 large-4 columns"><span class="icon-flag-3"> </span>  flag-3</div>
<div class="small-12 large-4 columns"><span class="icon-folder-3"> </span>  folder-3</div>
<div class="small-12 large-4 columns"><span class="icon-folder-close"> </span>  folder-close / folder-2</div>
<div class="small-12 large-4 columns"><span class="icon-folder-minus"> </span>  folder-minus</div>
<div class="small-12 large-4 columns"><span class="icon-folder-open"> </span>  folder-open / folder</div>
<div class="small-12 large-4 columns"><span class="icon-folder-plus"> </span>  folder-plus</div>
<div class="small-12 large-4 columns"><span class="icon-folder-plus-2"> </span>  folder-plus-2</div>
<div class="small-12 large-4 columns"><span class="icon-folder-remove"> </span>  folder-remove</div>
<div class="small-12 large-4 columns"><span class="icon-forward-2"> </span>  forward-2</div>
<div class="small-12 large-4 columns"><span class="icon-forward-circle"> </span>  forward-circle</div>
<div class="small-12 large-4 columns"><span class="icon-grid"> </span>  grid / grid-view</div>
<div class="small-12 large-4 columns"><span class="icon-grid-2"> </span>  grid-2 / grid-view-2</div>
<div class="small-12 large-4 columns"><span class="icon-health"> </span>  health</div>
<div class="small-12 large-4 columns"><span class="icon-heart"> </span>  heart</div>
<div class="small-12 large-4 columns"><span class="icon-heart-2"> </span>  heart-2</div>
<div class="small-12 large-4 columns"><span class="icon-home"> </span>  home</div>
<div class="small-12 large-4 columns"><span class="icon-home-2"> </span>  home-2</div>
<div class="small-12 large-4 columns"><span class="icon-info"> </span>  info</div>
<div class="small-12 large-4 columns"><span class="icon-info-2"> </span>  info-2 / info-circle</div>
<div class="small-12 large-4 columns"><span class="icon-key"> </span>  key</div>
<div class="small-12 large-4 columns"><span class="icon-lamp"> </span>  lamp</div>
<div class="small-12 large-4 columns"><span class="icon-last"> </span>  last</div>
<div class="small-12 large-4 columns"><span class="icon-lightning"> </span>  lightning / flash</div>
<div class="small-12 large-4 columns"><span class="icon-link"> </span>  link</div>
<div class="small-12 large-4 columns"><span class="icon-list"> </span>  list / list-view</div>
<div class="small-12 large-4 columns"><span class="icon-list-2"> </span>  list-2</div>
<div class="small-12 large-4 columns"><span class="icon-location"> </span>  location</div>
<div class="small-12 large-4 columns"><span class="icon-loop"> </span>  loop</div>
<div class="small-12 large-4 columns"><span class="icon-menu"> </span>  menu</div>
<div class="small-12 large-4 columns"><span class="icon-menu-2"> </span>  menu-2</div>
<div class="small-12 large-4 columns"><span class="icon-menu-3"> </span>  menu-3</div>
<div class="small-12 large-4 columns"><span class="icon-minus"> </span>  minus / not-ok</div>
<div class="small-12 large-4 columns"><span class="icon-minus-sign"> </span>  minus-sign / minus-2</div>
<div class="small-12 large-4 columns"><span class="icon-mobile"> </span>  mobile</div>
<div class="small-12 large-4 columns"><span class="icon-move"> </span>  move</div>
<div class="small-12 large-4 columns"><span class="icon-music"> </span>  music</div>
<div class="small-12 large-4 columns"><span class="icon-new"> </span>  new / plus</div>
<div class="small-12 large-4 columns"><span class="icon-next"> </span>  next / forward</div>
<div class="small-12 large-4 columns"><span class="icon-notification"> </span>  notification</div>
<div class="small-12 large-4 columns"><span class="icon-notification-2"> </span>  notification-2 / notification-circle</div>
<div class="small-12 large-4 columns"><span class="icon-options"> </span>  options / cog</div>
<div class="small-12 large-4 columns"><span class="icon-out-2"> </span>  out-2 / new-tab</div>
<div class="small-12 large-4 columns"><span class="icon-out-3"> </span>  out-3 / new-tab-2</div>
<div class="small-12 large-4 columns"><span class="icon-palette"> </span>  palette / color-palette</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-center"> </span>  paragraph-center</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-justify"> </span>  paragraph-justify</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-left"> </span>  paragraph-left</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-right"> </span>  paragraph-right</div>
<div class="small-12 large-4 columns"><span class="icon-pause"> </span>  pause</div>
<div class="small-12 large-4 columns"><span class="icon-pause-circle"> </span>  pause-circle</div>
<div class="small-12 large-4 columns"><span class="icon-pencil-2"> </span>  pencil-2</div>
<div class="small-12 large-4 columns"><span class="icon-pending"> </span>  pending / warning</div>
<div class="small-12 large-4 columns"><span class="icon-phone"> </span>  phone</div>
<div class="small-12 large-4 columns"><span class="icon-phone-2"> </span>  phone-2</div>
<div class="small-12 large-4 columns"><span class="icon-picture"> </span>  picture / image</div>
<div class="small-12 large-4 columns"><span class="icon-pictures"> </span>  pictures / images</div>
<div class="small-12 large-4 columns"><span class="icon-pie"> </span>  pie</div>
<div class="small-12 large-4 columns"><span class="icon-pin"> </span>  pin / pushpin</div>
<div class="small-12 large-4 columns"><span class="icon-play"> </span>  play</div>
<div class="small-12 large-4 columns"><span class="icon-play-2"> </span>  play-2 / video-2 / youtube</div>
<div class="small-12 large-4 columns"><span class="icon-play-circle"> </span>  play-circle</div>
<div class="small-12 large-4 columns"><span class="icon-plus-circle"> </span>  plus-circle</div>
<div class="small-12 large-4 columns"><span class="icon-power-cord"> </span>  power-cord</div>
<div class="small-12 large-4 columns"><span class="icon-previous"> </span>  previous / backward</div>
<div class="small-12 large-4 columns"><span class="icon-print"> </span>  print / printer</div>
<div class="small-12 large-4 columns"><span class="icon-publish"> </span>  publish / save / ok / checkmark</div>
<div class="small-12 large-4 columns"><span class="icon-purge"> </span>  purge / trash</div>
<div class="small-12 large-4 columns"><span class="icon-puzzle"> </span>  puzzle</div>
<div class="small-12 large-4 columns"><span class="icon-question"> </span>  question / question-sign / help</div>
<div class="small-12 large-4 columns"><span class="icon-question-2"> </span>  question-2 / question-circle</div>
<div class="small-12 large-4 columns"><span class="icon-quote"> </span>  quote / quotes-left</div>
<div class="small-12 large-4 columns"><span class="icon-quote-2"> </span>  quote-2 / quotes-right</div>
<div class="small-12 large-4 columns"><span class="icon-quote-3"> </span>  quote-3 / bubble-quote</div>
<div class="small-12 large-4 columns"><span class="icon-radio-checked"> </span>  radio-checked / generic</div>
<div class="small-12 large-4 columns"><span class="icon-radio-unchecked"> </span>  radio-unchecked</div>
<div class="small-12 large-4 columns"><span class="icon-save-copy"> </span>  save-copy / copy</div>
<div class="small-12 large-4 columns"><span class="icon-save-new"> </span>  save-new / plus-2</div>
<div class="small-12 large-4 columns"><span class="icon-scissors"> </span>  scissors</div>
<div class="small-12 large-4 columns"><span class="icon-screen"> </span>  screen</div>
<div class="small-12 large-4 columns"><span class="icon-screwdriver"> </span>  screwdriver / tools</div>
<div class="small-12 large-4 columns"><span class="icon-search"> </span>  search</div>
<div class="small-12 large-4 columns"><span class="icon-share"> </span>  share / redo</div>
<div class="small-12 large-4 columns"><span class="icon-share-alt"> </span>  share-alt / out</div>
<div class="small-12 large-4 columns"><span class="icon-shield"> </span>  shield</div>
<div class="small-12 large-4 columns"><span class="icon-shuffle"> </span>  shuffle</div>
<div class="small-12 large-4 columns"><span class="icon-signup"> </span>  signup</div>
<div class="small-12 large-4 columns"><span class="icon-smiley"> </span>  smiley / smiley-happy</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-2"> </span>  smiley-2 / smiley-happy-2</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-neutral"> </span>  smiley-neutral</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-neutral-2"> </span>  smiley-neutral-2</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-sad"> </span>  smiley-sad</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-sad-2"> </span>  smiley-sad-2</div>
<div class="small-12 large-4 columns"><span class="icon-square"> </span>  square</div>
<div class="small-12 large-4 columns"><span class="icon-stack"> </span>  stack</div>
<div class="small-12 large-4 columns"><span class="icon-star-2"> </span>  star-2</div>
<div class="small-12 large-4 columns"><span class="icon-stop"> </span>  stop</div>
<div class="small-12 large-4 columns"><span class="icon-stop-circle"> </span>  stop-circle</div>
<div class="small-12 large-4 columns"><span class="icon-support"> </span>  support</div>
<div class="small-12 large-4 columns"><span class="icon-switch"> </span>  switch</div>
<div class="small-12 large-4 columns"><span class="icon-tablet"> </span>  tablet</div>
<div class="small-12 large-4 columns"><span class="icon-tag"> </span>  tag</div>
<div class="small-12 large-4 columns"><span class="icon-tag-2"> </span>  tag-2</div>
<div class="small-12 large-4 columns"><span class="icon-tags"> </span>  tags</div>
<div class="small-12 large-4 columns"><span class="icon-tags-2"> </span>  tags-2</div>
<div class="small-12 large-4 columns"><span class="icon-thumbs-down"> </span>  thumbs-down</div>
<div class="small-12 large-4 columns"><span class="icon-thumbs-up"> </span>  thumbs-up</div>
<div class="small-12 large-4 columns"><span class="icon-tree"> </span>  tree</div>
<div class="small-12 large-4 columns"><span class="icon-tree-2"> </span>  tree-2</div>
<div class="small-12 large-4 columns"><span class="icon-unarchive"> </span>  unarchive / drawer</div>
<div class="small-12 large-4 columns"><span class="icon-unblock"> </span>  unblock / refresh / redo-2</div>
<div class="small-12 large-4 columns"><span class="icon-undo"> </span>  undo</div>
<div class="small-12 large-4 columns"><span class="icon-undo-2"> </span>  undo-2</div>
<div class="small-12 large-4 columns"><span class="icon-unfeatured"> </span>  unfeatured / asterisk / star-empty</div>
<div class="small-12 large-4 columns"><span class="icon-unlock"> </span>  unlock</div>
<div class="small-12 large-4 columns"><span class="icon-unpublish"> </span>  unpublish / cancel</div>
<div class="small-12 large-4 columns"><span class="icon-upload"> </span>  upload</div>
<div class="small-12 large-4 columns"><span class="icon-user"> </span>  user</div>
<div class="small-12 large-4 columns"><span class="icon-users"> </span>  users</div>
<div class="small-12 large-4 columns"><span class="icon-vcard"> </span>  vcard</div>
<div class="small-12 large-4 columns"><span class="icon-wand"> </span>  wand</div>
<div class="small-12 large-4 columns"><span class="icon-warning-2"> </span>  warning-2 / warning-circle</div>
<div class="small-12 large-4 columns"><span class="icon-wrench"> </span>  wrench</div>
<div class="small-12 large-4 columns"><span class="icon-zoom-in"> </span>  zoom-in</div>
<div class="small-12 large-4 columns"><span class="icon-zoom-out"> </span>  zoom-out</div>
</div>

== Including in Your Template ==
{{note|This section is incomplete.}}
__NOTOC__
To include the Icomoon fonts in your template you will have to add the css stylesheet (<tt>/media/jui/css/icomoon.css</tt>) or include it in your <tt>.less</tt> file when you generate the <tt>.css</tt> stylesheet(s).

<source lang="php">
$doc = JFactory::getDocument();
$doc->addStyleSheet($this->baseurl.'/media/jui/css/icomoon.css');
</source>

<noinclude>
[[Category:CSS]]
[[Category:Template Development]]
</noinclude>

Translations:J3.x:Joomla Standard Icomoon Fonts/4/it

2016-06-03T14:51:04Z

Ste: Created page with "Mostrerà l'icona di Joomla!:"

Mostrerà l'icona di Joomla!:

J3.x:Joomla Standard Icomoon Fonts/it

2016-06-03T14:50:49Z

Ste: Created page with "I font Icon possono essere richiamati con un <tt><span class="icon-''name-of-icon''"></tt> tag e uno {space}. es"

<noinclude><languages /></noinclude>
{{Joomla version|version=3.0.0|time=and later}}
Da Joomla 3.0.0, il CMS Joomla! presenta il proprio [https://icomoon.io/ Set di Font Icomoon]. Questi fonts sono disponibili di default nei template "Protostar" (Frontend), "Isis" (Amministrazione) e "Hathor" (Amministrazione).

== Come utilizzarli ==

I font Icon possono essere richiamati con un <tt><span class="icon-''name-of-icon''"></tt> tag e uno {space}. es

<pre>
<span class="icon-joomla"> </span>
</pre>

Will show the Joomla! icon: <span class="icon-joomla"> </span>

== Font Size ==

Because the icons are fonts, you can control the size of them with an added class or style= statement. Of course you will have to define the class in your .css or .less stylesheet file.

<pre>
<span class="icon-joomla large-icon"> </span>
<span class="icon-joomla" style="font-size:24px;"> </span>
</pre>

Here is the resized Joomla! icon: <span class="icon-joomla" style="font-size:24px;"> </span>

== Available Icomoon Icons ==

This is the complete list, including the alternative names to call the icon. The alternatives are separated by a '/' below.

<div class="row">
<div class="small-12 large-4 columns"><span class="icon-joomla"> </span>  joomla</div>
<div class="small-12 large-4 columns"><span class="icon-address"> </span>  address</div>
<div class="small-12 large-4 columns"><span class="icon-apply"> </span>  apply / edit / pencil</div>
<div class="small-12 large-4 columns"><span class="icon-archive"> </span>  archive / drawer-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-2"> </span>  arrow-down-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-3"> </span>  arrow-down-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-4"> </span>  arrow-down-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-first"> </span>  arrow-first</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-last"> </span>  arrow-last</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-2"> </span>  arrow-left-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-3"> </span>  arrow-left-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-4"> </span>  arrow-left-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-2"> </span>  arrow-right-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-3"> </span>  arrow-right-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-4"> </span>  arrow-right-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-2"> </span>  arrow-up-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-3"> </span>  arrow-up-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-4"> </span>  arrow-up-4</div>
<div class="small-12 large-4 columns"><span class="icon-attachment"> </span>  attachment / paperclip / flag-2</div>
<div class="small-12 large-4 columns"><span class="icon-backward-2"> </span>  backward-2 / reply</div>
<div class="small-12 large-4 columns"><span class="icon-backward-circle"> </span>  backward-circle</div>
<div class="small-12 large-4 columns"><span class="icon-ban-circle"> </span>  ban-circle / minus-circle</div>
<div class="small-12 large-4 columns"><span class="icon-bars"> </span>  bars</div>
<div class="small-12 large-4 columns"><span class="icon-basket"> </span>  basket</div>
<div class="small-12 large-4 columns"><span class="icon-book"> </span>  book</div>
<div class="small-12 large-4 columns"><span class="icon-bookmark"> </span>  bookmark</div>
<div class="small-12 large-4 columns"><span class="icon-bookmark-2"> </span>  bookmark-2</div>
<div class="small-12 large-4 columns"><span class="icon-box-add"> </span>  box-add</div>
<div class="small-12 large-4 columns"><span class="icon-box-remove"> </span>  box-remove</div>
<div class="small-12 large-4 columns"><span class="icon-briefcase"> </span>  briefcase</div>
<div class="small-12 large-4 columns"><span class="icon-broadcast"> </span>  broadcast / connection / wifi</div>
<div class="small-12 large-4 columns"><span class="icon-brush"> </span>  brush</div>
<div class="small-12 large-4 columns"><span class="icon-calendar"> </span>  calendar</div>
<div class="small-12 large-4 columns"><span class="icon-calendar-2"> </span>  calendar-2</div>
<div class="small-12 large-4 columns"><span class="icon-calendar-3"> </span>  calendar-3</div>
<div class="small-12 large-4 columns"><span class="icon-camera"> </span>  camera</div>
<div class="small-12 large-4 columns"><span class="icon-camera-2"> </span>  camera-2 / video</div>
<div class="small-12 large-4 columns"><span class="icon-cancel-circle"> </span>  cancel-circle</div>
<div class="small-12 large-4 columns"><span class="icon-cart"> </span>  cart</div>
<div class="small-12 large-4 columns"><span class="icon-chart"> </span>  chart</div>
<div class="small-12 large-4 columns"><span class="icon-checkbox-partial"> </span>  checkbox-partial</div>
<div class="small-12 large-4 columns"><span class="icon-checkbox-unchecked"> </span>  checkbox-unchecked</div>
<div class="small-12 large-4 columns"><span class="icon-checkedout"> </span>  checkedout / lock / locked</div>
<div class="small-12 large-4 columns"><span class="icon-checkin"> </span>  checkin / checkbox / checkbox-checked</div>
<div class="small-12 large-4 columns"><span class="icon-checkmark-2"> </span>  checkmark-2</div>
<div class="small-12 large-4 columns"><span class="icon-checkmark-circle"> </span>  checkmark-circle</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-down"> </span>  chevron-down / downarrow / arrow-down</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-left"> </span>  chevron-left / leftarrow / arrow-left</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-right"> </span>  chevron-right / rightarrow / arrow-right</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-up"> </span>  chevron-up / uparrow / arrow-up</div>
<div class="small-12 large-4 columns"><span class="icon-circle"> </span>  circle</div>
<div class="small-12 large-4 columns"><span class="icon-clock"> </span>  clock</div>
<div class="small-12 large-4 columns"><span class="icon-cogs"> </span>  cogs</div>
<div class="small-12 large-4 columns"><span class="icon-comment"> </span>  comment / comments</div>
<div class="small-12 large-4 columns"><span class="icon-comments-2"> </span>  comments-2</div>
<div class="small-12 large-4 columns"><span class="icon-compass"> </span>  compass</div>
<div class="small-12 large-4 columns"><span class="icon-contract"> </span>  contract</div>
<div class="small-12 large-4 columns"><span class="icon-contract-2"> </span>  contract-2</div>
<div class="small-12 large-4 columns"><span class="icon-credit"> </span>  credit</div>
<div class="small-12 large-4 columns"><span class="icon-credit-2"> </span>  credit-2</div>
<div class="small-12 large-4 columns"><span class="icon-cube"> </span>  cube</div>
<div class="small-12 large-4 columns"><span class="icon-dashboard"> </span>  dashboard</div>
<div class="small-12 large-4 columns"><span class="icon-database"> </span>  database</div>
<div class="small-12 large-4 columns"><span class="icon-delete"> </span>  delete / remove / cancel-2</div>
<div class="small-12 large-4 columns"><span class="icon-download"> </span>  download</div>
<div class="small-12 large-4 columns"><span class="icon-enter"> </span>  enter</div>
<div class="small-12 large-4 columns"><span class="icon-envelope"> </span>  envelope / mail</div>
<div class="small-12 large-4 columns"><span class="icon-envelope-opened"> </span>  envelope-opened / mail-2</div>
<div class="small-12 large-4 columns"><span class="icon-equalizer"> </span>  equalizer</div>
<div class="small-12 large-4 columns"><span class="icon-exit"> </span>  exit</div>
<div class="small-12 large-4 columns"><span class="icon-expand"> </span>  expand</div>
<div class="small-12 large-4 columns"><span class="icon-expand-2"> </span>  expand-2</div>
<div class="small-12 large-4 columns"><span class="icon-expired"> </span>  expired</div>
<div class="small-12 large-4 columns"><span class="icon-eye-close"> </span>  eye-close / eye-blocked / eye-2</div>
<div class="small-12 large-4 columns"><span class="icon-eye-open"> </span>  eye-open / eye</div>
<div class="small-12 large-4 columns"><span class="icon-featured"> </span>  featured / default / star</div>
<div class="small-12 large-4 columns"><span class="icon-feed"> </span>  feed</div>
<div class="small-12 large-4 columns"><span class="icon-file"> </span>  file</div>
<div class="small-12 large-4 columns"><span class="icon-file-2"> </span>  file-2</div>
<div class="small-12 large-4 columns"><span class="icon-file-add"> </span>  file-add / file-plus</div>
<div class="small-12 large-4 columns"><span class="icon-file-check"> </span>  file-check</div>
<div class="small-12 large-4 columns"><span class="icon-file-minus"> </span>  file-minus</div>
<div class="small-12 large-4 columns"><span class="icon-file-remove"> </span>  file-remove</div>
<div class="small-12 large-4 columns"><span class="icon-filter"> </span>  filter</div>
<div class="small-12 large-4 columns"><span class="icon-first"> </span>  first</div>
<div class="small-12 large-4 columns"><span class="icon-flag"> </span>  flag</div>
<div class="small-12 large-4 columns"><span class="icon-flag-3"> </span>  flag-3</div>
<div class="small-12 large-4 columns"><span class="icon-folder-3"> </span>  folder-3</div>
<div class="small-12 large-4 columns"><span class="icon-folder-close"> </span>  folder-close / folder-2</div>
<div class="small-12 large-4 columns"><span class="icon-folder-minus"> </span>  folder-minus</div>
<div class="small-12 large-4 columns"><span class="icon-folder-open"> </span>  folder-open / folder</div>
<div class="small-12 large-4 columns"><span class="icon-folder-plus"> </span>  folder-plus</div>
<div class="small-12 large-4 columns"><span class="icon-folder-plus-2"> </span>  folder-plus-2</div>
<div class="small-12 large-4 columns"><span class="icon-folder-remove"> </span>  folder-remove</div>
<div class="small-12 large-4 columns"><span class="icon-forward-2"> </span>  forward-2</div>
<div class="small-12 large-4 columns"><span class="icon-forward-circle"> </span>  forward-circle</div>
<div class="small-12 large-4 columns"><span class="icon-grid"> </span>  grid / grid-view</div>
<div class="small-12 large-4 columns"><span class="icon-grid-2"> </span>  grid-2 / grid-view-2</div>
<div class="small-12 large-4 columns"><span class="icon-health"> </span>  health</div>
<div class="small-12 large-4 columns"><span class="icon-heart"> </span>  heart</div>
<div class="small-12 large-4 columns"><span class="icon-heart-2"> </span>  heart-2</div>
<div class="small-12 large-4 columns"><span class="icon-home"> </span>  home</div>
<div class="small-12 large-4 columns"><span class="icon-home-2"> </span>  home-2</div>
<div class="small-12 large-4 columns"><span class="icon-info"> </span>  info</div>
<div class="small-12 large-4 columns"><span class="icon-info-2"> </span>  info-2 / info-circle</div>
<div class="small-12 large-4 columns"><span class="icon-key"> </span>  key</div>
<div class="small-12 large-4 columns"><span class="icon-lamp"> </span>  lamp</div>
<div class="small-12 large-4 columns"><span class="icon-last"> </span>  last</div>
<div class="small-12 large-4 columns"><span class="icon-lightning"> </span>  lightning / flash</div>
<div class="small-12 large-4 columns"><span class="icon-link"> </span>  link</div>
<div class="small-12 large-4 columns"><span class="icon-list"> </span>  list / list-view</div>
<div class="small-12 large-4 columns"><span class="icon-list-2"> </span>  list-2</div>
<div class="small-12 large-4 columns"><span class="icon-location"> </span>  location</div>
<div class="small-12 large-4 columns"><span class="icon-loop"> </span>  loop</div>
<div class="small-12 large-4 columns"><span class="icon-menu"> </span>  menu</div>
<div class="small-12 large-4 columns"><span class="icon-menu-2"> </span>  menu-2</div>
<div class="small-12 large-4 columns"><span class="icon-menu-3"> </span>  menu-3</div>
<div class="small-12 large-4 columns"><span class="icon-minus"> </span>  minus / not-ok</div>
<div class="small-12 large-4 columns"><span class="icon-minus-sign"> </span>  minus-sign / minus-2</div>
<div class="small-12 large-4 columns"><span class="icon-mobile"> </span>  mobile</div>
<div class="small-12 large-4 columns"><span class="icon-move"> </span>  move</div>
<div class="small-12 large-4 columns"><span class="icon-music"> </span>  music</div>
<div class="small-12 large-4 columns"><span class="icon-new"> </span>  new / plus</div>
<div class="small-12 large-4 columns"><span class="icon-next"> </span>  next / forward</div>
<div class="small-12 large-4 columns"><span class="icon-notification"> </span>  notification</div>
<div class="small-12 large-4 columns"><span class="icon-notification-2"> </span>  notification-2 / notification-circle</div>
<div class="small-12 large-4 columns"><span class="icon-options"> </span>  options / cog</div>
<div class="small-12 large-4 columns"><span class="icon-out-2"> </span>  out-2 / new-tab</div>
<div class="small-12 large-4 columns"><span class="icon-out-3"> </span>  out-3 / new-tab-2</div>
<div class="small-12 large-4 columns"><span class="icon-palette"> </span>  palette / color-palette</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-center"> </span>  paragraph-center</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-justify"> </span>  paragraph-justify</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-left"> </span>  paragraph-left</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-right"> </span>  paragraph-right</div>
<div class="small-12 large-4 columns"><span class="icon-pause"> </span>  pause</div>
<div class="small-12 large-4 columns"><span class="icon-pause-circle"> </span>  pause-circle</div>
<div class="small-12 large-4 columns"><span class="icon-pencil-2"> </span>  pencil-2</div>
<div class="small-12 large-4 columns"><span class="icon-pending"> </span>  pending / warning</div>
<div class="small-12 large-4 columns"><span class="icon-phone"> </span>  phone</div>
<div class="small-12 large-4 columns"><span class="icon-phone-2"> </span>  phone-2</div>
<div class="small-12 large-4 columns"><span class="icon-picture"> </span>  picture / image</div>
<div class="small-12 large-4 columns"><span class="icon-pictures"> </span>  pictures / images</div>
<div class="small-12 large-4 columns"><span class="icon-pie"> </span>  pie</div>
<div class="small-12 large-4 columns"><span class="icon-pin"> </span>  pin / pushpin</div>
<div class="small-12 large-4 columns"><span class="icon-play"> </span>  play</div>
<div class="small-12 large-4 columns"><span class="icon-play-2"> </span>  play-2 / video-2 / youtube</div>
<div class="small-12 large-4 columns"><span class="icon-play-circle"> </span>  play-circle</div>
<div class="small-12 large-4 columns"><span class="icon-plus-circle"> </span>  plus-circle</div>
<div class="small-12 large-4 columns"><span class="icon-power-cord"> </span>  power-cord</div>
<div class="small-12 large-4 columns"><span class="icon-previous"> </span>  previous / backward</div>
<div class="small-12 large-4 columns"><span class="icon-print"> </span>  print / printer</div>
<div class="small-12 large-4 columns"><span class="icon-publish"> </span>  publish / save / ok / checkmark</div>
<div class="small-12 large-4 columns"><span class="icon-purge"> </span>  purge / trash</div>
<div class="small-12 large-4 columns"><span class="icon-puzzle"> </span>  puzzle</div>
<div class="small-12 large-4 columns"><span class="icon-question"> </span>  question / question-sign / help</div>
<div class="small-12 large-4 columns"><span class="icon-question-2"> </span>  question-2 / question-circle</div>
<div class="small-12 large-4 columns"><span class="icon-quote"> </span>  quote / quotes-left</div>
<div class="small-12 large-4 columns"><span class="icon-quote-2"> </span>  quote-2 / quotes-right</div>
<div class="small-12 large-4 columns"><span class="icon-quote-3"> </span>  quote-3 / bubble-quote</div>
<div class="small-12 large-4 columns"><span class="icon-radio-checked"> </span>  radio-checked / generic</div>
<div class="small-12 large-4 columns"><span class="icon-radio-unchecked"> </span>  radio-unchecked</div>
<div class="small-12 large-4 columns"><span class="icon-save-copy"> </span>  save-copy / copy</div>
<div class="small-12 large-4 columns"><span class="icon-save-new"> </span>  save-new / plus-2</div>
<div class="small-12 large-4 columns"><span class="icon-scissors"> </span>  scissors</div>
<div class="small-12 large-4 columns"><span class="icon-screen"> </span>  screen</div>
<div class="small-12 large-4 columns"><span class="icon-screwdriver"> </span>  screwdriver / tools</div>
<div class="small-12 large-4 columns"><span class="icon-search"> </span>  search</div>
<div class="small-12 large-4 columns"><span class="icon-share"> </span>  share / redo</div>
<div class="small-12 large-4 columns"><span class="icon-share-alt"> </span>  share-alt / out</div>
<div class="small-12 large-4 columns"><span class="icon-shield"> </span>  shield</div>
<div class="small-12 large-4 columns"><span class="icon-shuffle"> </span>  shuffle</div>
<div class="small-12 large-4 columns"><span class="icon-signup"> </span>  signup</div>
<div class="small-12 large-4 columns"><span class="icon-smiley"> </span>  smiley / smiley-happy</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-2"> </span>  smiley-2 / smiley-happy-2</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-neutral"> </span>  smiley-neutral</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-neutral-2"> </span>  smiley-neutral-2</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-sad"> </span>  smiley-sad</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-sad-2"> </span>  smiley-sad-2</div>
<div class="small-12 large-4 columns"><span class="icon-square"> </span>  square</div>
<div class="small-12 large-4 columns"><span class="icon-stack"> </span>  stack</div>
<div class="small-12 large-4 columns"><span class="icon-star-2"> </span>  star-2</div>
<div class="small-12 large-4 columns"><span class="icon-stop"> </span>  stop</div>
<div class="small-12 large-4 columns"><span class="icon-stop-circle"> </span>  stop-circle</div>
<div class="small-12 large-4 columns"><span class="icon-support"> </span>  support</div>
<div class="small-12 large-4 columns"><span class="icon-switch"> </span>  switch</div>
<div class="small-12 large-4 columns"><span class="icon-tablet"> </span>  tablet</div>
<div class="small-12 large-4 columns"><span class="icon-tag"> </span>  tag</div>
<div class="small-12 large-4 columns"><span class="icon-tag-2"> </span>  tag-2</div>
<div class="small-12 large-4 columns"><span class="icon-tags"> </span>  tags</div>
<div class="small-12 large-4 columns"><span class="icon-tags-2"> </span>  tags-2</div>
<div class="small-12 large-4 columns"><span class="icon-thumbs-down"> </span>  thumbs-down</div>
<div class="small-12 large-4 columns"><span class="icon-thumbs-up"> </span>  thumbs-up</div>
<div class="small-12 large-4 columns"><span class="icon-tree"> </span>  tree</div>
<div class="small-12 large-4 columns"><span class="icon-tree-2"> </span>  tree-2</div>
<div class="small-12 large-4 columns"><span class="icon-unarchive"> </span>  unarchive / drawer</div>
<div class="small-12 large-4 columns"><span class="icon-unblock"> </span>  unblock / refresh / redo-2</div>
<div class="small-12 large-4 columns"><span class="icon-undo"> </span>  undo</div>
<div class="small-12 large-4 columns"><span class="icon-undo-2"> </span>  undo-2</div>
<div class="small-12 large-4 columns"><span class="icon-unfeatured"> </span>  unfeatured / asterisk / star-empty</div>
<div class="small-12 large-4 columns"><span class="icon-unlock"> </span>  unlock</div>
<div class="small-12 large-4 columns"><span class="icon-unpublish"> </span>  unpublish / cancel</div>
<div class="small-12 large-4 columns"><span class="icon-upload"> </span>  upload</div>
<div class="small-12 large-4 columns"><span class="icon-user"> </span>  user</div>
<div class="small-12 large-4 columns"><span class="icon-users"> </span>  users</div>
<div class="small-12 large-4 columns"><span class="icon-vcard"> </span>  vcard</div>
<div class="small-12 large-4 columns"><span class="icon-wand"> </span>  wand</div>
<div class="small-12 large-4 columns"><span class="icon-warning-2"> </span>  warning-2 / warning-circle</div>
<div class="small-12 large-4 columns"><span class="icon-wrench"> </span>  wrench</div>
<div class="small-12 large-4 columns"><span class="icon-zoom-in"> </span>  zoom-in</div>
<div class="small-12 large-4 columns"><span class="icon-zoom-out"> </span>  zoom-out</div>
</div>

== Including in Your Template ==
{{note|This section is incomplete.}}
__NOTOC__
To include the Icomoon fonts in your template you will have to add the css stylesheet (<tt>/media/jui/css/icomoon.css</tt>) or include it in your <tt>.less</tt> file when you generate the <tt>.css</tt> stylesheet(s).

<source lang="php">
$doc = JFactory::getDocument();
$doc->addStyleSheet($this->baseurl.'/media/jui/css/icomoon.css');
</source>

<noinclude>
[[Category:CSS]]
[[Category:Template Development]]
</noinclude>

Translations:J3.x:Joomla Standard Icomoon Fonts/3/it

2016-06-03T14:50:49Z

Ste: Created page with "I font Icon possono essere richiamati con un <tt><span class="icon-''name-of-icon''"></tt> tag e uno {space}. es"

I font Icon possono essere richiamati con un <tt><span class="icon-''name-of-icon''"></tt> tag e uno {space}. es

J3.x:Joomla Standard Icomoon Fonts/it

2016-06-03T14:50:13Z

Ste: Created page with "== Come utilizzarli =="

<noinclude><languages /></noinclude>
{{Joomla version|version=3.0.0|time=and later}}
Da Joomla 3.0.0, il CMS Joomla! presenta il proprio [https://icomoon.io/ Set di Font Icomoon]. Questi fonts sono disponibili di default nei template "Protostar" (Frontend), "Isis" (Amministrazione) e "Hathor" (Amministrazione).

== Come utilizzarli ==

Icon fonts can be called with a <tt><span class="icon-''name-of-icon''"></tt> tag and a {space}. eg

<pre>
<span class="icon-joomla"> </span>
</pre>

Will show the Joomla! icon: <span class="icon-joomla"> </span>

== Font Size ==

Because the icons are fonts, you can control the size of them with an added class or style= statement. Of course you will have to define the class in your .css or .less stylesheet file.

<pre>
<span class="icon-joomla large-icon"> </span>
<span class="icon-joomla" style="font-size:24px;"> </span>
</pre>

Here is the resized Joomla! icon: <span class="icon-joomla" style="font-size:24px;"> </span>

== Available Icomoon Icons ==

This is the complete list, including the alternative names to call the icon. The alternatives are separated by a '/' below.

<div class="row">
<div class="small-12 large-4 columns"><span class="icon-joomla"> </span>  joomla</div>
<div class="small-12 large-4 columns"><span class="icon-address"> </span>  address</div>
<div class="small-12 large-4 columns"><span class="icon-apply"> </span>  apply / edit / pencil</div>
<div class="small-12 large-4 columns"><span class="icon-archive"> </span>  archive / drawer-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-2"> </span>  arrow-down-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-3"> </span>  arrow-down-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-4"> </span>  arrow-down-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-first"> </span>  arrow-first</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-last"> </span>  arrow-last</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-2"> </span>  arrow-left-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-3"> </span>  arrow-left-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-4"> </span>  arrow-left-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-2"> </span>  arrow-right-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-3"> </span>  arrow-right-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-4"> </span>  arrow-right-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-2"> </span>  arrow-up-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-3"> </span>  arrow-up-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-4"> </span>  arrow-up-4</div>
<div class="small-12 large-4 columns"><span class="icon-attachment"> </span>  attachment / paperclip / flag-2</div>
<div class="small-12 large-4 columns"><span class="icon-backward-2"> </span>  backward-2 / reply</div>
<div class="small-12 large-4 columns"><span class="icon-backward-circle"> </span>  backward-circle</div>
<div class="small-12 large-4 columns"><span class="icon-ban-circle"> </span>  ban-circle / minus-circle</div>
<div class="small-12 large-4 columns"><span class="icon-bars"> </span>  bars</div>
<div class="small-12 large-4 columns"><span class="icon-basket"> </span>  basket</div>
<div class="small-12 large-4 columns"><span class="icon-book"> </span>  book</div>
<div class="small-12 large-4 columns"><span class="icon-bookmark"> </span>  bookmark</div>
<div class="small-12 large-4 columns"><span class="icon-bookmark-2"> </span>  bookmark-2</div>
<div class="small-12 large-4 columns"><span class="icon-box-add"> </span>  box-add</div>
<div class="small-12 large-4 columns"><span class="icon-box-remove"> </span>  box-remove</div>
<div class="small-12 large-4 columns"><span class="icon-briefcase"> </span>  briefcase</div>
<div class="small-12 large-4 columns"><span class="icon-broadcast"> </span>  broadcast / connection / wifi</div>
<div class="small-12 large-4 columns"><span class="icon-brush"> </span>  brush</div>
<div class="small-12 large-4 columns"><span class="icon-calendar"> </span>  calendar</div>
<div class="small-12 large-4 columns"><span class="icon-calendar-2"> </span>  calendar-2</div>
<div class="small-12 large-4 columns"><span class="icon-calendar-3"> </span>  calendar-3</div>
<div class="small-12 large-4 columns"><span class="icon-camera"> </span>  camera</div>
<div class="small-12 large-4 columns"><span class="icon-camera-2"> </span>  camera-2 / video</div>
<div class="small-12 large-4 columns"><span class="icon-cancel-circle"> </span>  cancel-circle</div>
<div class="small-12 large-4 columns"><span class="icon-cart"> </span>  cart</div>
<div class="small-12 large-4 columns"><span class="icon-chart"> </span>  chart</div>
<div class="small-12 large-4 columns"><span class="icon-checkbox-partial"> </span>  checkbox-partial</div>
<div class="small-12 large-4 columns"><span class="icon-checkbox-unchecked"> </span>  checkbox-unchecked</div>
<div class="small-12 large-4 columns"><span class="icon-checkedout"> </span>  checkedout / lock / locked</div>
<div class="small-12 large-4 columns"><span class="icon-checkin"> </span>  checkin / checkbox / checkbox-checked</div>
<div class="small-12 large-4 columns"><span class="icon-checkmark-2"> </span>  checkmark-2</div>
<div class="small-12 large-4 columns"><span class="icon-checkmark-circle"> </span>  checkmark-circle</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-down"> </span>  chevron-down / downarrow / arrow-down</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-left"> </span>  chevron-left / leftarrow / arrow-left</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-right"> </span>  chevron-right / rightarrow / arrow-right</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-up"> </span>  chevron-up / uparrow / arrow-up</div>
<div class="small-12 large-4 columns"><span class="icon-circle"> </span>  circle</div>
<div class="small-12 large-4 columns"><span class="icon-clock"> </span>  clock</div>
<div class="small-12 large-4 columns"><span class="icon-cogs"> </span>  cogs</div>
<div class="small-12 large-4 columns"><span class="icon-comment"> </span>  comment / comments</div>
<div class="small-12 large-4 columns"><span class="icon-comments-2"> </span>  comments-2</div>
<div class="small-12 large-4 columns"><span class="icon-compass"> </span>  compass</div>
<div class="small-12 large-4 columns"><span class="icon-contract"> </span>  contract</div>
<div class="small-12 large-4 columns"><span class="icon-contract-2"> </span>  contract-2</div>
<div class="small-12 large-4 columns"><span class="icon-credit"> </span>  credit</div>
<div class="small-12 large-4 columns"><span class="icon-credit-2"> </span>  credit-2</div>
<div class="small-12 large-4 columns"><span class="icon-cube"> </span>  cube</div>
<div class="small-12 large-4 columns"><span class="icon-dashboard"> </span>  dashboard</div>
<div class="small-12 large-4 columns"><span class="icon-database"> </span>  database</div>
<div class="small-12 large-4 columns"><span class="icon-delete"> </span>  delete / remove / cancel-2</div>
<div class="small-12 large-4 columns"><span class="icon-download"> </span>  download</div>
<div class="small-12 large-4 columns"><span class="icon-enter"> </span>  enter</div>
<div class="small-12 large-4 columns"><span class="icon-envelope"> </span>  envelope / mail</div>
<div class="small-12 large-4 columns"><span class="icon-envelope-opened"> </span>  envelope-opened / mail-2</div>
<div class="small-12 large-4 columns"><span class="icon-equalizer"> </span>  equalizer</div>
<div class="small-12 large-4 columns"><span class="icon-exit"> </span>  exit</div>
<div class="small-12 large-4 columns"><span class="icon-expand"> </span>  expand</div>
<div class="small-12 large-4 columns"><span class="icon-expand-2"> </span>  expand-2</div>
<div class="small-12 large-4 columns"><span class="icon-expired"> </span>  expired</div>
<div class="small-12 large-4 columns"><span class="icon-eye-close"> </span>  eye-close / eye-blocked / eye-2</div>
<div class="small-12 large-4 columns"><span class="icon-eye-open"> </span>  eye-open / eye</div>
<div class="small-12 large-4 columns"><span class="icon-featured"> </span>  featured / default / star</div>
<div class="small-12 large-4 columns"><span class="icon-feed"> </span>  feed</div>
<div class="small-12 large-4 columns"><span class="icon-file"> </span>  file</div>
<div class="small-12 large-4 columns"><span class="icon-file-2"> </span>  file-2</div>
<div class="small-12 large-4 columns"><span class="icon-file-add"> </span>  file-add / file-plus</div>
<div class="small-12 large-4 columns"><span class="icon-file-check"> </span>  file-check</div>
<div class="small-12 large-4 columns"><span class="icon-file-minus"> </span>  file-minus</div>
<div class="small-12 large-4 columns"><span class="icon-file-remove"> </span>  file-remove</div>
<div class="small-12 large-4 columns"><span class="icon-filter"> </span>  filter</div>
<div class="small-12 large-4 columns"><span class="icon-first"> </span>  first</div>
<div class="small-12 large-4 columns"><span class="icon-flag"> </span>  flag</div>
<div class="small-12 large-4 columns"><span class="icon-flag-3"> </span>  flag-3</div>
<div class="small-12 large-4 columns"><span class="icon-folder-3"> </span>  folder-3</div>
<div class="small-12 large-4 columns"><span class="icon-folder-close"> </span>  folder-close / folder-2</div>
<div class="small-12 large-4 columns"><span class="icon-folder-minus"> </span>  folder-minus</div>
<div class="small-12 large-4 columns"><span class="icon-folder-open"> </span>  folder-open / folder</div>
<div class="small-12 large-4 columns"><span class="icon-folder-plus"> </span>  folder-plus</div>
<div class="small-12 large-4 columns"><span class="icon-folder-plus-2"> </span>  folder-plus-2</div>
<div class="small-12 large-4 columns"><span class="icon-folder-remove"> </span>  folder-remove</div>
<div class="small-12 large-4 columns"><span class="icon-forward-2"> </span>  forward-2</div>
<div class="small-12 large-4 columns"><span class="icon-forward-circle"> </span>  forward-circle</div>
<div class="small-12 large-4 columns"><span class="icon-grid"> </span>  grid / grid-view</div>
<div class="small-12 large-4 columns"><span class="icon-grid-2"> </span>  grid-2 / grid-view-2</div>
<div class="small-12 large-4 columns"><span class="icon-health"> </span>  health</div>
<div class="small-12 large-4 columns"><span class="icon-heart"> </span>  heart</div>
<div class="small-12 large-4 columns"><span class="icon-heart-2"> </span>  heart-2</div>
<div class="small-12 large-4 columns"><span class="icon-home"> </span>  home</div>
<div class="small-12 large-4 columns"><span class="icon-home-2"> </span>  home-2</div>
<div class="small-12 large-4 columns"><span class="icon-info"> </span>  info</div>
<div class="small-12 large-4 columns"><span class="icon-info-2"> </span>  info-2 / info-circle</div>
<div class="small-12 large-4 columns"><span class="icon-key"> </span>  key</div>
<div class="small-12 large-4 columns"><span class="icon-lamp"> </span>  lamp</div>
<div class="small-12 large-4 columns"><span class="icon-last"> </span>  last</div>
<div class="small-12 large-4 columns"><span class="icon-lightning"> </span>  lightning / flash</div>
<div class="small-12 large-4 columns"><span class="icon-link"> </span>  link</div>
<div class="small-12 large-4 columns"><span class="icon-list"> </span>  list / list-view</div>
<div class="small-12 large-4 columns"><span class="icon-list-2"> </span>  list-2</div>
<div class="small-12 large-4 columns"><span class="icon-location"> </span>  location</div>
<div class="small-12 large-4 columns"><span class="icon-loop"> </span>  loop</div>
<div class="small-12 large-4 columns"><span class="icon-menu"> </span>  menu</div>
<div class="small-12 large-4 columns"><span class="icon-menu-2"> </span>  menu-2</div>
<div class="small-12 large-4 columns"><span class="icon-menu-3"> </span>  menu-3</div>
<div class="small-12 large-4 columns"><span class="icon-minus"> </span>  minus / not-ok</div>
<div class="small-12 large-4 columns"><span class="icon-minus-sign"> </span>  minus-sign / minus-2</div>
<div class="small-12 large-4 columns"><span class="icon-mobile"> </span>  mobile</div>
<div class="small-12 large-4 columns"><span class="icon-move"> </span>  move</div>
<div class="small-12 large-4 columns"><span class="icon-music"> </span>  music</div>
<div class="small-12 large-4 columns"><span class="icon-new"> </span>  new / plus</div>
<div class="small-12 large-4 columns"><span class="icon-next"> </span>  next / forward</div>
<div class="small-12 large-4 columns"><span class="icon-notification"> </span>  notification</div>
<div class="small-12 large-4 columns"><span class="icon-notification-2"> </span>  notification-2 / notification-circle</div>
<div class="small-12 large-4 columns"><span class="icon-options"> </span>  options / cog</div>
<div class="small-12 large-4 columns"><span class="icon-out-2"> </span>  out-2 / new-tab</div>
<div class="small-12 large-4 columns"><span class="icon-out-3"> </span>  out-3 / new-tab-2</div>
<div class="small-12 large-4 columns"><span class="icon-palette"> </span>  palette / color-palette</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-center"> </span>  paragraph-center</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-justify"> </span>  paragraph-justify</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-left"> </span>  paragraph-left</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-right"> </span>  paragraph-right</div>
<div class="small-12 large-4 columns"><span class="icon-pause"> </span>  pause</div>
<div class="small-12 large-4 columns"><span class="icon-pause-circle"> </span>  pause-circle</div>
<div class="small-12 large-4 columns"><span class="icon-pencil-2"> </span>  pencil-2</div>
<div class="small-12 large-4 columns"><span class="icon-pending"> </span>  pending / warning</div>
<div class="small-12 large-4 columns"><span class="icon-phone"> </span>  phone</div>
<div class="small-12 large-4 columns"><span class="icon-phone-2"> </span>  phone-2</div>
<div class="small-12 large-4 columns"><span class="icon-picture"> </span>  picture / image</div>
<div class="small-12 large-4 columns"><span class="icon-pictures"> </span>  pictures / images</div>
<div class="small-12 large-4 columns"><span class="icon-pie"> </span>  pie</div>
<div class="small-12 large-4 columns"><span class="icon-pin"> </span>  pin / pushpin</div>
<div class="small-12 large-4 columns"><span class="icon-play"> </span>  play</div>
<div class="small-12 large-4 columns"><span class="icon-play-2"> </span>  play-2 / video-2 / youtube</div>
<div class="small-12 large-4 columns"><span class="icon-play-circle"> </span>  play-circle</div>
<div class="small-12 large-4 columns"><span class="icon-plus-circle"> </span>  plus-circle</div>
<div class="small-12 large-4 columns"><span class="icon-power-cord"> </span>  power-cord</div>
<div class="small-12 large-4 columns"><span class="icon-previous"> </span>  previous / backward</div>
<div class="small-12 large-4 columns"><span class="icon-print"> </span>  print / printer</div>
<div class="small-12 large-4 columns"><span class="icon-publish"> </span>  publish / save / ok / checkmark</div>
<div class="small-12 large-4 columns"><span class="icon-purge"> </span>  purge / trash</div>
<div class="small-12 large-4 columns"><span class="icon-puzzle"> </span>  puzzle</div>
<div class="small-12 large-4 columns"><span class="icon-question"> </span>  question / question-sign / help</div>
<div class="small-12 large-4 columns"><span class="icon-question-2"> </span>  question-2 / question-circle</div>
<div class="small-12 large-4 columns"><span class="icon-quote"> </span>  quote / quotes-left</div>
<div class="small-12 large-4 columns"><span class="icon-quote-2"> </span>  quote-2 / quotes-right</div>
<div class="small-12 large-4 columns"><span class="icon-quote-3"> </span>  quote-3 / bubble-quote</div>
<div class="small-12 large-4 columns"><span class="icon-radio-checked"> </span>  radio-checked / generic</div>
<div class="small-12 large-4 columns"><span class="icon-radio-unchecked"> </span>  radio-unchecked</div>
<div class="small-12 large-4 columns"><span class="icon-save-copy"> </span>  save-copy / copy</div>
<div class="small-12 large-4 columns"><span class="icon-save-new"> </span>  save-new / plus-2</div>
<div class="small-12 large-4 columns"><span class="icon-scissors"> </span>  scissors</div>
<div class="small-12 large-4 columns"><span class="icon-screen"> </span>  screen</div>
<div class="small-12 large-4 columns"><span class="icon-screwdriver"> </span>  screwdriver / tools</div>
<div class="small-12 large-4 columns"><span class="icon-search"> </span>  search</div>
<div class="small-12 large-4 columns"><span class="icon-share"> </span>  share / redo</div>
<div class="small-12 large-4 columns"><span class="icon-share-alt"> </span>  share-alt / out</div>
<div class="small-12 large-4 columns"><span class="icon-shield"> </span>  shield</div>
<div class="small-12 large-4 columns"><span class="icon-shuffle"> </span>  shuffle</div>
<div class="small-12 large-4 columns"><span class="icon-signup"> </span>  signup</div>
<div class="small-12 large-4 columns"><span class="icon-smiley"> </span>  smiley / smiley-happy</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-2"> </span>  smiley-2 / smiley-happy-2</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-neutral"> </span>  smiley-neutral</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-neutral-2"> </span>  smiley-neutral-2</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-sad"> </span>  smiley-sad</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-sad-2"> </span>  smiley-sad-2</div>
<div class="small-12 large-4 columns"><span class="icon-square"> </span>  square</div>
<div class="small-12 large-4 columns"><span class="icon-stack"> </span>  stack</div>
<div class="small-12 large-4 columns"><span class="icon-star-2"> </span>  star-2</div>
<div class="small-12 large-4 columns"><span class="icon-stop"> </span>  stop</div>
<div class="small-12 large-4 columns"><span class="icon-stop-circle"> </span>  stop-circle</div>
<div class="small-12 large-4 columns"><span class="icon-support"> </span>  support</div>
<div class="small-12 large-4 columns"><span class="icon-switch"> </span>  switch</div>
<div class="small-12 large-4 columns"><span class="icon-tablet"> </span>  tablet</div>
<div class="small-12 large-4 columns"><span class="icon-tag"> </span>  tag</div>
<div class="small-12 large-4 columns"><span class="icon-tag-2"> </span>  tag-2</div>
<div class="small-12 large-4 columns"><span class="icon-tags"> </span>  tags</div>
<div class="small-12 large-4 columns"><span class="icon-tags-2"> </span>  tags-2</div>
<div class="small-12 large-4 columns"><span class="icon-thumbs-down"> </span>  thumbs-down</div>
<div class="small-12 large-4 columns"><span class="icon-thumbs-up"> </span>  thumbs-up</div>
<div class="small-12 large-4 columns"><span class="icon-tree"> </span>  tree</div>
<div class="small-12 large-4 columns"><span class="icon-tree-2"> </span>  tree-2</div>
<div class="small-12 large-4 columns"><span class="icon-unarchive"> </span>  unarchive / drawer</div>
<div class="small-12 large-4 columns"><span class="icon-unblock"> </span>  unblock / refresh / redo-2</div>
<div class="small-12 large-4 columns"><span class="icon-undo"> </span>  undo</div>
<div class="small-12 large-4 columns"><span class="icon-undo-2"> </span>  undo-2</div>
<div class="small-12 large-4 columns"><span class="icon-unfeatured"> </span>  unfeatured / asterisk / star-empty</div>
<div class="small-12 large-4 columns"><span class="icon-unlock"> </span>  unlock</div>
<div class="small-12 large-4 columns"><span class="icon-unpublish"> </span>  unpublish / cancel</div>
<div class="small-12 large-4 columns"><span class="icon-upload"> </span>  upload</div>
<div class="small-12 large-4 columns"><span class="icon-user"> </span>  user</div>
<div class="small-12 large-4 columns"><span class="icon-users"> </span>  users</div>
<div class="small-12 large-4 columns"><span class="icon-vcard"> </span>  vcard</div>
<div class="small-12 large-4 columns"><span class="icon-wand"> </span>  wand</div>
<div class="small-12 large-4 columns"><span class="icon-warning-2"> </span>  warning-2 / warning-circle</div>
<div class="small-12 large-4 columns"><span class="icon-wrench"> </span>  wrench</div>
<div class="small-12 large-4 columns"><span class="icon-zoom-in"> </span>  zoom-in</div>
<div class="small-12 large-4 columns"><span class="icon-zoom-out"> </span>  zoom-out</div>
</div>

== Including in Your Template ==
{{note|This section is incomplete.}}
__NOTOC__
To include the Icomoon fonts in your template you will have to add the css stylesheet (<tt>/media/jui/css/icomoon.css</tt>) or include it in your <tt>.less</tt> file when you generate the <tt>.css</tt> stylesheet(s).

<source lang="php">
$doc = JFactory::getDocument();
$doc->addStyleSheet($this->baseurl.'/media/jui/css/icomoon.css');
</source>

<noinclude>
[[Category:CSS]]
[[Category:Template Development]]
</noinclude>

Translations:J3.x:Joomla Standard Icomoon Fonts/2/it

2016-06-03T14:50:12Z

Ste: Created page with "== Come utilizzarli =="

== Come utilizzarli ==

J3.x:Joomla Standard Icomoon Fonts/it

2016-06-03T14:49:57Z

Ste: Created page with "Da Joomla 3.0.0, il CMS Joomla! presenta il proprio [https://icomoon.io/ Set di Font Icomoon]. Questi fonts sono disponibili di default nei template "Protostar" (Frontend), "I..."

<noinclude><languages /></noinclude>
{{Joomla version|version=3.0.0|time=and later}}
Da Joomla 3.0.0, il CMS Joomla! presenta il proprio [https://icomoon.io/ Set di Font Icomoon]. Questi fonts sono disponibili di default nei template "Protostar" (Frontend), "Isis" (Amministrazione) e "Hathor" (Amministrazione).

== How to Use ==

Icon fonts can be called with a <tt><span class="icon-''name-of-icon''"></tt> tag and a {space}. eg

<pre>
<span class="icon-joomla"> </span>
</pre>

Will show the Joomla! icon: <span class="icon-joomla"> </span>

== Font Size ==

Because the icons are fonts, you can control the size of them with an added class or style= statement. Of course you will have to define the class in your .css or .less stylesheet file.

<pre>
<span class="icon-joomla large-icon"> </span>
<span class="icon-joomla" style="font-size:24px;"> </span>
</pre>

Here is the resized Joomla! icon: <span class="icon-joomla" style="font-size:24px;"> </span>

== Available Icomoon Icons ==

This is the complete list, including the alternative names to call the icon. The alternatives are separated by a '/' below.

<div class="row">
<div class="small-12 large-4 columns"><span class="icon-joomla"> </span>  joomla</div>
<div class="small-12 large-4 columns"><span class="icon-address"> </span>  address</div>
<div class="small-12 large-4 columns"><span class="icon-apply"> </span>  apply / edit / pencil</div>
<div class="small-12 large-4 columns"><span class="icon-archive"> </span>  archive / drawer-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-2"> </span>  arrow-down-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-3"> </span>  arrow-down-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-4"> </span>  arrow-down-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-first"> </span>  arrow-first</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-last"> </span>  arrow-last</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-2"> </span>  arrow-left-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-3"> </span>  arrow-left-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-4"> </span>  arrow-left-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-2"> </span>  arrow-right-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-3"> </span>  arrow-right-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-4"> </span>  arrow-right-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-2"> </span>  arrow-up-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-3"> </span>  arrow-up-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-4"> </span>  arrow-up-4</div>
<div class="small-12 large-4 columns"><span class="icon-attachment"> </span>  attachment / paperclip / flag-2</div>
<div class="small-12 large-4 columns"><span class="icon-backward-2"> </span>  backward-2 / reply</div>
<div class="small-12 large-4 columns"><span class="icon-backward-circle"> </span>  backward-circle</div>
<div class="small-12 large-4 columns"><span class="icon-ban-circle"> </span>  ban-circle / minus-circle</div>
<div class="small-12 large-4 columns"><span class="icon-bars"> </span>  bars</div>
<div class="small-12 large-4 columns"><span class="icon-basket"> </span>  basket</div>
<div class="small-12 large-4 columns"><span class="icon-book"> </span>  book</div>
<div class="small-12 large-4 columns"><span class="icon-bookmark"> </span>  bookmark</div>
<div class="small-12 large-4 columns"><span class="icon-bookmark-2"> </span>  bookmark-2</div>
<div class="small-12 large-4 columns"><span class="icon-box-add"> </span>  box-add</div>
<div class="small-12 large-4 columns"><span class="icon-box-remove"> </span>  box-remove</div>
<div class="small-12 large-4 columns"><span class="icon-briefcase"> </span>  briefcase</div>
<div class="small-12 large-4 columns"><span class="icon-broadcast"> </span>  broadcast / connection / wifi</div>
<div class="small-12 large-4 columns"><span class="icon-brush"> </span>  brush</div>
<div class="small-12 large-4 columns"><span class="icon-calendar"> </span>  calendar</div>
<div class="small-12 large-4 columns"><span class="icon-calendar-2"> </span>  calendar-2</div>
<div class="small-12 large-4 columns"><span class="icon-calendar-3"> </span>  calendar-3</div>
<div class="small-12 large-4 columns"><span class="icon-camera"> </span>  camera</div>
<div class="small-12 large-4 columns"><span class="icon-camera-2"> </span>  camera-2 / video</div>
<div class="small-12 large-4 columns"><span class="icon-cancel-circle"> </span>  cancel-circle</div>
<div class="small-12 large-4 columns"><span class="icon-cart"> </span>  cart</div>
<div class="small-12 large-4 columns"><span class="icon-chart"> </span>  chart</div>
<div class="small-12 large-4 columns"><span class="icon-checkbox-partial"> </span>  checkbox-partial</div>
<div class="small-12 large-4 columns"><span class="icon-checkbox-unchecked"> </span>  checkbox-unchecked</div>
<div class="small-12 large-4 columns"><span class="icon-checkedout"> </span>  checkedout / lock / locked</div>
<div class="small-12 large-4 columns"><span class="icon-checkin"> </span>  checkin / checkbox / checkbox-checked</div>
<div class="small-12 large-4 columns"><span class="icon-checkmark-2"> </span>  checkmark-2</div>
<div class="small-12 large-4 columns"><span class="icon-checkmark-circle"> </span>  checkmark-circle</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-down"> </span>  chevron-down / downarrow / arrow-down</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-left"> </span>  chevron-left / leftarrow / arrow-left</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-right"> </span>  chevron-right / rightarrow / arrow-right</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-up"> </span>  chevron-up / uparrow / arrow-up</div>
<div class="small-12 large-4 columns"><span class="icon-circle"> </span>  circle</div>
<div class="small-12 large-4 columns"><span class="icon-clock"> </span>  clock</div>
<div class="small-12 large-4 columns"><span class="icon-cogs"> </span>  cogs</div>
<div class="small-12 large-4 columns"><span class="icon-comment"> </span>  comment / comments</div>
<div class="small-12 large-4 columns"><span class="icon-comments-2"> </span>  comments-2</div>
<div class="small-12 large-4 columns"><span class="icon-compass"> </span>  compass</div>
<div class="small-12 large-4 columns"><span class="icon-contract"> </span>  contract</div>
<div class="small-12 large-4 columns"><span class="icon-contract-2"> </span>  contract-2</div>
<div class="small-12 large-4 columns"><span class="icon-credit"> </span>  credit</div>
<div class="small-12 large-4 columns"><span class="icon-credit-2"> </span>  credit-2</div>
<div class="small-12 large-4 columns"><span class="icon-cube"> </span>  cube</div>
<div class="small-12 large-4 columns"><span class="icon-dashboard"> </span>  dashboard</div>
<div class="small-12 large-4 columns"><span class="icon-database"> </span>  database</div>
<div class="small-12 large-4 columns"><span class="icon-delete"> </span>  delete / remove / cancel-2</div>
<div class="small-12 large-4 columns"><span class="icon-download"> </span>  download</div>
<div class="small-12 large-4 columns"><span class="icon-enter"> </span>  enter</div>
<div class="small-12 large-4 columns"><span class="icon-envelope"> </span>  envelope / mail</div>
<div class="small-12 large-4 columns"><span class="icon-envelope-opened"> </span>  envelope-opened / mail-2</div>
<div class="small-12 large-4 columns"><span class="icon-equalizer"> </span>  equalizer</div>
<div class="small-12 large-4 columns"><span class="icon-exit"> </span>  exit</div>
<div class="small-12 large-4 columns"><span class="icon-expand"> </span>  expand</div>
<div class="small-12 large-4 columns"><span class="icon-expand-2"> </span>  expand-2</div>
<div class="small-12 large-4 columns"><span class="icon-expired"> </span>  expired</div>
<div class="small-12 large-4 columns"><span class="icon-eye-close"> </span>  eye-close / eye-blocked / eye-2</div>
<div class="small-12 large-4 columns"><span class="icon-eye-open"> </span>  eye-open / eye</div>
<div class="small-12 large-4 columns"><span class="icon-featured"> </span>  featured / default / star</div>
<div class="small-12 large-4 columns"><span class="icon-feed"> </span>  feed</div>
<div class="small-12 large-4 columns"><span class="icon-file"> </span>  file</div>
<div class="small-12 large-4 columns"><span class="icon-file-2"> </span>  file-2</div>
<div class="small-12 large-4 columns"><span class="icon-file-add"> </span>  file-add / file-plus</div>
<div class="small-12 large-4 columns"><span class="icon-file-check"> </span>  file-check</div>
<div class="small-12 large-4 columns"><span class="icon-file-minus"> </span>  file-minus</div>
<div class="small-12 large-4 columns"><span class="icon-file-remove"> </span>  file-remove</div>
<div class="small-12 large-4 columns"><span class="icon-filter"> </span>  filter</div>
<div class="small-12 large-4 columns"><span class="icon-first"> </span>  first</div>
<div class="small-12 large-4 columns"><span class="icon-flag"> </span>  flag</div>
<div class="small-12 large-4 columns"><span class="icon-flag-3"> </span>  flag-3</div>
<div class="small-12 large-4 columns"><span class="icon-folder-3"> </span>  folder-3</div>
<div class="small-12 large-4 columns"><span class="icon-folder-close"> </span>  folder-close / folder-2</div>
<div class="small-12 large-4 columns"><span class="icon-folder-minus"> </span>  folder-minus</div>
<div class="small-12 large-4 columns"><span class="icon-folder-open"> </span>  folder-open / folder</div>
<div class="small-12 large-4 columns"><span class="icon-folder-plus"> </span>  folder-plus</div>
<div class="small-12 large-4 columns"><span class="icon-folder-plus-2"> </span>  folder-plus-2</div>
<div class="small-12 large-4 columns"><span class="icon-folder-remove"> </span>  folder-remove</div>
<div class="small-12 large-4 columns"><span class="icon-forward-2"> </span>  forward-2</div>
<div class="small-12 large-4 columns"><span class="icon-forward-circle"> </span>  forward-circle</div>
<div class="small-12 large-4 columns"><span class="icon-grid"> </span>  grid / grid-view</div>
<div class="small-12 large-4 columns"><span class="icon-grid-2"> </span>  grid-2 / grid-view-2</div>
<div class="small-12 large-4 columns"><span class="icon-health"> </span>  health</div>
<div class="small-12 large-4 columns"><span class="icon-heart"> </span>  heart</div>
<div class="small-12 large-4 columns"><span class="icon-heart-2"> </span>  heart-2</div>
<div class="small-12 large-4 columns"><span class="icon-home"> </span>  home</div>
<div class="small-12 large-4 columns"><span class="icon-home-2"> </span>  home-2</div>
<div class="small-12 large-4 columns"><span class="icon-info"> </span>  info</div>
<div class="small-12 large-4 columns"><span class="icon-info-2"> </span>  info-2 / info-circle</div>
<div class="small-12 large-4 columns"><span class="icon-key"> </span>  key</div>
<div class="small-12 large-4 columns"><span class="icon-lamp"> </span>  lamp</div>
<div class="small-12 large-4 columns"><span class="icon-last"> </span>  last</div>
<div class="small-12 large-4 columns"><span class="icon-lightning"> </span>  lightning / flash</div>
<div class="small-12 large-4 columns"><span class="icon-link"> </span>  link</div>
<div class="small-12 large-4 columns"><span class="icon-list"> </span>  list / list-view</div>
<div class="small-12 large-4 columns"><span class="icon-list-2"> </span>  list-2</div>
<div class="small-12 large-4 columns"><span class="icon-location"> </span>  location</div>
<div class="small-12 large-4 columns"><span class="icon-loop"> </span>  loop</div>
<div class="small-12 large-4 columns"><span class="icon-menu"> </span>  menu</div>
<div class="small-12 large-4 columns"><span class="icon-menu-2"> </span>  menu-2</div>
<div class="small-12 large-4 columns"><span class="icon-menu-3"> </span>  menu-3</div>
<div class="small-12 large-4 columns"><span class="icon-minus"> </span>  minus / not-ok</div>
<div class="small-12 large-4 columns"><span class="icon-minus-sign"> </span>  minus-sign / minus-2</div>
<div class="small-12 large-4 columns"><span class="icon-mobile"> </span>  mobile</div>
<div class="small-12 large-4 columns"><span class="icon-move"> </span>  move</div>
<div class="small-12 large-4 columns"><span class="icon-music"> </span>  music</div>
<div class="small-12 large-4 columns"><span class="icon-new"> </span>  new / plus</div>
<div class="small-12 large-4 columns"><span class="icon-next"> </span>  next / forward</div>
<div class="small-12 large-4 columns"><span class="icon-notification"> </span>  notification</div>
<div class="small-12 large-4 columns"><span class="icon-notification-2"> </span>  notification-2 / notification-circle</div>
<div class="small-12 large-4 columns"><span class="icon-options"> </span>  options / cog</div>
<div class="small-12 large-4 columns"><span class="icon-out-2"> </span>  out-2 / new-tab</div>
<div class="small-12 large-4 columns"><span class="icon-out-3"> </span>  out-3 / new-tab-2</div>
<div class="small-12 large-4 columns"><span class="icon-palette"> </span>  palette / color-palette</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-center"> </span>  paragraph-center</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-justify"> </span>  paragraph-justify</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-left"> </span>  paragraph-left</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-right"> </span>  paragraph-right</div>
<div class="small-12 large-4 columns"><span class="icon-pause"> </span>  pause</div>
<div class="small-12 large-4 columns"><span class="icon-pause-circle"> </span>  pause-circle</div>
<div class="small-12 large-4 columns"><span class="icon-pencil-2"> </span>  pencil-2</div>
<div class="small-12 large-4 columns"><span class="icon-pending"> </span>  pending / warning</div>
<div class="small-12 large-4 columns"><span class="icon-phone"> </span>  phone</div>
<div class="small-12 large-4 columns"><span class="icon-phone-2"> </span>  phone-2</div>
<div class="small-12 large-4 columns"><span class="icon-picture"> </span>  picture / image</div>
<div class="small-12 large-4 columns"><span class="icon-pictures"> </span>  pictures / images</div>
<div class="small-12 large-4 columns"><span class="icon-pie"> </span>  pie</div>
<div class="small-12 large-4 columns"><span class="icon-pin"> </span>  pin / pushpin</div>
<div class="small-12 large-4 columns"><span class="icon-play"> </span>  play</div>
<div class="small-12 large-4 columns"><span class="icon-play-2"> </span>  play-2 / video-2 / youtube</div>
<div class="small-12 large-4 columns"><span class="icon-play-circle"> </span>  play-circle</div>
<div class="small-12 large-4 columns"><span class="icon-plus-circle"> </span>  plus-circle</div>
<div class="small-12 large-4 columns"><span class="icon-power-cord"> </span>  power-cord</div>
<div class="small-12 large-4 columns"><span class="icon-previous"> </span>  previous / backward</div>
<div class="small-12 large-4 columns"><span class="icon-print"> </span>  print / printer</div>
<div class="small-12 large-4 columns"><span class="icon-publish"> </span>  publish / save / ok / checkmark</div>
<div class="small-12 large-4 columns"><span class="icon-purge"> </span>  purge / trash</div>
<div class="small-12 large-4 columns"><span class="icon-puzzle"> </span>  puzzle</div>
<div class="small-12 large-4 columns"><span class="icon-question"> </span>  question / question-sign / help</div>
<div class="small-12 large-4 columns"><span class="icon-question-2"> </span>  question-2 / question-circle</div>
<div class="small-12 large-4 columns"><span class="icon-quote"> </span>  quote / quotes-left</div>
<div class="small-12 large-4 columns"><span class="icon-quote-2"> </span>  quote-2 / quotes-right</div>
<div class="small-12 large-4 columns"><span class="icon-quote-3"> </span>  quote-3 / bubble-quote</div>
<div class="small-12 large-4 columns"><span class="icon-radio-checked"> </span>  radio-checked / generic</div>
<div class="small-12 large-4 columns"><span class="icon-radio-unchecked"> </span>  radio-unchecked</div>
<div class="small-12 large-4 columns"><span class="icon-save-copy"> </span>  save-copy / copy</div>
<div class="small-12 large-4 columns"><span class="icon-save-new"> </span>  save-new / plus-2</div>
<div class="small-12 large-4 columns"><span class="icon-scissors"> </span>  scissors</div>
<div class="small-12 large-4 columns"><span class="icon-screen"> </span>  screen</div>
<div class="small-12 large-4 columns"><span class="icon-screwdriver"> </span>  screwdriver / tools</div>
<div class="small-12 large-4 columns"><span class="icon-search"> </span>  search</div>
<div class="small-12 large-4 columns"><span class="icon-share"> </span>  share / redo</div>
<div class="small-12 large-4 columns"><span class="icon-share-alt"> </span>  share-alt / out</div>
<div class="small-12 large-4 columns"><span class="icon-shield"> </span>  shield</div>
<div class="small-12 large-4 columns"><span class="icon-shuffle"> </span>  shuffle</div>
<div class="small-12 large-4 columns"><span class="icon-signup"> </span>  signup</div>
<div class="small-12 large-4 columns"><span class="icon-smiley"> </span>  smiley / smiley-happy</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-2"> </span>  smiley-2 / smiley-happy-2</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-neutral"> </span>  smiley-neutral</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-neutral-2"> </span>  smiley-neutral-2</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-sad"> </span>  smiley-sad</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-sad-2"> </span>  smiley-sad-2</div>
<div class="small-12 large-4 columns"><span class="icon-square"> </span>  square</div>
<div class="small-12 large-4 columns"><span class="icon-stack"> </span>  stack</div>
<div class="small-12 large-4 columns"><span class="icon-star-2"> </span>  star-2</div>
<div class="small-12 large-4 columns"><span class="icon-stop"> </span>  stop</div>
<div class="small-12 large-4 columns"><span class="icon-stop-circle"> </span>  stop-circle</div>
<div class="small-12 large-4 columns"><span class="icon-support"> </span>  support</div>
<div class="small-12 large-4 columns"><span class="icon-switch"> </span>  switch</div>
<div class="small-12 large-4 columns"><span class="icon-tablet"> </span>  tablet</div>
<div class="small-12 large-4 columns"><span class="icon-tag"> </span>  tag</div>
<div class="small-12 large-4 columns"><span class="icon-tag-2"> </span>  tag-2</div>
<div class="small-12 large-4 columns"><span class="icon-tags"> </span>  tags</div>
<div class="small-12 large-4 columns"><span class="icon-tags-2"> </span>  tags-2</div>
<div class="small-12 large-4 columns"><span class="icon-thumbs-down"> </span>  thumbs-down</div>
<div class="small-12 large-4 columns"><span class="icon-thumbs-up"> </span>  thumbs-up</div>
<div class="small-12 large-4 columns"><span class="icon-tree"> </span>  tree</div>
<div class="small-12 large-4 columns"><span class="icon-tree-2"> </span>  tree-2</div>
<div class="small-12 large-4 columns"><span class="icon-unarchive"> </span>  unarchive / drawer</div>
<div class="small-12 large-4 columns"><span class="icon-unblock"> </span>  unblock / refresh / redo-2</div>
<div class="small-12 large-4 columns"><span class="icon-undo"> </span>  undo</div>
<div class="small-12 large-4 columns"><span class="icon-undo-2"> </span>  undo-2</div>
<div class="small-12 large-4 columns"><span class="icon-unfeatured"> </span>  unfeatured / asterisk / star-empty</div>
<div class="small-12 large-4 columns"><span class="icon-unlock"> </span>  unlock</div>
<div class="small-12 large-4 columns"><span class="icon-unpublish"> </span>  unpublish / cancel</div>
<div class="small-12 large-4 columns"><span class="icon-upload"> </span>  upload</div>
<div class="small-12 large-4 columns"><span class="icon-user"> </span>  user</div>
<div class="small-12 large-4 columns"><span class="icon-users"> </span>  users</div>
<div class="small-12 large-4 columns"><span class="icon-vcard"> </span>  vcard</div>
<div class="small-12 large-4 columns"><span class="icon-wand"> </span>  wand</div>
<div class="small-12 large-4 columns"><span class="icon-warning-2"> </span>  warning-2 / warning-circle</div>
<div class="small-12 large-4 columns"><span class="icon-wrench"> </span>  wrench</div>
<div class="small-12 large-4 columns"><span class="icon-zoom-in"> </span>  zoom-in</div>
<div class="small-12 large-4 columns"><span class="icon-zoom-out"> </span>  zoom-out</div>
</div>

== Including in Your Template ==
{{note|This section is incomplete.}}
__NOTOC__
To include the Icomoon fonts in your template you will have to add the css stylesheet (<tt>/media/jui/css/icomoon.css</tt>) or include it in your <tt>.less</tt> file when you generate the <tt>.css</tt> stylesheet(s).

<source lang="php">
$doc = JFactory::getDocument();
$doc->addStyleSheet($this->baseurl.'/media/jui/css/icomoon.css');
</source>

<noinclude>
[[Category:CSS]]
[[Category:Template Development]]
</noinclude>

Translations:J3.x:Joomla Standard Icomoon Fonts/1/it

2016-06-03T14:49:56Z

Da Joomla 3.0.0, il CMS Joomla! presenta il proprio [https://icomoon.io/ Set di Font Icomoon]. Questi fonts sono disponibili di default nei template "Protostar" (Frontend), "Isis" (Amministrazione) e "Hathor" (Amministrazione).

J3.x:Joomla Standard Icomoon Fonts/it

2016-06-03T14:47:58Z

Ste: Created page with "J3.x: I font Icomoon Standard di Joomla"

<noinclude><languages /></noinclude>
{{Joomla version|version=3.0.0|time=and later}}
Since Joomla 3.0.0, the Joomla! CMS comes with its own custom [https://icomoon.io/ Icomoon Font Set]. These icon fonts are available by default for use in the "Protostar" (Frontend), "Isis" (Administrator) and "Hathor" (Administrator) Templates.

== How to Use ==

Icon fonts can be called with a <tt><span class="icon-''name-of-icon''"></tt> tag and a {space}. eg

<pre>
<span class="icon-joomla"> </span>
</pre>

Will show the Joomla! icon: <span class="icon-joomla"> </span>

== Font Size ==

Because the icons are fonts, you can control the size of them with an added class or style= statement. Of course you will have to define the class in your .css or .less stylesheet file.

<pre>
<span class="icon-joomla large-icon"> </span>
<span class="icon-joomla" style="font-size:24px;"> </span>
</pre>

Here is the resized Joomla! icon: <span class="icon-joomla" style="font-size:24px;"> </span>

== Available Icomoon Icons ==

This is the complete list, including the alternative names to call the icon. The alternatives are separated by a '/' below.

<div class="row">
<div class="small-12 large-4 columns"><span class="icon-joomla"> </span>  joomla</div>
<div class="small-12 large-4 columns"><span class="icon-address"> </span>  address</div>
<div class="small-12 large-4 columns"><span class="icon-apply"> </span>  apply / edit / pencil</div>
<div class="small-12 large-4 columns"><span class="icon-archive"> </span>  archive / drawer-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-2"> </span>  arrow-down-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-3"> </span>  arrow-down-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-down-4"> </span>  arrow-down-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-first"> </span>  arrow-first</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-last"> </span>  arrow-last</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-2"> </span>  arrow-left-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-3"> </span>  arrow-left-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-left-4"> </span>  arrow-left-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-2"> </span>  arrow-right-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-3"> </span>  arrow-right-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-right-4"> </span>  arrow-right-4</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-2"> </span>  arrow-up-2</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-3"> </span>  arrow-up-3</div>
<div class="small-12 large-4 columns"><span class="icon-arrow-up-4"> </span>  arrow-up-4</div>
<div class="small-12 large-4 columns"><span class="icon-attachment"> </span>  attachment / paperclip / flag-2</div>
<div class="small-12 large-4 columns"><span class="icon-backward-2"> </span>  backward-2 / reply</div>
<div class="small-12 large-4 columns"><span class="icon-backward-circle"> </span>  backward-circle</div>
<div class="small-12 large-4 columns"><span class="icon-ban-circle"> </span>  ban-circle / minus-circle</div>
<div class="small-12 large-4 columns"><span class="icon-bars"> </span>  bars</div>
<div class="small-12 large-4 columns"><span class="icon-basket"> </span>  basket</div>
<div class="small-12 large-4 columns"><span class="icon-book"> </span>  book</div>
<div class="small-12 large-4 columns"><span class="icon-bookmark"> </span>  bookmark</div>
<div class="small-12 large-4 columns"><span class="icon-bookmark-2"> </span>  bookmark-2</div>
<div class="small-12 large-4 columns"><span class="icon-box-add"> </span>  box-add</div>
<div class="small-12 large-4 columns"><span class="icon-box-remove"> </span>  box-remove</div>
<div class="small-12 large-4 columns"><span class="icon-briefcase"> </span>  briefcase</div>
<div class="small-12 large-4 columns"><span class="icon-broadcast"> </span>  broadcast / connection / wifi</div>
<div class="small-12 large-4 columns"><span class="icon-brush"> </span>  brush</div>
<div class="small-12 large-4 columns"><span class="icon-calendar"> </span>  calendar</div>
<div class="small-12 large-4 columns"><span class="icon-calendar-2"> </span>  calendar-2</div>
<div class="small-12 large-4 columns"><span class="icon-calendar-3"> </span>  calendar-3</div>
<div class="small-12 large-4 columns"><span class="icon-camera"> </span>  camera</div>
<div class="small-12 large-4 columns"><span class="icon-camera-2"> </span>  camera-2 / video</div>
<div class="small-12 large-4 columns"><span class="icon-cancel-circle"> </span>  cancel-circle</div>
<div class="small-12 large-4 columns"><span class="icon-cart"> </span>  cart</div>
<div class="small-12 large-4 columns"><span class="icon-chart"> </span>  chart</div>
<div class="small-12 large-4 columns"><span class="icon-checkbox-partial"> </span>  checkbox-partial</div>
<div class="small-12 large-4 columns"><span class="icon-checkbox-unchecked"> </span>  checkbox-unchecked</div>
<div class="small-12 large-4 columns"><span class="icon-checkedout"> </span>  checkedout / lock / locked</div>
<div class="small-12 large-4 columns"><span class="icon-checkin"> </span>  checkin / checkbox / checkbox-checked</div>
<div class="small-12 large-4 columns"><span class="icon-checkmark-2"> </span>  checkmark-2</div>
<div class="small-12 large-4 columns"><span class="icon-checkmark-circle"> </span>  checkmark-circle</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-down"> </span>  chevron-down / downarrow / arrow-down</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-left"> </span>  chevron-left / leftarrow / arrow-left</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-right"> </span>  chevron-right / rightarrow / arrow-right</div>
<div class="small-12 large-4 columns"><span class="icon-chevron-up"> </span>  chevron-up / uparrow / arrow-up</div>
<div class="small-12 large-4 columns"><span class="icon-circle"> </span>  circle</div>
<div class="small-12 large-4 columns"><span class="icon-clock"> </span>  clock</div>
<div class="small-12 large-4 columns"><span class="icon-cogs"> </span>  cogs</div>
<div class="small-12 large-4 columns"><span class="icon-comment"> </span>  comment / comments</div>
<div class="small-12 large-4 columns"><span class="icon-comments-2"> </span>  comments-2</div>
<div class="small-12 large-4 columns"><span class="icon-compass"> </span>  compass</div>
<div class="small-12 large-4 columns"><span class="icon-contract"> </span>  contract</div>
<div class="small-12 large-4 columns"><span class="icon-contract-2"> </span>  contract-2</div>
<div class="small-12 large-4 columns"><span class="icon-credit"> </span>  credit</div>
<div class="small-12 large-4 columns"><span class="icon-credit-2"> </span>  credit-2</div>
<div class="small-12 large-4 columns"><span class="icon-cube"> </span>  cube</div>
<div class="small-12 large-4 columns"><span class="icon-dashboard"> </span>  dashboard</div>
<div class="small-12 large-4 columns"><span class="icon-database"> </span>  database</div>
<div class="small-12 large-4 columns"><span class="icon-delete"> </span>  delete / remove / cancel-2</div>
<div class="small-12 large-4 columns"><span class="icon-download"> </span>  download</div>
<div class="small-12 large-4 columns"><span class="icon-enter"> </span>  enter</div>
<div class="small-12 large-4 columns"><span class="icon-envelope"> </span>  envelope / mail</div>
<div class="small-12 large-4 columns"><span class="icon-envelope-opened"> </span>  envelope-opened / mail-2</div>
<div class="small-12 large-4 columns"><span class="icon-equalizer"> </span>  equalizer</div>
<div class="small-12 large-4 columns"><span class="icon-exit"> </span>  exit</div>
<div class="small-12 large-4 columns"><span class="icon-expand"> </span>  expand</div>
<div class="small-12 large-4 columns"><span class="icon-expand-2"> </span>  expand-2</div>
<div class="small-12 large-4 columns"><span class="icon-expired"> </span>  expired</div>
<div class="small-12 large-4 columns"><span class="icon-eye-close"> </span>  eye-close / eye-blocked / eye-2</div>
<div class="small-12 large-4 columns"><span class="icon-eye-open"> </span>  eye-open / eye</div>
<div class="small-12 large-4 columns"><span class="icon-featured"> </span>  featured / default / star</div>
<div class="small-12 large-4 columns"><span class="icon-feed"> </span>  feed</div>
<div class="small-12 large-4 columns"><span class="icon-file"> </span>  file</div>
<div class="small-12 large-4 columns"><span class="icon-file-2"> </span>  file-2</div>
<div class="small-12 large-4 columns"><span class="icon-file-add"> </span>  file-add / file-plus</div>
<div class="small-12 large-4 columns"><span class="icon-file-check"> </span>  file-check</div>
<div class="small-12 large-4 columns"><span class="icon-file-minus"> </span>  file-minus</div>
<div class="small-12 large-4 columns"><span class="icon-file-remove"> </span>  file-remove</div>
<div class="small-12 large-4 columns"><span class="icon-filter"> </span>  filter</div>
<div class="small-12 large-4 columns"><span class="icon-first"> </span>  first</div>
<div class="small-12 large-4 columns"><span class="icon-flag"> </span>  flag</div>
<div class="small-12 large-4 columns"><span class="icon-flag-3"> </span>  flag-3</div>
<div class="small-12 large-4 columns"><span class="icon-folder-3"> </span>  folder-3</div>
<div class="small-12 large-4 columns"><span class="icon-folder-close"> </span>  folder-close / folder-2</div>
<div class="small-12 large-4 columns"><span class="icon-folder-minus"> </span>  folder-minus</div>
<div class="small-12 large-4 columns"><span class="icon-folder-open"> </span>  folder-open / folder</div>
<div class="small-12 large-4 columns"><span class="icon-folder-plus"> </span>  folder-plus</div>
<div class="small-12 large-4 columns"><span class="icon-folder-plus-2"> </span>  folder-plus-2</div>
<div class="small-12 large-4 columns"><span class="icon-folder-remove"> </span>  folder-remove</div>
<div class="small-12 large-4 columns"><span class="icon-forward-2"> </span>  forward-2</div>
<div class="small-12 large-4 columns"><span class="icon-forward-circle"> </span>  forward-circle</div>
<div class="small-12 large-4 columns"><span class="icon-grid"> </span>  grid / grid-view</div>
<div class="small-12 large-4 columns"><span class="icon-grid-2"> </span>  grid-2 / grid-view-2</div>
<div class="small-12 large-4 columns"><span class="icon-health"> </span>  health</div>
<div class="small-12 large-4 columns"><span class="icon-heart"> </span>  heart</div>
<div class="small-12 large-4 columns"><span class="icon-heart-2"> </span>  heart-2</div>
<div class="small-12 large-4 columns"><span class="icon-home"> </span>  home</div>
<div class="small-12 large-4 columns"><span class="icon-home-2"> </span>  home-2</div>
<div class="small-12 large-4 columns"><span class="icon-info"> </span>  info</div>
<div class="small-12 large-4 columns"><span class="icon-info-2"> </span>  info-2 / info-circle</div>
<div class="small-12 large-4 columns"><span class="icon-key"> </span>  key</div>
<div class="small-12 large-4 columns"><span class="icon-lamp"> </span>  lamp</div>
<div class="small-12 large-4 columns"><span class="icon-last"> </span>  last</div>
<div class="small-12 large-4 columns"><span class="icon-lightning"> </span>  lightning / flash</div>
<div class="small-12 large-4 columns"><span class="icon-link"> </span>  link</div>
<div class="small-12 large-4 columns"><span class="icon-list"> </span>  list / list-view</div>
<div class="small-12 large-4 columns"><span class="icon-list-2"> </span>  list-2</div>
<div class="small-12 large-4 columns"><span class="icon-location"> </span>  location</div>
<div class="small-12 large-4 columns"><span class="icon-loop"> </span>  loop</div>
<div class="small-12 large-4 columns"><span class="icon-menu"> </span>  menu</div>
<div class="small-12 large-4 columns"><span class="icon-menu-2"> </span>  menu-2</div>
<div class="small-12 large-4 columns"><span class="icon-menu-3"> </span>  menu-3</div>
<div class="small-12 large-4 columns"><span class="icon-minus"> </span>  minus / not-ok</div>
<div class="small-12 large-4 columns"><span class="icon-minus-sign"> </span>  minus-sign / minus-2</div>
<div class="small-12 large-4 columns"><span class="icon-mobile"> </span>  mobile</div>
<div class="small-12 large-4 columns"><span class="icon-move"> </span>  move</div>
<div class="small-12 large-4 columns"><span class="icon-music"> </span>  music</div>
<div class="small-12 large-4 columns"><span class="icon-new"> </span>  new / plus</div>
<div class="small-12 large-4 columns"><span class="icon-next"> </span>  next / forward</div>
<div class="small-12 large-4 columns"><span class="icon-notification"> </span>  notification</div>
<div class="small-12 large-4 columns"><span class="icon-notification-2"> </span>  notification-2 / notification-circle</div>
<div class="small-12 large-4 columns"><span class="icon-options"> </span>  options / cog</div>
<div class="small-12 large-4 columns"><span class="icon-out-2"> </span>  out-2 / new-tab</div>
<div class="small-12 large-4 columns"><span class="icon-out-3"> </span>  out-3 / new-tab-2</div>
<div class="small-12 large-4 columns"><span class="icon-palette"> </span>  palette / color-palette</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-center"> </span>  paragraph-center</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-justify"> </span>  paragraph-justify</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-left"> </span>  paragraph-left</div>
<div class="small-12 large-4 columns"><span class="icon-paragraph-right"> </span>  paragraph-right</div>
<div class="small-12 large-4 columns"><span class="icon-pause"> </span>  pause</div>
<div class="small-12 large-4 columns"><span class="icon-pause-circle"> </span>  pause-circle</div>
<div class="small-12 large-4 columns"><span class="icon-pencil-2"> </span>  pencil-2</div>
<div class="small-12 large-4 columns"><span class="icon-pending"> </span>  pending / warning</div>
<div class="small-12 large-4 columns"><span class="icon-phone"> </span>  phone</div>
<div class="small-12 large-4 columns"><span class="icon-phone-2"> </span>  phone-2</div>
<div class="small-12 large-4 columns"><span class="icon-picture"> </span>  picture / image</div>
<div class="small-12 large-4 columns"><span class="icon-pictures"> </span>  pictures / images</div>
<div class="small-12 large-4 columns"><span class="icon-pie"> </span>  pie</div>
<div class="small-12 large-4 columns"><span class="icon-pin"> </span>  pin / pushpin</div>
<div class="small-12 large-4 columns"><span class="icon-play"> </span>  play</div>
<div class="small-12 large-4 columns"><span class="icon-play-2"> </span>  play-2 / video-2 / youtube</div>
<div class="small-12 large-4 columns"><span class="icon-play-circle"> </span>  play-circle</div>
<div class="small-12 large-4 columns"><span class="icon-plus-circle"> </span>  plus-circle</div>
<div class="small-12 large-4 columns"><span class="icon-power-cord"> </span>  power-cord</div>
<div class="small-12 large-4 columns"><span class="icon-previous"> </span>  previous / backward</div>
<div class="small-12 large-4 columns"><span class="icon-print"> </span>  print / printer</div>
<div class="small-12 large-4 columns"><span class="icon-publish"> </span>  publish / save / ok / checkmark</div>
<div class="small-12 large-4 columns"><span class="icon-purge"> </span>  purge / trash</div>
<div class="small-12 large-4 columns"><span class="icon-puzzle"> </span>  puzzle</div>
<div class="small-12 large-4 columns"><span class="icon-question"> </span>  question / question-sign / help</div>
<div class="small-12 large-4 columns"><span class="icon-question-2"> </span>  question-2 / question-circle</div>
<div class="small-12 large-4 columns"><span class="icon-quote"> </span>  quote / quotes-left</div>
<div class="small-12 large-4 columns"><span class="icon-quote-2"> </span>  quote-2 / quotes-right</div>
<div class="small-12 large-4 columns"><span class="icon-quote-3"> </span>  quote-3 / bubble-quote</div>
<div class="small-12 large-4 columns"><span class="icon-radio-checked"> </span>  radio-checked / generic</div>
<div class="small-12 large-4 columns"><span class="icon-radio-unchecked"> </span>  radio-unchecked</div>
<div class="small-12 large-4 columns"><span class="icon-save-copy"> </span>  save-copy / copy</div>
<div class="small-12 large-4 columns"><span class="icon-save-new"> </span>  save-new / plus-2</div>
<div class="small-12 large-4 columns"><span class="icon-scissors"> </span>  scissors</div>
<div class="small-12 large-4 columns"><span class="icon-screen"> </span>  screen</div>
<div class="small-12 large-4 columns"><span class="icon-screwdriver"> </span>  screwdriver / tools</div>
<div class="small-12 large-4 columns"><span class="icon-search"> </span>  search</div>
<div class="small-12 large-4 columns"><span class="icon-share"> </span>  share / redo</div>
<div class="small-12 large-4 columns"><span class="icon-share-alt"> </span>  share-alt / out</div>
<div class="small-12 large-4 columns"><span class="icon-shield"> </span>  shield</div>
<div class="small-12 large-4 columns"><span class="icon-shuffle"> </span>  shuffle</div>
<div class="small-12 large-4 columns"><span class="icon-signup"> </span>  signup</div>
<div class="small-12 large-4 columns"><span class="icon-smiley"> </span>  smiley / smiley-happy</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-2"> </span>  smiley-2 / smiley-happy-2</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-neutral"> </span>  smiley-neutral</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-neutral-2"> </span>  smiley-neutral-2</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-sad"> </span>  smiley-sad</div>
<div class="small-12 large-4 columns"><span class="icon-smiley-sad-2"> </span>  smiley-sad-2</div>
<div class="small-12 large-4 columns"><span class="icon-square"> </span>  square</div>
<div class="small-12 large-4 columns"><span class="icon-stack"> </span>  stack</div>
<div class="small-12 large-4 columns"><span class="icon-star-2"> </span>  star-2</div>
<div class="small-12 large-4 columns"><span class="icon-stop"> </span>  stop</div>
<div class="small-12 large-4 columns"><span class="icon-stop-circle"> </span>  stop-circle</div>
<div class="small-12 large-4 columns"><span class="icon-support"> </span>  support</div>
<div class="small-12 large-4 columns"><span class="icon-switch"> </span>  switch</div>
<div class="small-12 large-4 columns"><span class="icon-tablet"> </span>  tablet</div>
<div class="small-12 large-4 columns"><span class="icon-tag"> </span>  tag</div>
<div class="small-12 large-4 columns"><span class="icon-tag-2"> </span>  tag-2</div>
<div class="small-12 large-4 columns"><span class="icon-tags"> </span>  tags</div>
<div class="small-12 large-4 columns"><span class="icon-tags-2"> </span>  tags-2</div>
<div class="small-12 large-4 columns"><span class="icon-thumbs-down"> </span>  thumbs-down</div>
<div class="small-12 large-4 columns"><span class="icon-thumbs-up"> </span>  thumbs-up</div>
<div class="small-12 large-4 columns"><span class="icon-tree"> </span>  tree</div>
<div class="small-12 large-4 columns"><span class="icon-tree-2"> </span>  tree-2</div>
<div class="small-12 large-4 columns"><span class="icon-unarchive"> </span>  unarchive / drawer</div>
<div class="small-12 large-4 columns"><span class="icon-unblock"> </span>  unblock / refresh / redo-2</div>
<div class="small-12 large-4 columns"><span class="icon-undo"> </span>  undo</div>
<div class="small-12 large-4 columns"><span class="icon-undo-2"> </span>  undo-2</div>
<div class="small-12 large-4 columns"><span class="icon-unfeatured"> </span>  unfeatured / asterisk / star-empty</div>
<div class="small-12 large-4 columns"><span class="icon-unlock"> </span>  unlock</div>
<div class="small-12 large-4 columns"><span class="icon-unpublish"> </span>  unpublish / cancel</div>
<div class="small-12 large-4 columns"><span class="icon-upload"> </span>  upload</div>
<div class="small-12 large-4 columns"><span class="icon-user"> </span>  user</div>
<div class="small-12 large-4 columns"><span class="icon-users"> </span>  users</div>
<div class="small-12 large-4 columns"><span class="icon-vcard"> </span>  vcard</div>
<div class="small-12 large-4 columns"><span class="icon-wand"> </span>  wand</div>
<div class="small-12 large-4 columns"><span class="icon-warning-2"> </span>  warning-2 / warning-circle</div>
<div class="small-12 large-4 columns"><span class="icon-wrench"> </span>  wrench</div>
<div class="small-12 large-4 columns"><span class="icon-zoom-in"> </span>  zoom-in</div>
<div class="small-12 large-4 columns"><span class="icon-zoom-out"> </span>  zoom-out</div>
</div>

== Including in Your Template ==
{{note|This section is incomplete.}}
__NOTOC__
To include the Icomoon fonts in your template you will have to add the css stylesheet (<tt>/media/jui/css/icomoon.css</tt>) or include it in your <tt>.less</tt> file when you generate the <tt>.css</tt> stylesheet(s).

<source lang="php">
$doc = JFactory::getDocument();
$doc->addStyleSheet($this->baseurl.'/media/jui/css/icomoon.css');
</source>

<noinclude>
[[Category:CSS]]
[[Category:Template Development]]
</noinclude>

Translations:J3.x:Joomla Standard Icomoon Fonts/Page display title/it

2016-06-03T14:47:57Z

Ste: Created page with "J3.x: I font Icomoon Standard di Joomla"

J3.x: I font Icomoon Standard di Joomla

J3.x:Upgrading from Joomla 3.4.x to 3.5/it

2016-03-15T19:12:55Z

Ste:

<noinclude><languages /></noinclude>
<br />{{note|'''IMPORTANTE! Non si può aggiornare dalla 3.4.x alla 3.5 da gestione estensioni.''' <br />Devi aggiornare attraverso il componente Aggiornamento di Joomla! o manualmente come indicato di seguito.|type=serious}}

{{tip|title=Prima di aggiornare, fai sempre un [[S:Mylanguage/Backup Basics for a Joomla! Web Site|backup]] e non dimenticare di testarlo.}}
<noinclude>{{Joomla version|version=3.x}}</noinclude>
==Aggiornare utilizzando il componente "Aggiornamento di Joomla!"==
Preferibilmente aggiorna la tua Installazione di Joomla! utilizzando il componente Aggiornamento di Joomla.<br />Se non sai come utilizzare il componente Aggiornamento di Joomla!, leggi: [[S:MyLanguage/Help34:Components_Joomla_Update|Componente Aggiornamento di Joomla!]].{{-}}
==Come aggiornare quando non si può utilizzare il componente Aggiornamento di Joomla!==
Se non puoi aggiornare la tua Installazione di Joomla! nel modo consigliato a causa di limitazioni dell'hosting o problemi di connessione, dovrai seguire i seguenti passi:
#Scarica il pacchetto di aggiornamento da (link)
#Metodo A {{-}}(Se non hai la possibilità di estrarre l'archivio sul server, vedi il Metodo B)
##Copia il pacchetto di aggiornamento nella root del tuo sito e scompattalo. Nota che devi sovrascrivere i file esistenti. Ad esempio, su GoDaddy.com, usa l'FTP File Manager per caricare il pacchetto di aggiornamento e usa "Unarchive" per scompattarlo. Spunta il box "Overwrite existing files".
#Metodo B{{-}}Se non hai la possibilità di estrarre l'archivio sul server (metodo A), utilizza questo metodo:
##Estrai il pacchetto scaricato nel tuo computer
##Utilizzando il tuo software preferito per l'FTP, carica le cartelle ed i file del pacchetto estratto nella root del sito o nella cartella della tua Installazione di Joomla! sovrascrivendo tutte le cartelle e file. ('''NOTA:''' Se utilizzi Filezilla, clicca su "Sovrascrivi" e "Usa sempre questa azione", se stai utilizzando WinSCP, clicca su carica e poi consenti di sovrascirvere tutto. Il software FTP sovrascriverà i file esistenti ed aggiungerà quelli nuovi.)
#Effettua il login al pannello amministrativo di Joomla! e vai su '''Estensioni'''{{rarr}}'''Gestione'''{{rarr}}'''Database''' e clicca sul pulsante '''Correggi''' in alto a sinistra.
#Sempre in Gestione vai nella voce di menu ''Esplora'' e clicca sul pulsante '''Esplora'''. Installa le estensioni di Joomla! che vengono mostrate nella lista cliccando sul pulsante '''Installa'''.
#Nel menu principale del tuo pannello amministrativo, vai in '''Sistema'''{{rarr}}'''Pulisci Cache''' e se vengono mostrate delle righe, selezionale cliccando sul pulsante '''Elimina''' in alto a sinistra.

==Ressources==
'''See also: [[S:MyLanguage/J3.x:Updating from an existing version|Updating from an existing version]].'''

<noinclude>
[[Category:Version 3.x FAQ]]
[[Category:Version 3.5 FAQ]]
[[Category:Joomla! 3.x]]
[[Category:Joomla! 3.5]]
[[Category:Update]]
[[Category:FAQ]]
</noinclude>

J3.x:Upgrading from Joomla 3.4.x to 3.5/it

2016-03-15T19:12:38Z

Ste:

<noinclude><languages /></noinclude>
<br />{{note|'''IMPORTANTE! Non si può aggiornare dalla 3.4.x alla 3.5 da gestione estensioni.''' <br />Devi aggiornare attraverso il componente Aggiornamento di Joomla! o manualmente come indicato di seguito.|type=serious}}

{{tip|title=Prima di aggiornare, fai sempre un [[S:Mylanguage/Backup Basics for a Joomla! Web Site|backup]] e non dimenticare di testarlo.}}
<noinclude>{{Joomla version|version=3.x}}</noinclude>
==Aggiornare utilizzando il componente "Aggiornamento di Joomla!"==
Preferibilmente aggiorna la tua Installazione di Joomla! utilizzando il componente Aggiornamento di Joomla.<br />Se non sai come utilizzare il componente Aggiornamento di Joomla!, leggi: [[S:MyLanguage/Help34:Components_Joomla_Update|Componente Aggiornamento di Joomla!]].{{-}}
==Come aggiornare quando non si può utilizzare il componente Aggiornamento di Joomla!==
Se non puoi aggiornare la tua Installazione di Joomla! nel modo consigliato a causa di limitazioni dell'hosting o problemi di connessione, dovrai seguire i seguenti passi:
#Scarica il pacchetto di aggiornamento da (link)
#Metodo A {{-}}(Se non hai la possibilità di estrarre l'archivio sul server, vedi il Metodo B)
##Copia il pacchetto di aggiornamento nella root del tuo sito e scompattalo. Nota che devi sovrascrivere i file esistenti. Ad esempio, su GoDaddy.com, usa l'FTP File Manager per caricare il pacchetto di aggiornamento e usa "Unarchive" per scompattarlo. Spunta il box "Overwrite existing files".
#Metodo B{{-}}Se non hai la possibilità di estrarre l'archivio sul server (metodo A), utilizza questo metodo:
##Estrai il pacchetto scaricato nel tuo computer
##Utilizzando il tuo software preferito per l'FTP, carica le cartelle ed i file del pacchetto estratto nella root del sito o nella cartella della tua Installazione di Joomla! sovrascrivendo tutte le cartelle e file. ('''NOTA:''' Se utilizzi Filezilla, clicca su "Sovrascrivi" e "Usa sempre questa azione", se stai utilizzando WinSCP, clicca su carica e poi consenti di sovrascirvere tutto. Il software FTP sovrascriverà i file esistenti ed aggiungerà quelli nuovi.)
#Effettua il login al pannello amministrativo di Joomla! e vai su '''Estensioni'''{{rarr}}'''Gestione'''{{rarr}}'''Database''' e clicca sul pulsante '''Correggi''' in alto a sinistra.
#Sempre in Gestione vai nella voce di menu ''Esplora'' e clicca sul pulsante '''Esplora'''. Installa le estensioni di Joomla! che vengono mostrate nella lista cliccando sul pulsante '''Installa'''.
#Nel menu principale del tuo pannello amministrativo, vai in '''Sistema'''{{rarr}}'''Pulisci Cache''' e se vengono mostrate delle righe, selezionale cliccando sul pulsante '''Elimina''' in alto a sinistra.

==Ressources==
'''See also: [[S:MyLanguage/J3.x:Updating from an existing version|Updating from an existing version]].'''

<noinclude>
[[Category:Version 3.x FAQ]]
[[Category:Version 3.5 FAQ]]
[[Category:Version 3.5.0 FAQ]]
[[Category:Joomla! 3.x]]
[[Category:Joomla! 3.5]]
[[Category:Update]]
[[Category:FAQ]]
</noinclude>

J3.x:Upgrading from Joomla 3.4.x to 3.5/it

2016-03-15T19:11:37Z

Ste:

<noinclude><languages /></noinclude>
<br />{{note|'''IMPORTANTE! Non si può aggiornare dalla 3.4.x alla 3.5 da gestione estensioni.''' <br />Devi aggiornare attraverso il componente Aggiornamento di Joomla! o manualmente come indicato di seguito.|type=serious}}

{{tip|title=Prima di aggiornare, fai sempre un [[S:Mylanguage/Backup Basics for a Joomla! Web Site|backup]] e non dimenticare di testarlo.}}
<noinclude>{{Joomla version|version=3.x}}</noinclude>
==Aggiornare utilizzando il componente "Aggiornamento di Joomla!"==
Preferibilmente aggiorna la tua Installazione di Joomla! utilizzando il componente Aggiornamento di Joomla.<br />Se non sai come utilizzare il componente Aggiornamento di Joomla!, leggi: [[S:MyLanguage/Help34:Components_Joomla_Update|Componente Aggiornamento di Joomla!]].{{-}}
==Come aggiornare quando non si può utilizzare il componente Aggiornamento di Joomla!==
Se non puoi aggiornare la tua Installazione di Joomla! nel modo consigliato a causa di limitazioni dell'hosting o problemi di connessione, dovrai seguire i seguenti passi:
#Scarica il pacchetto di aggiornamento da (link)
#Metodo A {{-}}(Se non hai la possibilità di estrarre l'archivio sul server, vedi il Metodo B)
##Copia il pacchetto di aggiornamento nella root del tuo sito e scompattalo. Nota che devi sovrascrivere i file esistenti. Ad esempio, su GoDaddy.com, usa l'FTP File Manager per caricare il pacchetto di aggiornamento e usa "Unarchive" per scompattarlo. Spunta il box "Overwrite existing files".
#Metodo B{{-}}Se non hai la possibilità di estrarre l'archivio sul server (metodo A), utilizza questo metodo:
##Estrai il pacchetto scaricato nel tuo computer
##Utilizzando il tuo software preferito per l'FTP, carica le cartelle ed i file del pacchetto estratto nella root del sito o nella cartella della tua Installazione di Joomla! sovrascrivendo tutte le cartelle e file. ('''NOTA:''' Se utilizzi Filezilla, clicca su "Sovrascrivi" e "Usa sempre questa azione", se stai utilizzando WinSCP, clicca su carica e poi consenti di sovrascirvere tutto. Il software FTP sovrascriverà i file esistenti ed aggiungerà quelli nuovi.)
#Log in to your Joomla! Administrator panel and go to '''Extensions'''{{rarr}}'''Manage'''{{rarr}}'''Database''' and select the '''Fix''' button on the top left.
#Sempre in Gestione vai nella voce di menu ''Esplora'' e clicca sul pulsante '''Esplora'''. Installa le estensioni di Joomla! che vengono mostrate nella lista cliccando sul pulsante '''Installa'''.
#Nel menu principale del tuo pannello amministrativo, vai in '''Sistema'''{{rarr}}'''Pulisci Cache''' e se vengono mostrate delle righe, selezionale cliccando sul pulsante '''Elimina''' in alto a sinistra.

==Ressources==
'''See also: [[S:MyLanguage/J3.x:Updating from an existing version|Updating from an existing version]].'''

<noinclude>
[[Category:Version 3.x FAQ]]
[[Category:Version 3.5 FAQ]]
[[Category:Version 3.5.0 FAQ]]
[[Category:Joomla! 3.x]]
[[Category:Joomla! 3.5]]
[[Category:Update]]
[[Category:FAQ]]
</noinclude>

Translations:J3.x:Upgrading from Joomla 3.4.x to 3.5/3/it

2016-03-15T19:11:37Z

Ste:

#Metodo A {{-}}(Se non hai la possibilità di estrarre l'archivio sul server, vedi il Metodo B)
##Copia il pacchetto di aggiornamento nella root del tuo sito e scompattalo. Nota che devi sovrascrivere i file esistenti. Ad esempio, su GoDaddy.com, usa l'FTP File Manager per caricare il pacchetto di aggiornamento e usa "Unarchive" per scompattarlo. Spunta il box "Overwrite existing files".
#Metodo B{{-}}Se non hai la possibilità di estrarre l'archivio sul server (metodo A), utilizza questo metodo:
##Estrai il pacchetto scaricato nel tuo computer

J3.x:Upgrading from Joomla 3.4.x to 3.5/it

2016-03-15T19:10:37Z

Ste:

<noinclude><languages /></noinclude>
<br />{{note|'''IMPORTANTE! Non si può aggiornare dalla 3.4.x alla 3.5 da gestione estensioni.''' <br />Devi aggiornare attraverso il componente Aggiornamento di Joomla! o manualmente come indicato di seguito.|type=serious}}

{{tip|title=Prima di aggiornare, fai sempre un [[S:Mylanguage/Backup Basics for a Joomla! Web Site|backup]] e non dimenticare di testarlo.}}
<noinclude>{{Joomla version|version=3.x}}</noinclude>
==Aggiornare utilizzando il componente "Aggiornamento di Joomla!"==
Preferibilmente aggiorna la tua Installazione di Joomla! utilizzando il componente Aggiornamento di Joomla.<br />Se non sai come utilizzare il componente Aggiornamento di Joomla!, leggi: [[S:MyLanguage/Help34:Components_Joomla_Update|Componente Aggiornamento di Joomla!]].{{-}}
==Come aggiornare quando non si può utilizzare il componente Aggiornamento di Joomla!==
Se non puoi aggiornare la tua Installazione di Joomla! nel modo consigliato a causa di limitazioni dell'hosting o problemi di connessione, dovrai seguire i seguenti passi:
#Scarica il pacchetto di aggiornamento da (link)
#Estrai il pacchetto scaricato nel tuo computer
#Metodo A {{-}}(Se non hai la possibilità di estrarre l'archivio sul server, vedi il Metodo B)
##Copia il pacchetto di aggiornamento nella root del tuo sito e scompattalo. Nota che devi sovrascrivere i file esistenti. Ad esempio, su GoDaddy.com, usa l'FTP File Manager per caricare il pacchetto di aggiornamento e usa "Unarchive" per scompattarlo. Spunta il box "Overwrite existing files".
#Metodo B{{-}}Se non hai la possibilità di estrarre l'archivio sul server (metodo A), utilizza questo metodo:
##Estrai il pacchetto scaricato nel tuo computer
##Utilizzando il tuo software preferito per l'FTP, carica le cartelle ed i file del pacchetto estratto nella root del sito o nella cartella della tua Installazione di Joomla! sovrascrivendo tutte le cartelle e file. ('''NOTA:''' Se utilizzi Filezilla, clicca su "Sovrascrivi" e "Usa sempre questa azione", se stai utilizzando WinSCP, clicca su carica e poi consenti di sovrascirvere tutto. Il software FTP sovrascriverà i file esistenti ed aggiungerà quelli nuovi.)
#Log in to your Joomla! Administrator panel and go to '''Extensions'''{{rarr}}'''Manage'''{{rarr}}'''Database''' and select the '''Fix''' button on the top left.
#Sempre in Gestione vai nella voce di menu ''Esplora'' e clicca sul pulsante '''Esplora'''. Installa le estensioni di Joomla! che vengono mostrate nella lista cliccando sul pulsante '''Installa'''.
#Nel menu principale del tuo pannello amministrativo, vai in '''Sistema'''{{rarr}}'''Pulisci Cache''' e se vengono mostrate delle righe, selezionale cliccando sul pulsante '''Elimina''' in alto a sinistra.

==Ressources==
'''See also: [[S:MyLanguage/J3.x:Updating from an existing version|Updating from an existing version]].'''

<noinclude>
[[Category:Version 3.x FAQ]]
[[Category:Version 3.5 FAQ]]
[[Category:Version 3.5.0 FAQ]]
[[Category:Joomla! 3.x]]
[[Category:Joomla! 3.5]]
[[Category:Update]]
[[Category:FAQ]]
</noinclude>