Плагин для создания таблицы на сайте вордпресс
Март 26, 2019
Дизайн блоков для сайта
Апрель 3, 2019

Как сделать плавающее кнопку на сайт?

Создаем код

  1. Делаем класс

<div class=»call»>

2  Добавляем фото

<img class=»alignnone size-full wp-image-2979″ src=»http://xn—-7sbabt6a6aieogfn.xn--p1ai/wp-content/uploads/2019/04/1.png» alt=»» width=»74″ height=»74″ />

3. Добавляем ссылку, куда будет переход при нажатии

<a href=»#spu-2977″>

4. Созданный код добавляем в футер сайта и все готово

<div class=»call»><a href=»#spu-2977″><img class=»alignnone size-full wp-image-2979″ src=»http://xn—-7sbabt6a6aieogfn.xn--p1ai/wp-content/uploads/2019/04/1.png» alt=»» width=»74″ height=»74″ /></a></div>

5. Добавляем стили в панель дополнительные стили

.call{
position:fixed; /*фиксированная позиция кнопки при прокрутке*/
z-index:999;
right: 0px; /*отступ с права*/
top: 88%; /*отступ сверху*/
margin-right:0px; /*отрицательный отступ справа (чем длиннее название кнопки тем больше должно быть значение данного отступа )*/
}

 

Поделиться страницей

Яндекс.Метрика Рейтинг@Mail.ru Индекс цитирования.