Баннер в шапке для номера телефона

Баннер в шапке для номера телефона, Сделал сам

Сообщений: 7311 Регистрация: Ноя 2017

6 Февраля 2020 09:02

Поставил баннер в шапку для звонков, но чувствую, что сделал что то неправильно. Сайт vkuru.ru
Код баннера, взял его с другого, немного переделал

Как его сделать правильно?

<a target="_blank" href=" tel:+79179294610?pid=fefbda"><img src="https://vkuru.ru/wp-content/uploads/2020/02/bya-f6.jpg

Код
" alt="" /></a>

Изменено: Юрий - 6 Февраля 2020 09:04

Юрий

Сообщений: 7311 Регистрация: Ноя 2017

6 Февраля 2020 09:04

Не могу сам код разместить, вот так получилось

Поляков Владимир

Сообщений: 353 Регистрация: Июн 2010

6 Февраля 2020 09:30

А зачем делать номер телефона картинкой и зачем открывать в новом окне ?

Код
<a href="tel:+7495777777">+ 7 (495) 777-77-77</a>

Так разве не проще ?

Юрий

Сообщений: 7311 Регистрация: Ноя 2017

6 Февраля 2020 09:53

Нет, если делать так, то номер телефона встает криво, мелко и некрасиво. Суть в том, что это в фото шапке, а поставил я его туда вместо баннера рекламы. В моей теме есть такая возможность.Переход на номер с фото

lol_cp

Сообщений: 4751 Регистрация: Май 2012

6 Февраля 2020 13:11

Цитата
Юрий пишет: Нет, если делать так, то номер телефона встает криво, мелко и некрасиво. Суть в том, что это в фото шапке, а поставил я его туда вместо баннера рекламы. В моей теме есть такая возможность.Переход на номер с фото

зато не адаптивно.. Поэтому лучше текст + шрифт подогнать нормально

SEO ПРОДВИЖЕНИЕ САЙТА В ЯНДЕКСБ ГУГЛЕ. SEO АУДИТ, ПОДНЯТЬ ИКС САЙТУ. * ПЕРЕД ЗАКАЗОМ УСЛУГИ, ОЗНАКОМИТЬСЯ FAQ

Поляков Владимир

Сообщений: 353 Регистрация: Июн 2010

6 Февраля 2020 13:31

Цитата
Юрий пишет: встает криво, мелко и некрасиво

Там пару строчек кода css и все будет красиво. smile:)

Юрий

Сообщений: 7311 Регистрация: Ноя 2017

6 Февраля 2020 17:22

Цитата
lol_cp пишет: Поэтому лучше текст + шрифт подогнать нормально

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

Mango

Сообщений: 1307 Регистрация: Май 2012

7 Февраля 2020 10:36

Так можно в принципе... с % поиграйтесь как нужно а падинг не трогайте, он для того что бы не заехать за край экрана на мобиле

< a target="_blank" href=" tel:+79179294610?pid=fefbda">< img src="https://vkuru.ru/wp-content/uploads/2020/02/bya-f6.jpg
" alt="" style="margin-left: 45%;padding: 5px;"></a >

Изменено: Mango - 7 Февраля 2020 10:38

Шаблоны сайтов - Теперь всё бесплатно!

Юрий

Сообщений: 7311 Регистрация: Ноя 2017

7 Февраля 2020 12:40

Цитата
Mango пишет: Так можно в принципе.

ваш вариант смещает номер вправо на ПК, а на мобильном его не видно наполовину

Юрий

Сообщений: 7311 Регистрация: Ноя 2017

#10

7 Февраля 2020 12:49

Меня вот это место смущает. tel:+79179294610?pid=fefbda"> Если смотреть в Метрике внешние переходы, то так и показывает. а на других сайтах просто как номер телефона, без абракадабры в конце

Поляков Владимир

Сообщений: 353 Регистрация: Июн 2010

#11

7 Февраля 2020 13:25

Цитата
Юрий пишет: абракадабры в конце

Потому что ссылка указана так

Код
<a target="_blank" href=" tel:+79179294610?pid=fefbda"></a>

удалите

Код
?pid=fefbda

Поляков Владимир

Сообщений: 353 Регистрация: Июн 2010

#12

7 Февраля 2020 13:44

Да и на css не особо отличается чем на изображение

Прикрепленные файлы

Безымянный.jpg (51.16 КБ) [ Скачать ]

Юрий

Сообщений: 7311 Регистрация: Ноя 2017

#13

7 Февраля 2020 19:54

Цитата
Поляков Владимир пишет: ?pid=fefbda

Убрал. Спасибо.

Цитата
Поляков Владимир пишет: Да и на css не особо отличается чем на изображение

Вот это вообще не понял. что это такое

Eye

Сообщений: 22172 Регистрация: Май 2011

#14

8 Февраля 2020 16:45

Юрий, Всё же Вы б освоили хотя бы азы HTML, CSS, ну и в целом сайтостроения. Добавлять на сайт телефон картинкой - это капец... И причин, почему это капец, - с десяток.

Мы не можем похвастаться мудростью глаз
И умелыми жестами рук,
Нам не нужно все это, чтобы друг друга понять.
Сигареты в руках, чай на столе - так замыкается круг,
И вдруг нам становится страшно что-то менять.

Юрий

Сообщений: 7311 Регистрация: Ноя 2017

#15

8 Февраля 2020 17:11

Цитата
Eye пишет: Юрий, Всё же Вы б освоили хотя бы азы HTML, CSS, ну и в целом сайтостроения. Добавлять на сайт телефон картинкой - это капец... И причин, почему это капец, - с десяток.

Осваиваю. Когда то я сам буду над этим смеяться. Но пока так

Похожие темы:

21.07.2015 14:47	Показ баннера по прошествию времени
14.09.2011 11:57	скрипт ( Витрина ссылок, баннеров ).

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
19:36 Стоит ли добавлять сайт в Rambler топ 100? 13:54 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 14:50 Индексация страниц 12:36 У кого новостник, дайте пару советов плиз 13:53 AviTool - мощный инструмент для автоматизации работы с Avito 17:01 Absence в Армении 23:19 Ребята подскажите какими сервисами и прогами вы пользуетесь для SEO продвижения?	22:49 Обменник криптовалюты OnlyCrypto 20:21 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 19:49 CactusPay.PRO \| Умная платёжная система с выводом в USDT TRC-20 16:02 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 19:37 Продажа лидов: форекс, инвестиции, нативка, гемблинг, чарджбеки 15:45 Резидентные Прокси Ротационные BACKCONNECT США Европа Микс 17:56 Услуга: Поведенческие факторы (ПФ) для Авито	05:04 Точные прогнозы на футбол 14:01 Union Pharm - топовая фарма-партнерка для профессионалов! 10:59 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 12:23 150+ хакерских поисковых систем и инструментов 08:38 Накрутка поисковых подсказок 17:41 Стряхнуть обыденность - об Агасфере 10:54 Добро пожаловать в цифровой мир...