Верстка сайтов

Многие современные шаблоны 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

Наши контакты

Телефоны для связи:

Электронная почта: Адрес электронной почты защищен от спам-ботов. Для просмотра адреса в вашем браузере должен быть включен Javascript.

Время работы: понедельник-пятница