X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
> Сделать кнопку кликабельной
Siege_mw
Siege_mw
Topic Starter сообщение 22.2.2016, 10:45; Ответить: Siege_mw
Сообщение #1


Друзья, подскажите как сделать кнопку "Заказать песню" на картинке кликабельной?

Картинка по адресу [hide]http://rghost.ru/8lgJzGLkg[/hide]

Дело в том, что картинка выводится в шапке сайта и хочу в кнопку вставить всплывающую контакт форму Contact Form 7 + Funcy Box.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
сообщение 22.2.2016, 11:05; Ответить: k0ttee
Сообщение #2


Слизать код с нижней кнопки. :laugh:

Снизу сделано так:
<a class="fancybox-inline" href="#contact_form_pop">
<!--тут картинка-->
</a>

Сверху точно так же, только заменить картинку.


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Siege_mw
Siege_mw
Topic Starter сообщение 22.2.2016, 12:30; Ответить: Siege_mw
Сообщение #3


Я это понимаю. Но кнопка является частью шапки. И если просто заменить название картинки то вся шапка будет кликабельной.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
сообщение 22.2.2016, 12:35; Ответить: k0ttee
Сообщение #4


Оберни картинку (картинку а не шапку) ссылкой и будет работать.
<a href="#contact_form_pop">

</a>


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
prohojy_rs
prohojy_rs
сообщение 22.2.2016, 12:46; Ответить: prohojy_rs
Сообщение #5


Как это является частью шапки? Для нее отдельная пнг есть?


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Siege_mw
Siege_mw
Topic Starter сообщение 22.2.2016, 15:37; Ответить: Siege_mw
Сообщение #6


(prohojy_rs)
Как это является частью шапки? Для нее отдельная пнг есть?

Я же ссылку оставил в первом посте, там можно увидеть, что шапка и кнопка есть одной картинкой, просто сюда загрузить не позволяют настройки форума.

Добавлено спустя 7 минут 33 секунды:
Вот немного сжал, но думаю будет видно.

Это шапка, которую я заливаю в тему. Там нарисована кнопка "Заказать песню". Как мне сделать, чтобы была кликабельной именно та область картинки, где расположена нарисованная кнопка и чтобы все это вызывало еще и контактную форму с кодом:

<center><a class="fancybox-inline" href="#contact_form_pop"> <img title="Заказать песню" src="http://pesnja-v-podarok.ru/wp-content/themes/MusicalBlog/images/feedback.png" alt="Заказать песню" /></a></center>
<div class="fancybox-hidden" style="display: none;">
<div id="contact_form_pop">[contact-form-7 id="29" title="Заказать песню"]</div>
</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
сообщение 22.2.2016, 16:19; Ответить: k0ttee
Сообщение #7


Добавить внутрь <div id="header">:
<a href="#contact_form_pop"><div style="background:#060; height:50px;width:264px;position:relative;top:60px;left:630px"></div></a>

Если я не ошибся с подгонкой, должно встать в нужное место.


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Siege_mw
Siege_mw
Topic Starter сообщение 22.2.2016, 16:34; Ответить: Siege_mw
Сообщение #8


Не прикрепилось, вот

Прикрепленное изображение


Добавлено спустя 12 минут 6 секунд:
(k0ttee)
Добавить внутрь <div id="header">:
<a href="#contact_form_pop"><div style="background:#060; height:50px;width:264px;position:relative;top:60px;left:630px"></div></a>

Если я не ошибся с подгонкой, должно встать в нужное место.


Это нужно использовать с кодом, который я дал выше?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
сообщение 22.2.2016, 16:44; Ответить: k0ttee
Сообщение #9


?

Это внутрь шапки добавить (внутрь блока <div id="header">)
Добавится зеленый блок, закрывающий нужное место... Если я угадал с размерами, останется убрать фоновый цвет и все.


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Siege_mw
Siege_mw
Topic Starter сообщение 22.2.2016, 16:54; Ответить: Siege_mw
Сообщение #10


(k0ttee)
?

Это внутрь шапки добавить (внутрь блока <div id="header">)
Добавится зеленый блок, закрывающий нужное место... Если я угадал с размерами, останется убрать фоновый цвет и все.


Добавил, появился зеленый прямоугольник, конечно размеры немного не те. И что дальше теперь? Мне нужно, чтобы нажатие на ту область где зеленый прямоугольник выводило всплывающую форму обратной связи :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужно сделать репост статей в соц сети
1 HavingingWorld 2393 27.2.2024, 2:15
автор: AndrePro
Открытая тема (нет новых ответов) Сделать дорвей
0 tok24ua 901 28.8.2023, 20:59
автор: tok24ua
Открытая тема (нет новых ответов) Сделать правки на html-странице
5 TABAK 2261 20.5.2023, 10:45
автор: EvilGomel
Открытая тема (нет новых ответов) Сколько стоит сделать шаблон для WP?
изучаю цены
3 Palundra 2379 2.4.2022, 3:06
автор: WebSuccessful
Открытая тема (нет новых ответов) Как сделать поддомены, чтобы не склеило?
0 Yuliya1982 920 29.11.2021, 5:26
автор: Yuliya1982


 



RSS Текстовая версия Сейчас: 29.3.2024, 3:42
Дизайн