• Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

Кнопку как на этом сайте...

Torcedor

Опытный
Здравствуйте,
на этом сайте http://svzt.ru/news/ - внизу справа есть большая красная круглая кнопка "Связаться с нами", как ее можно "вытащить" с сайта, я понимаю, что это сторонний сервис, их функционал мне не нужен, мне нужна только эта кнопка, как есть - пульсирующая, она будет у меня вести на определённую страницу сайта.
Заранее спасибо!
 

qwer

Специалист
Местный
Добрый день, насколько я поняла, вот пример того, что вам нужно: https://jsfiddle.net/5zmr634s/
Поправляйте под свои нужды и настраивайте на сайте.
Использовать сторонний сервис для подобной задачи конечно можно, но CSS3 позволяет играться с подобными вещами самостоятельно.

P. S. На шестой строке (в css) пропишите путь к своему изображению телефона.

Надеюсь, смогла помочь.
 

Torcedor

Опытный
Спасибо!
А куда этот код нужно прописать и как сделать, чтоб кнопка вела на определённую страницу или вызывала форму для заполнения?
 

qwer

Специалист
Местный
Спасибо!
А куда этот код нужно прописать и как сделать, чтоб кнопка вела на определённую страницу или вызывала форму для заполнения?

Код кнопки в ваш файл CSS.
На саму кнопку поставьте ссылку на страницу или форму.
Не понимаю какого ответа вы ожидаете :)
 

Torcedor

Опытный
А HTML куда?

Вот этот код:
<a href="#" id="popup__toggle" onclick="return false;">
<div class="circlephone" style="transform-origin: center;"></div>
<div class="circle-fill" style="transform-origin: center;"></div>
<div class="img-circle" style="transform-origin: center;"><div class="img-circleblock" style="transform-origin: center;"></div>
</div>
</a>
 

qwer

Специалист
Местный
А HTML куда?

Вот этот код:
<a href="#" id="popup__toggle" onclick="return false;">
<div class="circlephone" style="transform-origin: center;"></div>
<div class="circle-fill" style="transform-origin: center;"></div>
<div class="img-circle" style="transform-origin: center;"><div class="img-circleblock" style="transform-origin: center;"></div>
</div>
</a>

На страницу где вам нужна кнопка?
 

Torcedor

Опытный
Спасибо, сейчас переезжаю на другой сервер, и сразу буду пробовать установить и продолжу доставать Вас вопросами))
 
Сверху Снизу