Как сделать чтобы при наведении на форму она меняла цвет

WYSIWYG Web Builder, вопросы которые не охвачены в других разделах.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить Вложения 3
Аватара пользователя

Автор Темы
rus
Экспериментатор
Экспериментатор
Сообщения: 83
Зарегистрирован: 11 апр 2016, 00:49
Версия Web Builder: 11.1

Как сделать чтобы при наведении на форму она меняла цвет

Сообщение rus » 11 апр 2016, 02:47

Как сделать чтобы при наведении на форму она меняла цвет и цвет текста менялся, если можно wbs файл, так будет понятнее

Реклама
Аватара пользователя

Автор Темы
rus
Экспериментатор
Экспериментатор
Сообщения: 83
Зарегистрирован: 11 апр 2016, 00:49
Версия Web Builder: 11.1

Как сделать чтобы при наведении на форму она меняла цвет

Сообщение rus » 11 апр 2016, 12:41

Делаю поправку не форма, а фигура

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Как сделать чтобы при наведении на форму она меняла цвет

Сообщение anonimus » 11 апр 2016, 13:17

CSS АНИМАЦИЯ В свойствах объекта
триггер HOVER, background-color

bc.wbs
У вас нет необходимых прав для просмотра вложений в этом сообщении.
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

Аватара пользователя

Автор Темы
rus
Экспериментатор
Экспериментатор
Сообщения: 83
Зарегистрирован: 11 апр 2016, 00:49
Версия Web Builder: 11.1

Как сделать чтобы при наведении на форму она меняла цвет

Сообщение rus » 11 апр 2016, 13:47

Спасибо, а как сделать чтобы и текст который в фигуре менял цвет?

Аватара пользователя

Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Как сделать чтобы при наведении на форму она меняла цвет

Сообщение Gudwinn » 11 апр 2016, 14:51

Так там же в свойствах есть галочка у фигуры (Shape) - режим нависания, ставите галочку, и можете и фон и цвет текста при наведении изменить
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

Автор Темы
rus
Экспериментатор
Экспериментатор
Сообщения: 83
Зарегистрирован: 11 апр 2016, 00:49
Версия Web Builder: 11.1

Как сделать чтобы при наведении на форму она меняла цвет

Сообщение rus » 11 апр 2016, 16:48

Спасибо за помощь все сделал, все работает

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Как сделать чтобы при наведении на форму она меняла цвет

Сообщение anonimus » 11 апр 2016, 17:34

Блин, Гудвин, совсем про нависание из головы вылетело. Шейпы перестал использовать с некоторых пор и забыл про эту функцию. :-):
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

Аватара пользователя

Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Как сделать чтобы при наведении на форму она меняла цвет

Сообщение Gudwinn » 11 апр 2016, 18:01

У меня тоже такое бывает, казалось бы знал идеально некоторые аспекты совсем недавно, время проходит, много нового узнаёшь из других областей, и когда сталкиваешься с тем что недавно ещё идеально знал, смотришь как баран на новые ворота))))
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Как сделать чтобы при наведении на форму она меняла цвет

Сообщение anonimus » 11 апр 2016, 18:04

А вообще всё Серёга виноват viewtopic.php?f=12&t=3193&start=60
Зациклил меня :-)
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

Аватара пользователя

SuperBatya
Продвинутый
Продвинутый
Сообщения: 213
Зарегистрирован: 18 сен 2016, 01:05
Версия Web Builder: 11.2.3

Как сделать чтобы при наведении на форму она меняла цвет

Сообщение SuperBatya » 11 май 2017, 02:54

Подскажите, можно ли сделать текст в фигуре менял цвет, но не включая режим нависания... Этот режим хорош, но при его включении у меня не работает css-анимация (тригер hover)
Прикрепляю кнопку WB 12.0.4...
Пробовал в особый стиль добавлять строки (a:hover{color: #FFFFFF}; и .hover{color: #FFFFFF;}) не помогает...
У вас нет необходимых прав для просмотра вложений в этом сообщении.

Аватара пользователя

Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Как сделать чтобы при наведении на форму она меняла цвет

Сообщение Gudwinn » 11 май 2017, 18:10

Привет, конечно можно, вот такая примерно должна быть запись в стилях

Код: Выделить всё

#wb_Shape1 span:first-child:hover {
    color: green!important;
}
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

SuperBatya
Продвинутый
Продвинутый
Сообщения: 213
Зарегистрирован: 18 сен 2016, 01:05
Версия Web Builder: 11.2.3

Как сделать чтобы при наведении на форму она меняла цвет

Сообщение SuperBatya » 11 май 2017, 22:04

Кирилл, может я что не так делаю, но не получается... Вставлял и особый стиль и в теги, и даже в исходник страницы между тегами body и др.
Помоги пожалуйста!

Аватара пользователя

Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Как сделать чтобы при наведении на форму она меняла цвет

Сообщение Gudwinn » 11 май 2017, 23:24

ну Вы блин даёте)) Вот это

Код: Выделить всё

<style>
#wb_Shape1 span:first-child:hover {
    color: green!important;
}
</style>
вставьте в HEAD страницы, вместо #wb_Shape1 поставьте айдишник своей фигуры( циферку поменяйте на свою), color: green!important; здесь введите код цвета который Вам нужен(который должен появляться при наведении)
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

SuperBatya
Продвинутый
Продвинутый
Сообщения: 213
Зарегистрирован: 18 сен 2016, 01:05
Версия Web Builder: 11.2.3

Как сделать чтобы при наведении на форму она меняла цвет

Сообщение SuperBatya » 12 май 2017, 02:35

Кирилл, извини за назойливость, но ничего не выходит... Вставил код между Head и Head... и ничего, как обычно...
Вложил проектик, посмотри пожалуйста!
У вас нет необходимых прав для просмотра вложений в этом сообщении.

Аватара пользователя

Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Как сделать чтобы при наведении на форму она меняла цвет

Сообщение Gudwinn » 12 май 2017, 03:39

Блин)) А кто будет переводить шейп в "Публиковать как CSS" ? Вот ещё более нормальный код

Код: Выделить всё

<style>
#Shape1:hover:first-child span {
    color: #FFFFFF!important;
}
</style>
В общем нажмёте "переименовать " у своего шейпа, и вставите это: Shape1 (не забудьте опубликовать шейп как CSS)
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

SuperBatya
Продвинутый
Продвинутый
Сообщения: 213
Зарегистрирован: 18 сен 2016, 01:05
Версия Web Builder: 11.2.3

Как сделать чтобы при наведении на форму она меняла цвет

Сообщение SuperBatya » 12 май 2017, 09:51

Кирилл, ты просто кудесник!!! Все работает на ура... :bra_vo:


Ответить Вложения 3

Вернуться в «Общие вопросы.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 2 гостя