Плагин Simple Icons — меню с иконками в Joomla. Joomla icons
Иконки в Joomla 3 - список с примерами
Иконки IcoMoon в Joomla 3
Joomla 3 предоставляется с уже встроеным Bootstrap Framework и набором иконок IcoMoon, которые можно присваивать элементам с помощью использования специальных стилей CSS.
Пример использования иконок IcoMoon в Joomla 3
Возьмем для примера html код:
<p>Фото<br />Видео<br />Музыка</p>
Результат:
ФотоВидеоМузыка
Для того чтобы отобразить иконку нам нужно вставить элемент с классом иконки из списка.
Вставляем элемент с классом иконки class="icon-..." :
<p><span></span> Фото<br /><span></span> Видео<br /><span></span> Музыка</p>
Результат:
Фото Видео Музыка
Список IcoMoon иконок в Joomla 3 с примерами
| сlass="..." | сontent: "..."; | иконка |
| icon-joomla | \e200 | |
| icon-chevron-up | \e005 | |
| icon-chevron-right | \e006 | |
| icon-chevron-down | \e007 | |
| icon-chevron-left | \e008 | |
| icon-arrow-first | \e003 | |
| icon-arrow-last | \e004 | |
| icon-arrow-up-2 | \e009 | |
| icon-arrow-right-2 | \e00a | |
| icon-arrow-down-2 | \e00b | |
| icon-arrow-left-2 | \e00c | |
| icon-arrow-up-3 | \e00f | |
| icon-arrow-right-3 | \e010 | |
| icon-arrow-down-3 | \e011 | |
| icon-arrow-left-3 | \e012 | |
| icon-menu-2 | \e00e | |
| icon-arrow-up-4 | \e201 | |
| icon-arrow-right-4 | \e202 | |
| icon-arrow-down-4 | \e203 | |
| icon-arrow-left-4 | \e204 | |
| icon-share | \27 | |
| icon-undo | \28 | |
| icon-forward-2 | \e205 | |
| icon-backward-2 | \e206 | |
| icon-unblock | \6c | |
| icon-undo-2 | \e207 | |
| icon-move | \7a | |
| icon-expand | \66 | |
| icon-contract | \67 | |
| icon-expand-2 | \68 | |
| icon-contract-2 | \69 | |
| icon-play | \e208 | |
| icon-pause | \e209 | |
| icon-stop | \e210 | |
| icon-previous | \7c | |
| icon-next | \7b | |
| icon-first | \7d | |
| icon-last | \e000 | |
| icon-play-circle | \e00d | |
| icon-pause-circle | \e211 | |
| icon-stop-circle | \e212 | |
| icon-backward-circle | \e213 | |
| icon-forward-circle | ||
| icon-loop | \e001 | |
| icon-shuffle | \e002 | |
| icon-search | \53 | |
| icon-zoom-in | \64 | |
| icon-zoom-out | \65 | |
| icon-apply | \2b | |
| icon-pencil-2 | \2c | |
| icon-brush | \3b | |
| icon-save-new | \5d | |
| icon-minus-sign | \5e | |
| icon-delete | \49 | |
| icon-publish | \47 | |
| icon-new | \2a | |
| icon-plus-circle | \e215 | |
| icon-minus | \4b | |
| icon-ban-circle | \e216 | |
| icon-unpublish | \4a | |
| icon-cancel-circle | \e217 | |
| icon-checkmark-2 | \e218 | |
| icon-checkmark-circle | \e219 | |
| icon-info | \e220 | |
| \e221 | ||
| icon-question | \45 | |
| icon-question-2 | \e222 | |
| icon-notification | \e223 | |
| icon-notification-2 | \e224 | |
| icon-pending | \48 | |
| icon-warning-2 | \e225 | |
| icon-checkbox-unchecked | \3d | |
| icon-checkin | \3e | |
| icon-checkbox-partial | \3f | |
| icon-square | \e226 | |
| icon-radio-unchecked | \e227 | |
| icon-radio-checked | \e228 | |
| icon-circle | \e229 | |
| icon-signup | \e230 | |
| icon-grid | \58 | |
| icon-grid-2 | \59 | |
| icon-menu | \5a | |
| icon-list | \31 | |
| icon-list-2 | \e231 | |
| icon-menu-3 | \e232 | |
| icon-folder-open | \2d | |
| icon-folder-close | \2e | |
| icon-folder-plus | \e234 | |
| icon-folder-minus | \e235 | |
| icon-folder-3 | \e236 | |
| icon-folder-plus-2 | \e237 | |
| icon-folder-remove | \e238 | |
| icon-file | \e016 | |
| icon-file-2 | \e239 | |
| icon-file-add | \29 | |
| icon-file-minus | \e017 | |
| icon-file-check | \e240 | |
| icon-file-remove | \e241 | |
| icon-save-copy | \e018 | |
| icon-stack | \e242 | |
| icon-tree | \e243 | |
| icon-tree-2 | \e244 | |
| icon-paragraph-left | \e246 | |
| icon-paragraph-center | \e247 | |
| icon-paragraph-right | \e248 | |
| icon-paragraph-justify | \e249 | |
| icon-screen | \e01c | |
| icon-tablet | \e01d | |
| icon-mobile | \e01e | |
| icon-box-add | \51 | |
| icon-box-remove | \52 | |
| icon-download | \e021 | |
| icon-upload | \e022 | |
| icon-home | \21 | |
| icon-home-2 | \e250 | |
| icon-out-2 | \e024 | |
| icon-out-3 | \e251 | |
| icon-link | \e252 | |
| icon-picture | \2f | |
| icon-pictures | \30 | |
| icon-palette | \e014 | |
| icon-camera | \55 | |
| icon-camera-2 | \e015 | |
| icon-play-2 | \56 | |
| icon-music | \57 | |
| icon-user | \22 | |
| icon-users | \e01f | |
| icon-vcard | \6d | |
| icon-address | \70 | |
| icon-share-alt | \26 | |
| icon-enter | \e257 | |
| icon-exit | \e258 | |
| icon-comment | \24 | |
| icon-comments-2 | \25 | |
| icon-quote | \60 | |
| icon-quote-2 | \61 | |
| icon-quote-3 | \e259 | |
| icon-phone | \e260 | |
| icon-phone-2 | \e261 | |
| icon-envelope | \4d | |
| icon-envelope-opened | \4e | |
| icon-unarchive | \4f | |
| icon-archive | \50 | |
| icon-briefcase | \e020 | |
| icon-tag | \e262 | |
| icon-tag-2 | \e263 | |
| icon-tags | \e264 | |
| icon-tags-2 | \e265 | |
| icon-options | \38 | |
| icon-cogs | \37 | |
| icon-screwdriver | \36 | |
| icon-wrench | \3a | |
| icon-equalizer | \39 | |
| icon-dashboard | \78 | |
| icon-switch | \e266 | |
| icon-filter | \54 | |
| icon-purge | \4c | |
| icon-checkedout | \23 | |
| icon-unlock | \e267 | |
| icon-key | \5f | |
| icon-support | \46 | |
| icon-database | \62 | |
| icon-scissors | \e268 | |
| icon-health | \6a | |
| icon-wand | \6b | |
| icon-eye-open | \3c | |
| icon-eye-close | \e269 | |
| icon-clock | \6e | |
| icon-compass | \6f | |
| icon-broadcast | \e01b | |
| icon-book | \e271 | |
| icon-lightning | \79 | |
| icon-print | \e013 | |
| icon-feed | \71 | |
| icon-calendar | \43 | |
| icon-calendar-2 | \44 | |
| icon-calendar-3 | \e273 | |
| icon-pie | \77 | |
| icon-bars | \76 | |
| icon-chart | \75 | |
| icon-power-cord | \32 | |
| icon-cube | \33 | |
| icon-puzzle | \34 | |
| icon-attachment | \72 | |
| icon-lamp | \74 | |
| icon-pin | \73 | |
| icon-location | \63 | |
| icon-shield | \e274 | |
| icon-flag | \35 | |
| icon-flag-3 | \e275 | |
| icon-bookmark | \e023 | |
| icon-bookmark-2 | \e276 | |
| icon-heart | \e277 | |
| icon-heart-2 | \e278 | |
| \5b | ||
| icon-thumbs-down | \5c | |
| icon-unfeatured | \40 | |
| icon-star-2 | \41 | |
| icon-featured | \42 | |
| icon-smiley | \e279 | |
| icon-smiley-2 | \e280 | |
| icon-smiley-sad | \e281 | |
| icon-smiley-sad-2 | \e282 | |
| icon-smiley-neutral | \e283 | |
| icon-smiley-neutral-2 | \e284 | |
| icon-cart | \e019 | |
| icon-basket | \e01a | |
| icon-credit | \e286 | |
| icon-credit-2 | \e287 | |
| icon-expired | \4b |
Понравилась статья - поделитесь ссылкой:
Метки: CSS, CMS Joomla, IcoMoon, HTML
zenid.ru
Social Icons – социальный модуль Joomla
У разработчика Jextensions уже имеется солидное предложение, касающееся установки социальных профилей на сайт. И новая разработка настолько хороша, что туда добавлено более 60 разных иконок. Несомненно, обязательно найдется тот пользователь, который захочет обзавестись менее функциональным решением, и тогда этот социальный модуль Joomla станет именно тем искомым идеалом. Некоторых не устраивает слишком большой выбор, и потому простые решения куда лучше воспринимаются. В данном случае предоставляется 12 возможных социальных сетей, в которых потенциально может находиться ваш профиль. Если это так, то в самый раз будет разместить его на сайте, ведь это уж точно сможет повлиять на оборот пользователей в обе стороны.
Простейшие настройки модуля
Разработчики всегда стараются довести свой продукт до состояния, когда пользователю нужно будет сделать всего пару нажатий перед полноценным стартом работы. На этот раз все также просто, ведь по – факту перед вами будут лишь 2 типа настроек. Предлагается выбрать 3 типа дизайна иконок. Среди них имеется ровный квадрат, что похоже на виджет, такой же квадрат, только уже с закругленными углами и, наконец, симпатичные круглые иконки. Конечный их вид стоит подбирать уже под стать самому ресурсу, поскольку разнообразие элементов на странице может не состыковаться с острыми или наоборот, овальными формами.
«Последний этап – это размещение ссылок на свои профили в соответствующие поля. Будь то простые страницы, а может группы с большим количеством участников, прямой доступ к ним смогут получить все. Как и говорилось выше, поддерживает 12 соц. сетей, и как всегда среди них не будет русскоязычных ресурсов. Зато Instagram, Youtube, ну и Facebook, точно окажутся среди основных иконок. Эти настраиваемые Joomla социальные кнопки, отлично впишутся в проект, да еще и помогут полноценному его развитию. А если у вас только появился какой-либо из профилей, а сайт уже довольно популярен – ждите быстрого взлета своего профиля в сети».
Польза для всех
Любому пользователю, независимо от того, как давно он открыл свой ресурс, стоит сотрудничать с социальными сетями. Это действительно верный путь, и модуль социальной сети Joomla, самое полезное расширение, которые безвозмездно будет способствовать зарождению надежной базы клиентов. А простота в использовании еще больше расположит вас к тому, чтобы скорее начать работу с данным решением.
joomru.com
Плагин Simple Icons — меню с иконками в Joomla
Плагин Simple Icons — меню с иконками в Joomla — отличное решения для создателей сайтов, уставших от стандартного набора иконок. Воплощая пожелания вебмастеров, меню и прочие ссылки приняли привлекательный вид, при этом, не перегружая расширение параметрами, поэтому он очень прост в управлении. Плагин Simple Icons — меню с иконками в Joomla — оптимизирован под версии начиная с 1.5 до 3.0 и полностью бесплатен. Важным моментом является возможность создавать личные иконки, что придаст оригинальности сайту.
Как настроить плагин Simple Icons
Инсталляция плагина Simple Icons — меню с иконками в Joomla — происходит через Администратора, для чего необходимо перейти к «Менеджеру расширений» после чего к «Установке» и кликнуть по команде «Загрузить и установить». Пройдя к «Расширениям» необходимо выбрать «Менеджера модулей» и произвести ряд действий: расположив текст по левой, правой, верхней или нижней части под и над иконками, выбрать размеры для иконок и их картинки, обозначить меню пункта и не забыть про указание ссылок. Для замены и добавления значков по умолчанию изначально нужно их загрузить в каталог «/media/mod_ninja_simple_icon_menu/images».
Особенности плагина Simple Icons
Плагин Simple Icons — меню с иконками в Joomla — располагает к себе массой особенностей, которые заключаются в следующем:
- в визуальном отображении иконок, как в вертикальном, так и в горизонтальном расположении;
- предоставляют возможность выбора стороны для отображения заглавия по отношению к местоположению иконки;
- выбор цветов и размеров для заглавий;
- несколько вариантов для размеров иконок;
- одновременное отображение до 20-ти иконок;
- гибкие настройки и установки.
Загрузив плагин Simple Icons — меню с иконками в Joomla необходимо как и любое расширение установить и активировать его, после чего задать настройки для параметров:
- Module Class Suffix– при потребностях назначать уникальный суффикс для класса;
- Icon Container Top Margin– для указания значений для отступов по верху (вводиться в Пикселях),
- Icon Titles– для операции «показать» или «скрыть» заглавие, Show/Hide соответственно операции,
- Icon Title Color– для обозначения цвета для заглавия,
- Icon Title Fontsize– назначает размер титлов в Пикселях,
- Icon List Orientation– для ориентации направления заглавия (above-над и below-под иконками),
- Include CSS– переключатель для CSS-файлов,
- Icon Height– настройка высоту иконок,
- Icon Width– настройка ширины иконок,
- Индивидуальный параметр для иконок,
- Icon 1 Status– статус иконки, который подразумевает, открыт или закрыт доступ к ней, позволяет ограничить пользователь, предоставляя доступ к ним только для зарегистрированных лиц,
- Icon 1 Image– для выбора по наименованию из «выдвижного» списка иконок,
- Icon 1 Target– вариант для раскрытия ссылок, возможно открыть «self» — в этом же окне или blank — в новом,
- Icon 1 Title– заглавие для иконок,
- Icon 1 URL– настройка маршрута, на который выводит иконка,
- Icon 1 Alt– для альтернативной подписи к отображаемой иконке.
Дополняя иконки к каталогу «по умолчанию» необходимо отобрать изображения в формате «.png» и папку, расположенную на /media/mod_ninja_simple_icon_menu/images. Почему стоит выбрать плагин Simple Icons — меню с иконками в Joomla? Потому что он единственный лицензионный продукт, который позволит создать уникальное меню из иконок, украсив любой сайт.
Интересная информация:
Запись опубликована в рубрике Другие модули. Добавьте в закладки постоянную ссылку.theme-joomla.ru
|
Asikart Quick Icons Pro - прекрасное дополнение для административной части CMS Joomla, которое позволяет создать панель быстрого доступа к основным инструментам сайта. Данный компонент предназначен для создания специальной панели управления сайтом, в которой можно разместить часто используемые элементы админ панели сайта. Для того чтобы добавить требуемый элемент достаточно создать новый пункт, вставить на него ссылку и иконку. Компонент поддерживает добавление любых пунктов доступных в стандартной панели управления сайтом. Для удобной сортировки избранных элементов имеется возможность создания нескольких категорий меню, разделенных вкладками. Основные особенности компонента Asikart Quick Icons Pro:
Мобильные и кассетные кондиционеры Dantex доступные для заказа на сайте http://www.mosng.ru/dantex/, являются отличным выбором для поддержки требуемого температурного режима в помещениях различного класса. Демо Скачать Зеркало
|
joomla-master.org
Плагин Simple Icons — меню с иконками в Joomla
Плагин Simple Icons — меню с иконками в Joomla — отличное решения для создателей сайтов, уставших от стандартного набора иконок. Воплощая пожелания вебмастеров, меню и прочие ссылки приняли привлекательный вид, при этом, не перегружая расширение параметрами, поэтому он очень прост в управлении. Плагин Simple Icons — меню с иконками в Joomla — оптимизирован под версии начиная с 1.5 до 3.0 и полностью бесплатен. Важным моментом является возможность создавать личные иконки, что придаст оригинальности сайту.
Как настроить плагин Simple Icons
Инсталляция плагина Simple Icons — меню с иконками в Joomla — происходит через Администратора, для чего необходимо перейти к «Менеджеру расширений» после чего к «Установке» и кликнуть по команде «Загрузить и установить». Пройдя к «Расширениям» необходимо выбрать «Менеджера модулей» и произвести ряд действий: расположив текст по левой, правой, верхней или нижней части под и над иконками, выбрать размеры для иконок и их картинки, обозначить меню пункта и не забыть про указание ссылок. Для замены и добавления значков по умолчанию изначально нужно их загрузить в каталог «/media/mod_ninja_simple_icon_menu/images».
Особенности плагина Simple Icons
Плагин Simple Icons — меню с иконками в Joomla — располагает к себе массой особенностей, которые заключаются в следующем:
- в визуальном отображении иконок, как в вертикальном, так и в горизонтальном расположении;
- предоставляют возможность выбора стороны для отображения заглавия по отношению к местоположению иконки;
- выбор цветов и размеров для заглавий;
- несколько вариантов для размеров иконок;
- одновременное отображение до 20-ти иконок;
- гибкие настройки и установки.
Загрузив плагин Simple Icons — меню с иконками в Joomla необходимо как и любое расширение установить и активировать его, после чего задать настройки для параметров:
- Module Class Suffix– при потребностях назначать уникальный суффикс для класса;
- Icon Container Top Margin– для указания значений для отступов по верху (вводиться в Пикселях),
- Icon Titles– для операции «показать» или «скрыть» заглавие, Show/Hide соответственно операции,
- Icon Title Color– для обозначения цвета для заглавия,
- Icon Title Fontsize– назначает размер титлов в Пикселях,
- Icon List Orientation– для ориентации направления заглавия (above-над и below-под иконками),
- Include CSS– переключатель для CSS-файлов,
- Icon Height– настройка высоту иконок,
- Icon Width– настройка ширины иконок,
- Индивидуальный параметр для иконок,
- Icon 1 Status– статус иконки, который подразумевает, открыт или закрыт доступ к ней, позволяет ограничить пользователь, предоставляя доступ к ним только для зарегистрированных лиц,
- Icon 1 Image– для выбора по наименованию из «выдвижного» списка иконок,
- Icon 1 Target– вариант для раскрытия ссылок, возможно открыть «self» — в этом же окне или blank — в новом,
- Icon 1 Title– заглавие для иконок,
- Icon 1 URL– настройка маршрута, на который выводит иконка,
- Icon 1 Alt– для альтернативной подписи к отображаемой иконке.
Дополняя иконки к каталогу «по умолчанию» необходимо отобрать изображения в формате «.png» и папку, расположенную на /media/mod_ninja_simple_icon_menu/images. Почему стоит выбрать плагин Simple Icons — меню с иконками в Joomla? Потому что он единственный лицензионный продукт, который позволит создать уникальное меню из иконок, украсив любой сайт.
Похожие материалы:
Запись опубликована в рубрике Другие модули. Добавьте в закладки постоянную ссылку.love-joomla.ru
