• Страница 1 из 1
  • 1
Форум » Общий раздел форума » Просьба с услугами » Как сделать кнопку позвонить для сайта (Кнопка позвонить фиксированная, как правильно сделать?)
Как сделать кнопку позвонить для сайта
vkotboga
Пятница, 21 Апреля 2023 | Сообщение 1
Оффлайн
Пользователи
Сообщений:28
Награды: 0
Здравствуйте! Подскажите пожалуйста, что я не так сделал? Прописал эти стили:
Код
.add_button {
    width: 128px;
    height: 128px;
    position: fixed;
    bottom: 22px;
    left: 22px;
    z-index: 99999;
}

Дальше прописал в подвале следующее:
Код
<div class="add_button"><a href="tel: +79997772222"><img src="/callme.png" style="width: 29px; height: 29px;" alt="" /></a></div>

Подскажите пожалуйста что не так?

---Поставил был сразу после <div class="cont-wrap clr"><div class="add_button">[...], а в стилях вместо bottom использовал top - всё нормально встало. В стилях еще размер самого блока уменьшить под размер иконки трубки.--- © -SAM-


Сообщение отредактировал
-SAM- - Суббота, 22 Апреля 2023, 01:25
Страна: (RU)
vkotboga
Пятница, 21 Апреля 2023 | Сообщение 2
Оффлайн
Пользователи
Сообщений:28
Награды: 0
Пробовал в шапку добавить кликабельную иконку трубки, но шапка ломается. Адрес: everest.moy.su
Нужно чтобы было в одну строку. А тут логотип внизу, а иконка и меню с поиском вверху.

Подскажите пожалуйста какой-то из двух вариантов!

Благодарю!
Прикрепления: 5297947.jpg (68.2 Kb)
Страна: (RU)
Kosten
Пятница, 21 Апреля 2023 | Сообщение 3
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Где, что и зачем, чтоб не было таких вопросов, для этого и был выполнен шаблон, а гадать я думаю здесь мало кто может.

Решение проблем uCoz: правила подачи заявки

---Эта тема не содержит вопроса по системе uCoz. Как и ждать того, что за них будут переписывать чего-то в html\css\js лишь исходя из того, что сайт их на uCoz - не повод сюда тему свою размещать. В общем, тему нужно было делать здесь.--- © -SAM-


Сообщение отредактировал
-SAM- - Суббота, 22 Апреля 2023, 00:50
Страна: (RU)
vkotboga
Суббота, 22 Апреля 2023 | Сообщение 4
Оффлайн
Пользователи
Сообщений:28
Награды: 0
Kosten, здравствуйте! Но я ведь все понятно спросил про кнопку. Показал стили. Показал код. В шапке обычная кликабельная картинка png.
Код
<p><a href="tel: +79997772222"><img alt="" src="/callme.png" style="width: 29px; height: 29px;" /></a></p>
Единственное что не указал, шаблон. #1716

---Закрыто (суть выше).--- © -SAM-


Сообщение отредактировал
-SAM- - Суббота, 22 Апреля 2023, 01:17
Страна: (RU)
Kosten
Суббота, 22 Апреля 2023 | Сообщение 5
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Тему перенес и открыл!
Страна: (RU)
Kosten
Суббота, 22 Апреля 2023 | Сообщение 6
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
vkotboga, посмотрите здесь

Поиском по сайту воспользуйтесь - здесь скриптов как у дурака махорки.
Страна: (RU)
Kosten
Суббота, 22 Апреля 2023 | Сообщение 7
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Также кнопка с красивым эффектом позвонить.

Ссылка - /forum/93-7577-1

Нужно на сайте искать.. я вообще не понял вопроса.

Если SAM рекомендует перенести в данную тему, значит больше всего нужно скрипт писать.
Страна: (RU)
Kosten
Суббота, 22 Апреля 2023 | Сообщение 8
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Цитата vkotboga ()
Код
---Поставил был сразу после <div class="cont-wrap clr"><div class="add_button">[...], а в стилях вместо bottom использовал top - всё нормально встало. В стилях еще размер самого блока уменьшить под размер иконки трубки.--- © -SAM-

Так ответ вам дан, вы пробовали так сделать?
Страна: (RU)
Kosten
Суббота, 22 Апреля 2023 | Сообщение 9
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Вот ваш ресурс, и вы хотите где то здесь"красным выделил" поставить анимационную кнопку звонка?

Так все!
Страна: (RU)
Kosten
Суббота, 22 Апреля 2023 | Сообщение 10
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Все понял, вот как вы хотите, чтоб трубка по вертикале корректно поиску и меню стояло. Но это нужно адаптировать кнопку под мобильный аппарат, и все правильно, чтили выставить, если не ошибаюсь margin: 0; padding: 0; поставить.
Страна: (RU)
vkotboga
Суббота, 22 Апреля 2023 | Сообщение 11
Оффлайн
Пользователи
Сообщений:28
Награды: 0
Kosten,
Цитата
чтоб трубка по вертикале корректно поиску и меню стояло.

Да, благодарю! Попробую. Потом напишу результат.

Добавлено (2023-04-22, 15:24)
---------------------------------------------
Kosten, здравствуйте! Не понимаю почему, но не получилось.

Страна: (RU)
Kosten
Воскресенье, 23 Апреля 2023 | Сообщение 12
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Я вам ранее писал.. нужны стили под мобильную оптимизацию.. я не знаю как делать.
Страна: (RU)
-SAM-
Понедельник, 24 Апреля 2023 | Сообщение 13
Оффлайн
Друзья сайта
Сообщений:882
Награды: 40
Цитата Kosten ()
Тему перенес и открыл!
Цитата Kosten ()
Если SAM рекомендует перенести в данную тему, значит больше всего нужно скрипт писать.
Kosten, это констатация факта, а не рекомендация - в другом разделе изначально нужно такие темы делать, раз они не касаются непосредственно системы uCoz.


UPD.: судя по полученному в ЛС от ТС, как и взглянув сайт - код иначе переписали и поставили ту иконку как было угодно (вопрос решён).




Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи в ответах на "Вопросы про uCoz".


Сообщение отредактировал
-SAM- - Понедельник, 24 Апреля 2023, 01:25
Страна: (UA)
Форум » Общий раздел форума » Просьба с услугами » Как сделать кнопку позвонить для сайта (Кнопка позвонить фиксированная, как правильно сделать?)
  • Страница 1 из 1
  • 1
Поиск: