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

[PROBABLY]

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

[igorweb]

В свойствах HTML нужно блока с текстом во вкладке "перед тегом" ставите код:

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

<style>#wb_uid0:hover {color:#FFD500;}</style>

Где:
#wb_uid0 - id текста (опеределить можно через инспектор в браузере);
#FFD500 - нужный цвет (ставите свой)

[PROBABLY]

Я вставил, но текст в предпросмотре не меняется

[igorweb]

Киньте ссылку на страницу. Я работаю в 11-й версии, возможно в более ранних версиях id тестовых блоков по-другому задается по умолчанию.

[PROBABLY]

А если я пока сайт не опубликовал, то как быть?

[igorweb]

Научиться самому находить id объектов (понять просто как это делается при помощи инспектора в браузере или, например, расширения firebug) и подставлять их в эту строчку кода. . Наберите в яндексе или ютубе "как посмотреть id объекта в браузере".

[PROBABLY]

Научиться самому находить id объектов (понять просто как это делается при помощи инспектора в браузере или, например, расширения firebug) и подставлять их в эту строчку кода. . Наберите в яндексе или ютубе "как посмотреть id объекта в браузере".

В свойствах объекта указывается ID, я его вставляю в скрипт, но эффекта это не дает

[igorweb]

В свойствах объекта указывается иногда id контейнера, в котором размещен объект. Потому нужно также смотреть в инспекторе id самого объекта и его уже прописывать в стилях (не скриптах).

[dlod]

В программе или через браузер, в исходнике страницы найдите ваш текст в строке <span id=" там и скопируйте ваш id, а не в строчке <div id=
Пример: <span id="wb_uid0">Ваш текст</span></div>

[PROBABLY]

Посмотрел, там код: <div id="wb_Text20" style="position:absolute;left:7px;top:404px;width:175px;height:60px;text-align:center;z-index:7;">
Я вставил в HTML "После тега" вот такую конструкцию: <style>#wb_Text20: hover {color:#305BDE;}</style>
Далее я предпросмотре навожу на текстовый объект и дальше ничего не происходит

[igorweb]

Источник цитаты Я вставил в HTML "После тега"

Написано же - "перед тегом".

Отправлено спустя 1 минуту 39 секунд:
Если не получится, значит смотрите какая строка идет после этого (на плюсик надо нажать слева если он есть).

[PROBABLY]

Вот ссылка на сайт - ведущий-ростов.рф
Нужно менять цветом тот блок, где написано "МАКСИМАЛЬНАЯ АУДИТОРИЯ 5 000 ЧЕЛ"

[igorweb]

Попробуйте так:

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

<style>#wb_Text20 > span:hover {color:#FFD500 !important;}</style>

Отправлено спустя 1 минуту 12 секунд:
Кстати, в 11-й версии уже id нормально присваиваются, а в 10-й еще их нет для текста, только для контейнера.

[PROBABLY]

Гениально! Спасибо большое!
Еще вопрос, а можно ли как-то сделать так, чтобы менять цвет иконки при наведении мышки, не используя при этом управляемое изображение?

[igorweb]

Можно через стили. Для этого нужно 2 изображения: исходное и на которое нужно поменять. Но зачем так усложнять, когда есть управляемое изображение? Если Вы имеете ввиду шрифтовые иконки, то нужно сперва подключить шрифты в Билдере. потом дополнительно вручную прописать код (чтобы на мобильных браузерах тоже показывалось), а затем уже применить к id иконки стиль соответствующий.

[PROBABLY]

А как с помощью тега span добиться такого эффекта как на фото, при наведении мышкой?

111111.jpg