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

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

Сообщений: 5921 Регистрация: Ноя 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

Юрий

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

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

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

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

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

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

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

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

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

Юрий

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

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

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

lol_cp

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

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

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

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

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

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

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

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

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

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

Юрий

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

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

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

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

Mango

Сообщений: 1274 Регистрация: Май 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

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

Юрий

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

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

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

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

Юрий

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

#10

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

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

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

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

#11

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

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

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

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

удалите

Код
?pid=fefbda

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

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

#12

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

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

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

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

Юрий

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

#13

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

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

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

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

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

Eye

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

#14

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

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

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

Юрий

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

#15

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

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

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

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

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

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

Новые темы	Объявления	Свободное общение
02:28 Кто как борется с ботами ПФ? 20:51 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 17:27 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт! 14:20 Партнерская программа OWNR WALLET 11:17 Новая поисковая система от OpenAI 08:07 Самозанятые смогут зарабатывать в рекламной сети VK 07:57 А ты жарил? АПдейт Яндекс выдача 11 мая 2024	05:11 Transit-Bit.com - Обмен USDT на IDR, THB, RUB и наличные 20:29 Заказать отзывы, купить отзывы. 18:27 Сервис ReCaptcha 2, 30р за 1000 решений. 18:00 Услуги рассылки Viber\|Whatsapp\|IMO. 18:00 Услуги рассылки Вконтакте 17:59 Рассылка в TELEGRAM \|Большой опыт работы \| Любые тематики \| Лучшая конверсия 17:58 Прием платежей для HIGH RISK \| Прием платежей без сайта	00:04 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 11:40 Кто сделает прогон для адалт сайта? 09:25 Добро пожаловать в цифровой мир... 10:31 Видимо, похороны СУПРа уже прошли как-то по-тихому 08:08 С юмором по жизни! 08:02 Жизнь за границей, куда переехать. 07:58 Точные прогнозы на футбол