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

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

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

Юрий

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

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

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

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

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

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

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

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

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

Юрий

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

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

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

lol_cp

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

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

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

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

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

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

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

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

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

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

Юрий

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

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

Юрий

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

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

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

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

Юрий

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

Юрий

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

#13

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

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

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

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

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

Eye

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

#14

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

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

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

Юрий

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

#15

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

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

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

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

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

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

Новые темы	Объявления	Свободное общение
21:03 Продвижение по ключам 15:44 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 09:57 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 19:33 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 15:12 Несколько статей хорошо выдаются в Гугле, но отвратительно в Яндексе 13:40 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 11:41 2Index - быстрая индексация страниц сайта и обратных ссылок	22:50 Европейский эквайринг 20:39 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 17:10 AllCharge.online. Современный, быстрый и надёжный обменник 15:24 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 14:48 AlwaysMoney - платформа для обмена криптовалют 14:11 №1 Рассылка / Инвайтинг [TELEGRAM] \| Приватный метод 14:10 Trustpilot Reviews \| Подниму рейтинг вашей компании	16:49 monetizer.agency – рекламная сеть для взрослого и развлекательного трафика. 100$ новому вебмастеру 20:43 Добро пожаловать в цифровой мир... 15:59 Про мясо 23:09 ПП от PMS remote.team - 200$ за команду 13:28 Компьютерная мышь 22:55 Ну что, кто куда деваете свои сайты? 22:34 Используете беспроводные наушники?