­

Разное

Material Icons

Категория: Разное
Просмотров: 1048
account_balance android important_devices pan_tool settings_input_antenna
fingerprint contact_phone radio

Универсальный код
Material icons - еще один инструмент для стилизации вашего сайта. Это набор иконок, как векторных, так и .png-шных, от Google.

developer_board Начнем с того, что мы оформили эту статью именно с помощью "материальных иконок", являющихся частью Material Framework, что вовсе не обязывает вас использовать весь фреймворк. Можно ограничиться только иконками (их более 900), это просто, поэтому мы и рассказываем о них.

Google пошел по пути, проторенному создателями Bootstrap и FontAwesome (см. у нас здесь low_priority). Если вы хотите ознакомиться со всеми возможностями, то вам сюда link. Мы же ограничимся тем, как вставлены иконки в этот материал.

subtitles Использование (вкратце)

.1 Первым делом нужно вставить ссылку на стили Material Icons, которые есть ничто иное, как один из гугловских шрифтов. Вставляется она так:

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />

Мы вставили ссылку непосредственно в статью, но если вы собираетесь использовать материальные иконки на всем сайте, то лучше разместить ее в файле index.php шаблона.

.2 Затем вы идете в библиотеку иконок link, выбираете нужную, кликаете на нее. Снизу откроется панель, в самом конце которой есть надпись ICON FONT. Кликаете на нее и видите код вставки, например:

<i class="material-icons">settings_input_antenna</i>

.3 Дополнительно можно определить размер шрифта, то есть иконки, и ее цвет, как сделано на этой странице чуть выше, например так:

<i class="material-icons" style="font-size: 36px; color:#A71331">contact_phone</i>

track_changes Если вкратце, то это все. Если подробней, то вот вам полное руководство от Гугл link. Красивых вам сайтов!

© RusJoomla.ru

Расскажите друзьям


Самое популярное

Модуль от RusJoomla.ru

Недавно

  • добавили

  • обновили

  • смотрели

Реклама

­

Присоединяйтесь

 

Загрузите Joomla


Хороший хостинг в России. ­
Если при регистрации вы укажете PIN (промокод) 10746, мы будем вам благодарны. Вам бесплатно, нам приятно.

Яндекс.Метрика
Полезные штучки

Комментарии