Можно ли Вконтакте значки

Тут много воды налили по поводу того, что Вас благодарить еще должны и бла-бла-бла. Позвольте, этот фрагмент я пропущу.

Могу сказать, в каких случаях они против. Если вы используете лого для своего сайта/приложения/издания или еще чего-нибудь и в качестве собственного лого используете лого известной соц.сети, называете вы при этом по своему. Объяснять, думаю, не надо, что происходит нарушение авторского права. Но есть такой момент, как масштаб Вашего проекта.

Если он не привлечет должного внимания людей, то гиганты(соц.сети) Вам ничего даже и не скажут, ведь Вас для них нет. Это не пишется в законах, это происходит на самом деле.

Удачи в создании приложений

Источник: www.bolshoyvopros.ru

Оформление списка HTML5 с использованием иконок WebFonts

Webfonts

ВК КАК СДЕЛАТЬ ВСЯКИЕ ЗНАЧКИ

Неупорядоченные списки HTML выглядят скучновато. Вы можете задать стрелочку, кружок или квадрат, но их размеры и цвета, не так просто изменить. Можно использовать list-style-image, чтобы задать картинку, но она не будет 100% совпадать с размером шрифта. Оформление списка является довольно сложной вещью, а также есть баги в старых версиях IE.

А теперь представьте себе, что, если бы мы могли использовать любой значок, в любом цвете вместо стандартного непронумерованного списка…?

Webfonts

Иконки Webfont – это векторная графика, представляющая собой иконки и символы в файлах шрифтов, которые могут быть загружены и использованы в HTML, CSS и JavaScript. Они могут масштабироваться до любого размера, предлагая превосходную совместимость с браузерами (поддержка IE6 +), а один шрифт, обычно загружается быстрее, чем несколько изображений.

Есть несколько онлайн-инструментов, которые помогут вам подобрать соответствующие значки, а затем упаковать их в файлы шрифтов с кросс-браузерной поддержкой. Мы использовали Fontello, но IcoMoon и Flaticon также в состоянии сделать подобную работу.

Еще по теме:  Как подключить ВК к телевизору через телефон Айфон

Замена WebFont Иконок

Во-первых, нам нужен стандартный HTML список. Мы добавим класс icon к ul тегу, а еще мы можем применить различные классы к каждому li тегу, чтобы задать различные значки:

Далее, мы установим list-style-type на none, чтобы удалить стандартное оформление списка. Затем мы установим негативный text-indent на каждый li для того, чтобы передвинуть первую линию каждого элемента списка обратно. Мы использовали 1.4em, но вы можете изменить этот размер по мере необходимости:

ul.icon < list-style-type: none; >ul.icon li

Чтобы добавить значок, мы используем один из наших наборов иконок в content свойстве li:before псевдо-элемента. Обратите внимание, что он float:left и его ширина соответствует text-indent устанавленного выше. Таким образом, это будет толкать первую строку обратно в исходное положение:

Где скачать иконки? Значки Windows, Ютуб, ВК, Инстаграм. Более 3 млн иконок на любую тему

ul.icon li:before

Теперь мы можем установить различные иконки WebFont в зависимости от имени класса li, например:

ul.icon li.info:before < content: «e800»; >ul.icon li.star:before < content: «e803»; >ul.icon li.help:before < content: «e801»; >ul.icon li.bulb:before < content: «e804»; >ul.icon li.hand:before

иконки

Кроме того, можно настроить различные свойства color, font-size и расстояние. Значки будут появляться, где вы хотите и в соответствие с размером текста списка. Теперь, оформления непронумерованных списков явяются очень легкой и интересной задачей!

Источник: lpgenerator.ru

Рейтинг
( Пока оценок нет )
Загрузка ...