Многие современные шаблоны Joomla! используют фреймворк Bootstrap. В состав этого фреймворка входят в частности и симпатичные иконки.
Bootstrap предоставляет 260 видов иконок из набора Glyphicons Halflings. Глиф-иконки могут использоваться в тексте, кнопках, в навигации, формах и т.д.
Вот некоторые примеры:
Конвертик Envelope glyphicon: .
Принтер : Print glyphicon: .
Поиск Search glyphicon: .
Загрузка - Download glyphicon: .
Как вставить эти иконки в код Вашего шаблона.
Если Вы используете готовый шаблон с библиотекой Bootstrap, то сделать это очень просто. Используйте специальные классы, описанные в таблице стилей шаблона – как правило, в файле bootstrap.css. Это классы glyphicon и glyphicon-name
Например, чтобы нарисовать иконку печати напишите следующий код:
<div class=print>
<span class=glyphicon glyphicon-print></span>
</div>
.
Кнопку поиска можно нарисовать следующим образом:
<button type=button class=btn btn-default>
<span class=glyphicon glyphicon-search></span> Search
</button>
Как узнать названия классов для иконок
Названия классов для иконок можно узнать из файла bootstrap.css, который находится в папке CSS или CSS/BOOTSTRAP Вашего шаблона.
Вот названия некоторых наиболее популярных классов bootstrap, которые вы можете использовать в шаблонах отображения для вашего сайта:
glyphicon-search:
glyphicon-print
glyphicon-pencil
glyphicon-envelope
glyphicon-user
glyphicon-music
glyphicon-trash
glyphicon-home
glyphicon-lock