Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 26.11.2019, 12:02   #1
Марилибоби
Пользователь
 
Регистрация: 21.08.2018
Сообщений: 12
По умолчанию Форма WhatsApp на сайт - Не получается поставить картинку( WhatsApp

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

<div class="fixedbut">Тест</div>

<style>.fixedbut { position: fixed; bottom: 20px; right: 20px; display: block; background: #2db700; color: #fff; text-decoration: none; padding: 6px 23px; font-size: 17px;}.fixedbut:hover { background: #222; }</style>

<div class="fixedbut" onclick="location.href='https://api.whatsapp.com/send?phone=79257256179&text=Добрый день, я по поводу...'">Тест</div>
Марилибоби вне форума Ответить с цитированием
Старый 26.11.2019, 12:34   #2
Alar
Александр
Администратор
 
Аватар для Alar
 
Регистрация: 28.10.2006
Сообщений: 17,758
По умолчанию

картинка - это тег <img src="url/whatsapp.jpg">
Alar вне форума Ответить с цитированием
Старый 26.11.2019, 12:39   #3
Марилибоби
Пользователь
 
Регистрация: 21.08.2018
Сообщений: 12
По умолчанию

это я нагуглила, проблема в том где его прописать?) извините, я чайник)

Цитата:
Сообщение от Alar Посмотреть сообщение
картинка - это тег <img src="url/whatsapp.jpg">
это я нагуглила, проблема в том где его прописать?) извините, я чайник)

Цитата:
Сообщение от Alar Посмотреть сообщение
картинка - это тег <img src="url/whatsapp.jpg">
Это должно выглядеть так?

<div class="fixedbut">Тест</div>

<style>.fixedbut { position: fixed; bottom: 20px; right: 20px; display: block; <img src="https://www.searchpng.com/wp-content/uploads/2019/04/Whatsapp-Button-715x715.png">}.fixedbut:hover { background: #222; }</style>

<div class="fixedbut" onclick="location.href='https://api.whatsapp.com/send?phone=79257256179&text=Добрый день, я по поводу...'">Тест</div>
Марилибоби вне форума Ответить с цитированием
Старый 26.11.2019, 13:18   #4
Alar
Александр
Администратор
 
Аватар для Alar
 
Регистрация: 28.10.2006
Сообщений: 17,758
По умолчанию

Цитата:
Сообщение от Марилибоби Посмотреть сообщение
'">Тест</div
наверное где-то здесь.

Может вам вот эту ссылку в картинку положить? сейчас попробую на сайт подгрузить. посмотрим как получится

https://api.whatsapp.com/send?phone=...82%D0%BE%D0%B2

Код:
<a href="https://api.whatsapp.com/send?phone=+79778303275&text=%D1%84%D0%BE%D1%80%D1%83%D0%BC%20%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%81%D1%82%D0%BE%D0%B2">
<img src="http://pkonkurs.ru/whatsapp.png"></a>
Вот здесь я добавил
http://pkonkurs.ru
Alar вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Клиент WhatsApp регистрация WorldMaster C# (си шарп) 16 10.10.2018 10:13
переписка в whatsapp задним числом на IOS anonimus2014 Мобильные ОС (Android, iOS, Windows Phone) 10 14.09.2017 22:14
Whatsapp bboyRALF PHP 0 05.09.2017 15:38
Delphi XE7 и папки хранения Whatsapp serjufa Общие вопросы Delphi 0 31.08.2015 09:45
whatsapp Эльдияр Свободное общение 2 25.07.2015 08:52