WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
CSS / Buttons

Social Sprites Icons

— Дополнения к WorldWideScripts.net

Подпишитесь на наш канал, чтобы оставаться в курсе событий!

Новинка! Следуйте за нами, как вы хотите!


Social Sprites Icons - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Доступно для WordPress

facebook \\ щебетать

ВВЕДЕНИЕ

Социальные Sprites Иконки представляет собой набор наиболее часто используемых социальных иконок, которые переход с использованием CSS легкость. Этот набор является супер легкий и может быть легко интегрирован в любой веб-сайт. Есть две версии для иконок. Один с белым фоном для нормального состояния и прозрачного фона версии. При наведении курсора, цвет иконки фона изменится на официальный цвет социальной сети. Все иконки в формате PNG в одном шприце, который насчитывает 26,1 КБ.

социальные спрайтов

РАСШИРЕННАЯ ЛИЦЕНЗИЯ

Расширенной лицензии следует сроки, установленные Envato. Эти условия можно найти, нажав здесь. Кроме того, эти особые условия:
  • Иконки могут быть использованы на шаблоны, которые продаются в Интернете.
  • Иконки не могут быть повторно проданы отдельно.
  • Иконки не могут быть выданы бесплатно после покупки.
  • Иконки могут быть использованы только на одном шаблоне, который продается за лицензию. Для получения дополнительной лицензии, пожалуйста, свяжитесь с нами по адресу электронной почты, найденной в загружаемом архиве после покупки.

КАК ИСПОЛЬЗОВАТЬ

С помощью иконки социальных спрайтов установить довольно просто. Для того, чтобы интегрировать его на свой веб-сайт, все, что вам нужно сделать, это позвонить из социального спрайтов маркированного списка. Для того, чтобы его не-навязчивым, мы назвали этот класс SS.

Социальные лешие - 40px 40px от иконки

 <Ул класс = "сс"> <Литий класс = "facebook"> <a href="#"> facebook </a> </ li> <Литий класс = "Dribbble"> <a href="#"> Dribbble </a> </ li> <Литий класс = "Twitter"> <a href="#"> твиттер </a> </ li> </ UL> 

Social лешие Mini - 30px 30px от иконки

 <Ул класс = "ССМ"> <Литий класс = "facebook"> <a href="#"> facebook </a> </ li> <Литий класс = "Dribbble"> <a href="#"> Dribbble </a> </ li> <Литий класс = "Twitter"> <a href="#"> твиттер </a> </ li> </ UL> 
Открыть полную инструкцию по нашей базе знаний по адресу: http://kb.fwpolice.com/kits/social-sprites-icons/

DEMO & WATERMARK

Вы можете просмотреть интерактивную демонстрацию этого файла, нажав кнопку "Live Preview 'сверху. У нас также есть видео файла без водяных знаков, доступной на http://www.screenr.com/Wa68.

На демо вы увидите некоторые белый текст поверх кнопок. Это водяные знаки, чтобы люди от кражи контента. Извините за беспокойство это может причинить вам.

ОБЗОРЫ

социальные спрайтов

Поддержка файлов

Если вам нужна поддержка, пожалуйста, напишите в комментариях или смотрите в "Спасибо" You.pdf файл включен в архив. Для установки справки вверх файл, просмотреть полное руководство по нашей базе знаний по адресу: http://kb.fwpolice.com/kits/social-sprites-icons/

Файл обновления

Обновление 2.7 - 07/08/2014
  • Добавлены 5 новых иконок: - About.me - Bandcamp - Viki - Deviantart - Xing
  • Sprite сохранены как PNG-32 для лучшего качества
Обновление 2.6 - 10/20/2013
  • Обновление белых иконок
  • Добавлена ​​белая версия мини-иконок
Обновление 2.5 - 10/13/2013
  • Массивная очистки кода
  • Stylesheet сжата для повышения производительности
  • Все компоновки стилю были отделены от иконки стилистики
  • Значок таблицы стилей была переименована в socialsprites.css
  • Приоритетный код для предотвращения тема в стиле interferrance
  • Улучшение переходов
  • Обновление значка Twitter
  • Добавлены 3 новые иконки: звезда - доля - документ
  • Очистка спрайта
  • Сделано это проще отредактировать путь к спрайтов
Обновление 2.4 - 09/12/2013
  • Обновление значка Twitter
Обновление 2.3 - 06/03/2013
  • Обновление значка Twitter
Обновление 2.2 - 12/18/2012
  • Добавлено 7 новых иконок: GitHub - Behance - Yelp - Mail - Instagram - Foursquare - Zerply
  • Опция Circle иконки был добавлен. Чтобы добавить иконки круг, вы просто должны добавить класс sscircle к вашему
      тег. Кроме того, вам больше не придется использовать контейнерный класс, как и раньше. Вы можете просто использовать класс без полей непосредственно в уль тега. В примере, для нормального размера иконок, вы будете использовать:
 <Ул класс = "сс Borderless sscircle"> ... </ UL> 
Обновление 2.1 - 11/15/2012
  • исправления ошибок IE (IE добавил условно)
  • Пограничный исправление на мини-иконок (удалены размытость для двух значков)
Обновление 2.0 - 11/09/2012
  • Добавлен Social лешие Mini (30px на 30px)
  • Очистка из PNG
  • Добавлена ​​расширенная лицензия для использования в коммерческих темах
  • Добавлен менее навязчивым водяной знак на "Live Preview '
Обновление 1.1 - 11/07/2012
  • Обновление к математике

Скачать
Другие компоненты в этой категорииВсе компоненты этого автора
КомментарииЧасто задаваемые вопросы и ответы

Свойства

созданный:
5 ноября +12

Последнее обновление:
9 июля 14

Совместимые браузеры:
IE8, IE9, Firefox, Safari, Opera, Chrome

файлы, включенные:
HTML, CSS, Многоуровневая PNG

Версия ПО:
CSS3

Ключевые слова

электронной коммерции, электронной коммерции, Все детали, кнопка, CSS, facebook, фейерверк, значок, как, СМИ, доля, Социальное, социальные медиа, фея, спрайты, чирикать, щебетать