Инстаграм кнопка для сайта: Кнопки действия в Instagram — Блог LiveDune

Содержание

html — Подскажите как разместить кнопку Instagram

Задать вопрос

Вопрос задан

Изменён 7 лет 2 месяца назад

Просмотрен 9k раз

Необходимо разместить кнопку еще одной социальной сети в верхнем правом углу сайта. Битрикс. www.ingkurort.ru

На данный момент код выглядит так:

  • Facebook
  •             <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

    Регистрация через почту

    Отправить без регистрации

    Почта

    Необходима, но никому не показывается

    Отправить без регистрации

    Почта

    Необходима, но никому не показывается

    Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

    CRM plugin (кнопка) — НЕРАЗОБРАННОЕ И ИСТОЧНИКИ