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

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

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

Ленина|СанЛенина|Ундоры

Дубки|Санаторий|Б. Яр

Бесплатная контекстная реклама

Юрий

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

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

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

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

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

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

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

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

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

Юрий

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

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

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

lol_cp

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

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

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

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

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

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

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

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

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

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

Юрий

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

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

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

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

Mango

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

Констркутор лендингов, в среднем можно сделать лендос за 30 мин и 200р - HTML5+JS+PHP-формы связи

Юрий

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

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

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

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

Юрий

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

#10

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

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

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

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

#11

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

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

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

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

удалите

Код
?pid=fefbda

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

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

#12

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

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

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

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

Юрий

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

#13

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

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

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

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

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

Eye

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

#14

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

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

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

Юрий

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

#15

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

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

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

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

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

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

Новые темы	Объявления	Свободное общение
18:16 как открыть к индексации ссылки в комментариях wordpress 10:49 Негативная накрутка ПФ нецелевыми запросами из поиска google 10:18 23 октября Выдача от Яндекса 19:46 Ходяга(АнтиМинусинск) - программа для проклика ссылок, генерации поискового и соц.трафика, улучшения ПФ 19:40 PlayCash - партнерка для заработка на азартном трафике! 18:32 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 18:30 Обновили Яндекс ИКС 12.10.2021 \| АПдейт	09:12 Obama.ru - безопасный обмен криптовалют и электронных денежных средств 07:11 Дешевые просмотры YouTube с гарантией, лайки, подписчики Instagram, ВК, Facebook, ОK, Twitter - SmmPanele.Ru 01:03 ZBpartner.com - Партнерская программа ЗенитБет 21:48 Litex.pro обмен валюты с минимальной комиссией 10:49 [eBucks] Автоматический обмен криптовалют. BTC и любые альткоины. Киви, Банковские карты и др. электронные системы. 10:28 DollySites – скрипт для копирования и работы с сайтами 20:38 Покупаем/Продаем криптовалюты за наличные	05:54 Insolvo.com - партнёрская программа с пожизненными 20% 21:57 50% и более за пол года или инвестиции без риска 00:09 Стоит ли приобретать Xrumer 00:08 Alfaleads - твоя любимая CPA-сеть! 11:59 Власти Москвы будут отслеживать нарушения антиковидных мер в соцсетях 23:03 Метавселенная от Цукерберга 09:04 Подскажите оператора номеров 8-800