- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Переиграть и победить: как анализировать конкурентов для продвижения сайта
С помощью Ahrefs
Александр Шестаков
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
В шапке сайта висит телефон картинкой. Как сделать так, чтобы при заходе с мобильника или планшета можно было нажимая на номер телефона звонить по номеру? Как вариант предполагаю просто в ссылке класса logo написать номер телефона текстом и текст убрать за пределы размеров самой ссылки-картинки.
Сделайте лучше цифрами же, а не картинкой, так лучше будет.
Цифрами не катит по дизайну к сожалению, поэтому и ищу другой способ(((
Используйте в стилях @media.
HTML
CSS
.call {
background: url(img/logo.png) no-repeat; /* лого в виде фона */
text-indent:-1999px; /* смещение текста за пределы разметки */
}
}
@media handheld { /* Стиль для отображения на смартфонах, КПК, телефонах,
вообщем с мелким экраном */
.call {
background: none; /* лого в виде фона */
text-indent: 0px; /* смещение текста за пределы разметки */
}
}
ну и плюс все остальные стили не забудьте подогнать!
Ааа, еще можно вот так:
и получаеться для каждой ширины писать стиль!
P.S. Почитайте про адаптивную верстку!
Сделайте лучше цифрами же, а не картинкой, так лучше будет.
Если цифрами номер указан будет, то, например, Айфон, сам эту цифру пометит как телефон и можно будет позвонить, кликнув на номер. Уверен, что такое умеет не только Айфон. И не нужно изобретать ничего под мобилки.
Сделайте лучше цифрами
Думаю, что это будет самый наилучший вариант так как из личного опыта могу сказать, что у меня сейчас установлен новый скайп который подхватывает все телефонные номера и делает их активными, и при клике по такому номеру сразу идет звонок на номер абонента. Постоянно этим пользуюсь очень удобно.
В шапке сайта висит телефон картинкой. Как сделать так, чтобы при заходе с мобильника или планшета можно было нажимая на номер телефона звонить по номеру? Как вариант предполагаю просто в ссылке класса logo написать номер телефона текстом и текст убрать за пределы размеров самой ссылки-картинки.
На большинстве айфонов/планшетников стоит скайп, я сделал чтоб звонили на него.
Думаю, что это будет самый наилучший вариант так как из личного опыта могу сказать, что у меня сейчас установлен новый скайп который подхватывает все телефонные номера и делает их активными, и при клике по такому номеру сразу идет звонок на номер абонента. Постоянно этим пользуюсь очень удобно.
Это еще в лохматых версиях скайпа реализовано, не то что в последних🍿
Думаю, что это будет самый наилучший вариант так как из личного опыта могу сказать, что у меня сейчас установлен новый скайп который подхватывает все телефонные номера и делает их активными, и при клике по такому номеру сразу идет звонок на номер абонента. Постоянно этим пользуюсь очень удобно.
Это не скайп, а расширение для браузера - Skype Click to Call и, как уже было сказано выше, существует оно уже пару лет