Администраторы Severniy Опубликовано 25 апреля, 2018 Администраторы Поделиться Опубликовано 25 апреля, 2018 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> С помощью этого я сделал кнопки связи и информации в темах 2 1 Ссылка на комментарий
Рекомендуемые сообщения
Для публикации сообщений создайте учётную запись или авторизуйтесь
Вы должны быть пользователем, чтобы оставить комментарий
Создать учетную запись
Зарегистрируйтесь. Это очень просто!
Регистрация нового пользователяВойти
Уже есть аккаунт? Войти в систему.
Войти