С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
4 / 4 / 0
Регистрация: 27.06.2016
Сообщений: 176
1

Как заменить кнопку в мобильной версии

14.03.2017, 19:14. Показов 1002. Ответов 3
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Как сделать так чтобы кнопка заказать менялась на другую кнопку во время мобильной версии. Ну или так чтобы одна кнопка включалась только в компьютерной версии а другая в мобильной? Вот в компьютерной версии я добавил форму обратного звонка а в телефоной эта кнопка должна сразу звонить
http://gruzovoetaksi116.ru
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
14.03.2017, 19:14
Ответы с готовыми решениями:

Как для web-версии и мобильной версии поставить разные картинки
Всем добрый вечер! Кто знает, подскажите: мне необходимо для вебверсии и мобильной версии поставить...

Как убрать в мобильной версии
Как убрать в мобильной версии всё кроме 1 и 2 столбца в таблице:? Чтобы когда заходят с мобильника...

Как убрать изображения из мобильной версии сайта?
Я решил сделать мобильную версию своего сайта, поэтому в дополнение к файлу «style.css» я создал...

Меню для сайта как в мобильной версии
Добрый день. Обыскал весь интернет, НЕ МОГУ НАЙТИ..Есть ли исходник простого меню на jquery, как...

3
Эксперт JSЭксперт HTML/CSS
3826 / 2676 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
14.03.2017, 19:29 2
При помощи медиа-запросов прячете одну кнопку и показываете другую.
Но по идее этого делать не стоит. "Заказать обратный звонок" должно быть актуально для всех устройств.
Лучше заверните в ссылку номер телефона и кому надо позвонить здесь и сейчас, нажмет на нее и позвонит.
0
4 / 4 / 0
Регистрация: 27.06.2016
Сообщений: 176
14.03.2017, 19:46  [ТС] 3
Тут такое дело что автонабор номера работает только на телефоне
0
Эксперт JSЭксперт HTML/CSS
3826 / 2676 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
14.03.2017, 19:57 4
Это для ссылки:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Document</title>
  <style>
    @media (min-width:992px) {
      a {
        pointer-events: none;
        color: black;
        text-decoration: none;
      }
    }
  </style>
</head>
<body>
  <a href="tel:223322223">223-322-223</a>
</body>
</html>
На телефоне нажмете, на компьютере - нет. Подойдет?
0
14.03.2017, 19:57
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
14.03.2017, 19:57
Помогаю со студенческими работами здесь

Как адаптировать таблицу для мобильной версии
Как эту большую таблицу можно адаптировать так чтобы в телефоной версии показывало всё красиво и...

Как указать для мобильной версии фрагмент?
Здравствуйте. Как можно указать при адаптивном дизайне, что если зашли с мобильного, то правый и...

Как убрать из футера лишние виджеты в мобильной версии?
Всем привет:) такая ситуация,на сайте под движком wordpress стоит тема с двумя сайдбарами,они мне...

Как сделать шрифт заголовка меньше в мобильной версии?
Добрый день, дорогие форумане! Подскажите,плиз,как сделать шрифт заголовка h1 меньше в мобильном...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Как программировать под HCL Notes и создавать свои продукты на ее основе
InfoMaster 11.01.2025
HCL Notes (ранее известный как IBM Notes и Lotus Notes) представляет собой мощную платформу для разработки корпоративных приложений, которая сочетает в себе функции электронной почты, календаря,. . .
Как работать с SVN (Subversion)
InfoMaster 11.01.2025
Введение Система контроля версий является неотъемлемой частью современного процесса разработки программного обеспечения. Она обеспечивает управление изменениями в коде, позволяет отслеживать. . .
Использование GraphQL в JavaScript
InfoMaster 11.01.2025
Введение в GraphQL и его преимущества В современной разработке веб-приложений эффективный обмен данными между клиентом и сервером играет ключевую роль. GraphQL представляет собой язык запросов и. . .
Администрирован­­­­ие Git, продвинутые техники работы с Git
InfoMaster 11.01.2025
Основы управления репозиторием Эффективное управление Git-репозиторием требует глубокого понимания механизмов контроля доступа и инструментов администрирования. Рассмотрим ключевые аспекты. . .
Что такое HCL Notes и как с ним работать
InfoMaster 10.01.2025
HCL Notes (ранее известный как IBM Notes и Lotus Notes) представляет собой комплексную платформу для совместной работы и обмена информацией в корпоративной среде. Это многофункциональное решение,. . .
Как работать с Git из Windows и Visual Studio
InfoMaster 10.01.2025
Работа с Git в Windows Работа с Git в операционной системе Windows может быть осуществлена с помощью различных инструментов, каждый из которых обладает своими уникальными возможностями и. . .
Аналог оператора switch case в Python
InfoMaster 10.01.2025
Оператор switch case используется в программировании для выбора одного из нескольких вариантов исполнения кода. Однако в языке Python этот оператор отсутствует. Понимание аналогов switch case в. . .
Отличия абстрактного класса от интерфейса
InfoMaster 10.01.2025
В современной разработке программного обеспечения существуют два основных механизма реализации абстракции: абстрактные классы и интерфейсы. Эти инструменты, хотя и схожи в своей основной цели -. . .
Как работать в Git
InfoMaster 10.01.2025
Git — это одна из наиболее популярных систем контроля версий, которая активно используется разработчиками по всему миру. Она позволяет эффективно управлять изменениями в коде, координировать работу. . .
Реализация передвижения персонажа в Unity3d на C#
InfoMaster 10.01.2025
Реализация передвижения персонажа в Unity3D начинается с правильной настройки проекта. Этот этап критически важен для создания отзывчивого и плавного управления. Рассмотрим основные шаги для создания. . .
Docker: руководство для начинающих
InfoMaster 10.01.2025
В современном мире разработки программного обеспечения контейнеризация стала неотъемлемой частью процесса создания и развертывания приложений. Docker, как ведущая платформа контейнеризации, произвела. . .
Книги и учебные ресурсы по C#
InfoMaster 08.01.2025
Базовые учебники и руководства Одной из лучших книг для начинающих является "C# 10 и . NET 6 для начинающих" Эндрю Троелсена и Филиппа Джепикса . Книга последовательно раскрывает основные концепции. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru