Перейти к публикации

Приветствуем вас на нашем форуме

Приветствуем вас на нашем форуме

У нас можно скачать различные стили на разные тематики, а так же приложения, плагины и т.д. 😍

Подробнее

Ищите игровые стили?

Ищите игровые стили?

У нас широкий выбор игровых стилей разной цветовой гаммы и не только.

Перейти к списку

Модификации для форумов

Модификации для форумов

Огромный список модификаций для IPS 4.3

Перейти к списку

Премиум подписка

Покупая премиум доступ вы получаете возможность скачивать не ограниченное кол-ва приватного контента. 

А так же получать поддержку вне очереди.

Приобрести
.V.I.P.

Кнопки меню

Рекомендованные сообщения

4.png

CSS:

a.button5 {
  display: inline-block;
  color: #000;
  font-size: 12px;
  text-decoration: none;
  user-select: none;
  padding: 0 5px;
  outline: none;
  border-radius: 2px;
}
a.button5:before {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;  /* для больших картинок 0 */
  padding-right: 5px;
}
a.button5[data-twitter]:before {content: url(http://favicon.yandex.net/favicon/twitter.com);}
a.button5[data-vk]:before {content: url(http://favicon.yandex.net/favicon/vk.com);}
a.button5[data-facebook]:before {content: url(http://favicon.yandex.net/favicon/facebook.com);}
a.button5:hover {
  background: linear-gradient(#ececeb, #eaeaea);
  box-shadow:
   inset rgba(0,0,0,.5) 0 -1px 1px,
   inset rgba(0,0,0,.2) 0 1px,
   inset #fff 0 2px,
   rgba(0,0,0,.2) 0 1px 1px;
}
a.button5:active {
  background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.1));
  box-shadow:
   inset rgba(0,0,0,.8) 0 1px 2px,
   inset rgba(0,0,0,.05) 0 -1px 0,
   #fff 0 1px 1px;
}

HTML:

<a href="#" class="button5" data-twitter>twitter</a>

С помощью этого я сделал кнопки связи и информации в темах

  • Повысить 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

  • Наш выбор

    • Chocolate
      Chocolate - Рациональное распределение панелей инструментов и хорошо структурированный дизайн стиля помогают пользователям плавно испытать потрясающий веб-сайт с серфингом.
      В целом, мы рекомендуем Вам попробовать этот новый стиль и дать нам обратную связь от вашего опыта.
      Любой комментарий поможет нам завершить наш продукт лучше.

      Демо форум: vsecraft.ru
      • 0 ответов
    • Приложение IPSGuru.Ru на Android. Тест
      Приложение IPSGuru.Ru на Android 4+

      Это тест приложение.

      Так что прошу Вас протестировать и отписаться в теме.

      Спасибо тестерам большое заранее.

      Скриншоты с моего Nokia 2.  Android 7.1.1

      По результатам теста будет сделана основное приложение.
        • Лайк
      • 0 ответов
    • IPS Gradient Theme
      Gradient Theme очень настраиваемая тема поставляется с большим количеством функций и настроек. В комплекте с палитрой и 3 цветовыми схемами (темные и светлые цветовые схемы включены), вся цветовая схема тема может быть изменена одним щелчком мыши в настройках темы, что делает его очень легко переключаться между темными или светлыми цветовыми версиями или настроить на них.
      Некоторые области, такие как navbar и виджеты, цвета фона автора темы, управляются с помощью параметров цвета градиента.
        • Спасибо
        • Лайк
      • 0 ответов
    • IPSGuru.Ru
      Оригинальный стиль форума IPSGuru.RU
      Стиль обновлён под актуальную версию форума.
      В архиве присутствуют все нужные плагины + инструкция.
        • Лайк
      • 0 ответов
    • Приложение добавит на ваш сайт встроенную систему поинтов и магазин пользователей, где ваши пользователи смогут зарабатывать и тратить полученные поинты (или заработанные, если установлено приложение Коммерция).
        • Лайк
      • 0 ответов
×