Вы знаете Font Awesome (если не это вот ссылка )? Наверное, многим из вас это нравится ... а если нет, то стоит прочитать. Ради порядка я напишу только то, что это библиотека, которая позволяет добавлять значки на страницу, которые ... " потрясающие " :) Как правило, шрифты используются для отображения значков (отсюда и название библиотеки - это слово) и CSS, так что они прекрасно масштабируются. , Полный список доступных иконок находится по этой ссылке ,
Стандартный шрифт Потрясающее использование
Хорошо, так много нужно ... Стоит знать, что мы добавляем иконки более или менее стандартным способом:
<i class = "fa fa-hand-peace-o"> </ I>
Таким образом, чтобы добавить значок, добавьте элемент i, а затем украсьте его соответствующими классами CSS. В этом случае эффект будет таким, как на следующей картинке:
Конечно, вы также можете свободно управлять иконическими параметрами (например, размером), используя атрибуты CSS, как если бы они были обычными шрифтами.
Пользовательское использование
Хорошо, а теперь к сути этой записи ... Что делать, если мы не хотим, и чаще, если мы не можем добавить такой тег (или использовать эти классы для другого элемента - потому что он обычно работает), потому что, например, мы хотим добавить значок в код HTML, сгенерированный некоторыми плагин JQuery ? Ну, просто немного "покопаться" в CSS и написать что-то похожее на это:
Увидеть перо BNMvgq по бурчу ( @burczu ) на CodePen ,
В приведенном выше примере мы создали совершенно новый элемент span и дали ему совершенно новый класс custom-fa, и в результате мы имеем точно такой же значок, как и раньше, - ключом здесь является использование псевдокласса before и установка параметра content. Возможно, вы уже догадались, что в классах Font Awesome по умолчанию это делается таким же образом? :) Полный список доступных значений атрибута содержимого находится здесь в то время как сборник информации о самом атрибуте здесь ,
суммирование
Вот и все для меня сегодня. Я думаю, что приведенный выше пример может быть полезен вам время от времени, тем более что использование Font Awesome становится все более популярным в последнее время.
Похожие
Как использовать Kaspersky с новыми версиями Google ChromeИнтернет-компании делают все возможное, чтобы защитить пользователей и предложить им лучшие решения в области безопасности. То же самое касается Google, который недавно объявил, что браузер Chrome теперь будет работать с расширениями только из официального Интернет-магазина Chrome. Согласно статье (http://blog.chromium.org/2013/11/protecting-windows-users-from-malicious.html), которую Google разместил в своем блоге в прошлом году, это решение направлено на защиту пользователей от уязвимых Как использовать Apache JMeter для выполнения нагрузочного тестирования на веб-сервере
Вступление В этом руководстве мы рассмотрим, как использовать Apache JMeter для выполнения базовых нагрузочных и стресс-тестов в среде вашего веб-приложения. Мы покажем вам, как использовать графический интерфейс пользователя для создания плана тестирования и запуска тестов на веб-сервере. JMeter - это настольное Java-приложение с открытым исходным кодом, предназначенное для загрузки и тестирования производительности. Его можно использовать для имитации загрузки различных Заблокируйте свой iPhone в одном приложении с помощью управляемого доступа
Вот сценарий - вы сидите в трибунах на баскетбольном матче вашей дочери. Ее младшая сестра сидит рядом с тобой и говорит: «Мама, мне скучно. Могу ли я сыграть в игру на вашем телефоне? »Вы передаете свой iPhone, и малыш начинает счастливо играть в Angry Birds. Вы возвращаетесь к просмотру игры. Следующее, что вы знаете, она закрыта от Angry Birds, просматривая список ваших камер, и все ваши приложения переставляются. Argh! Знаете ли вы, что на вашем iPhone есть функция, которая позволяет Почему и как использовать существующий цифровой контент?
Для брендов и предприятий нет сомнений, что контент-маркетинг является одним из лучших способов привлечения и привлечения клиентов. Наличие надежной стратегии содержания может творить чудеса для вашей прибыли. Тем не менее, некоторые бренды попадают в ловушку производства тонны свежего контента в ущерб качеству. Производство новых произведений - не единственный вариант для умных маркетологов. У вас, вероятно, есть устаревший - но потрясающий - контент Понять права на понижение версии Microsoft Windows и понизить версию Windows 8, 8.1 и 10
Эта статья содержит информацию о правах на понижение Microsoft Windows и объясняет, как понизить версию Windows 8, 8.1 и 10 на ПК Dell. Содержание: Что такое права на понижение? Понимание прав на понижение версии Microsoft Windows даунгрейда руководства Что такое права на понижение? Права на понижение -
Комментарии
Как в полной мере использовать потенциал сайтов?Как в полной мере использовать потенциал сайтов? Заказать тот, который имеет CMS. Что такое CMS? CMS (Система управления контентом) является системой управления контентом. Это позволяет редактировать контент на сайте, добавлять / удалять записи или загружать фотографии в галерею без знания языков программирования. В случае расширенных веб-сайтов CMS позволяет выполнять более сложные » «Нужно ли использовать DNS?
» «Нужно ли использовать DNS?» Вы чувствуете смущение? В некоторых случаях DNS может быть запутанным и сложным. Давайте поговорим об услугах D omain N System ( DNS ). Когда вам нужно получить доступ к веб-сайту, вы вводите доменное имя, например www.google.com, в веб-браузер, а не вводите IP-адрес. Конвертация происходит между www.google.com и 172.217.12.46, IP-адресом, назначенным устройству в Интернете. Это преобразование является запросом DNS, неотъемлемой частью устройств, И хотите использовать вместо нее Windows 8?
» «Нужно ли использовать DNS?» Вы чувствуете смущение? В некоторых случаях DNS может быть запутанным и сложным. Давайте поговорим об услугах D omain N System ( DNS ). Когда вам нужно получить доступ к веб-сайту, вы вводите доменное имя, например www.google.com, в веб-браузер, а не вводите IP-адрес. Конвертация происходит между www.google.com и 172.217.12.46, IP-адресом, назначенным устройству в Интернете. Это преобразование является запросом DNS, неотъемлемой частью устройств,
Возможно, вы уже догадались, что в классах Font Awesome по умолчанию это делается таким же образом?
Могу ли я сыграть в игру на вашем телефоне?
Содержание: Что такое права на понижение?
Понимание прав на понижение версии Microsoft Windows даунгрейда руководства Что такое права на понижение?
Как в полной мере использовать потенциал сайтов?
Что такое CMS?
» «Нужно ли использовать DNS?
» Вы чувствуете смущение?
» «Нужно ли использовать DNS?
Добавить комментарий!