html — Подскажите как разместить кнопку Instagram
Задать вопрос
Вопрос задан
Изменён 7 лет 2 месяца назад
Просмотрен 9k раз
Необходимо разместить кнопку еще одной социальной сети в верхнем правом углу сайта. Битрикс. www.ingkurort.ru
На данный момент код выглядит так:
<li><a href="https://vk.com/armhiru" title="Вконтакте">Вконтакте</a></li>
<li><a href="https://instagram.com/armkhi/" title="Инстаграм">Инстаграм</a></li>
</ul><!-- /social -->
Кнопка Инстаграм кликабельна, но не видно ярлык.
Последнюю часть кода добавил сам, скорее всего ошибка в имени класса но не знаю что нужно указать.
Имя класса зависит от того что написано в css. В вашем случае для социальных кнопок прописана картинка http://ingkurort.ru/bitrix/templates/armhi_copy/images/icons.png И в ней только три соц-сети: ВК, твиттер и фейсбук. Инстаграмма нет.
Для того чтобы поставить значок инстаграмма, вам необходимо воспользоваться каким-нибудь набором значков соц-сетей.
2
Вам нужно добавить иконку в изображение http://ingkurort.ru/bitrix/templates/armhi_copy/images/icons.png
в ваш css-файл добавить строку по образу и подобию 173 строки
.btn-social_ig:after {
margin: -5px 0 0 -8px;
width: 16px;
height: 10px;
background-position: -22px -39px;
}
и прописать нужные цифры (размер иконки и позицию иконки в png-файле)
1
Зарегистрируйтесь или войдите
Регистрация через Google
Регистрация через Facebook
Регистрация через почту
Отправить без регистрации
Почта
Необходима, но никому не показывается
Отправить без регистрации
Почта
Необходима, но никому не показывается
Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки