. Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Можно, конечно же, и плагин для этой задачи использовать, но сделать самому не так уж и сложно, да и будет меньше, тем более, что их у меня и так достаточно много трудится (см.
- Недавно возникла необходимость в иконках для соц. Нашел несколько сетов и сделал.
- Dec 19, 2013 - Все иконки разбиты на 6 групп, отличающихся. Вот про такой набор, только там нет русскоязычных сайтов (соцсетей в частности).
Статью по приведенной ссылке). Иконки соцсетей я взял из, о котором уже довольно подробно писал (надеюсь, что Димокс против этого возражать не будет). Теперь останется только скопировать ссылки (адреса ваших страниц в соцсетях, если вы их уже создали).
Отличные иконки социальных сетей в минималистическом стиле. Современные иконки социальных закладок. Минималистические иконки.. Gulzira Ajiniyazova. Спасибо за отличную подборку иконок соцсетей! Что Вам понравилось:) Artem Timofeev. Подборка хорошая, но НИГДЕ НЕТ TELEGRAM!! Самое популярное.
Иконки Соцсетей
Читайте об этом в следующих постах:. А также я посчитал уместным и по Емайлу. Создаем спрайт из кнопок и вставляем Html код на сайт. После того, как все нужные группы и страницы в соцсетях вы создали, а значит получили все необходимые ссылки, можно озадачиваться добавлением кнопок на сайт. Можно, конечно же, в соответствии с моим постом про, подобрать для каждой соцсети подходящую иконку и при необходимости уменьшить ее размер до необходимого. Но это не есть лучший вариант. Ну, потому что для подгрузки каждой картинки соцсети будет осуществляться отдельный запрос к вашему серверу.
Будет у вас десяток иконок — значит десять запросов, которые по-любому будут создавать дополнительную нагрузку на сервер. Нам такое расточительство не подходит, тем более, что уже давно. Я решил не изобретать велосипед (создавать спрайт), а использовал тот, что создает конструктор (ссылка на описание работы с ним приведена чуть выше). В нем можно выбрать те соцсети, иконки которых вам будут нужны, и вместе с кодом вы получите CSS спрайт, т.е. Физически один графический файл, на котором будут размещены все нужные вам иконки соцсетей и подписки на RSS ленту (и Емайл, если потребуется). Я выбрал четыре основных сети и пару иконок для подписки на новости с размером иконок 24 на 24, поэтому мой спрайт выглядит так (, правда, туда еще затесался, но это не беда): Теперь у нас есть все ингредиенты — ссылки на группы или страницы соцсетей и иконки для их отображения на сайте.
Иконки Соцсетей Png На Прозрачном Фоне
Осталось все это только правильно приготовить, т.е. Мой блог работает на WordPress, поэтому код с кнопками я буду вставлять в один. В моем случае он называется sidebar.php. Html код при этом получается крайне простой: На всякий случай я при распределении весов на сайте. В служит для отображения заключенного в него текста при подведении курсора мыши к иконке. Я не стал им пренебрегать, ибо не для всех посетителей сайта иконки могут представлять исчерпывающую информацию.
Иконки Соцсетей Вектор
Выглядеть это будет примерно так: Привязываем спрайт к Html коду и оформляем кнопки в CSS.