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

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

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

Юрий

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

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

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

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

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

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

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

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

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

Юрий

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

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

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

lol_cp

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

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

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

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

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

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

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

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

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

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

Юрий

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

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

Юрий

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

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

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

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

Юрий

Сообщений: 7359 Регистрация: Ноя 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 КБ) [ Скачать ]

Юрий

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

#13

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

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

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

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

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

Eye

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

#14

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

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

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

Юрий

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

#15

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

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

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

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

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

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

Новые темы	Объявления	Свободное общение
08:23 Стоит ли добавлять сайт в Rambler топ 100? 14:32 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 14:52 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 23:00 Продвижение по ключам 13:56 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 05:56 Прибыль 200$ - 400$, за каждую 1000 уников! Google, FB и тд 17:59 Gambling Craft - гемблинг по белому	05:45 Rapidproxy↗️↗️Free Trial▶️⭐No expiration❇️$0.65/GB❇️99.99% uptime❇️Residential Proxy 04:10 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 18:12 Запустите свой обменник за 1 день без программиста и серверов — облачная платформа EX365 18:02 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 15:12 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 11:03 GoodsMoney.io 10:59 swapsfera.com	13:28 Компьютерная мышь 22:55 Ну что, кто куда деваете свои сайты? 22:34 Используете беспроводные наушники? 22:26 Какой фильм посмотреть сегодня вечером? 22:11 Про мясо 17:13 Добро пожаловать в цифровой мир... 22:51 Список обновленных тем пуст...