Как написать код фона с подсветкой при наведении мышки

Компьютеры, Интернет

Понимаю, что шансов получить ответ очень мало, но уж очень я замучилась гуглить без толку.
Мне нужно добиться, чтобы при наведении мышки фон менялся на белый. Пробовала миллион вариантов и проверяла в блоге на liveinternet, и ни один вариант не срабатывает.
Если кто умеет, напишите действующий код, без всяких там фигурных скобок, сделайте скрин и подарите мне! А я в благодарность свечку за здравие поставлю :)
Привожу код, который пока без подсветки.

Или хотя бы чтобы тень меняла цвет. На зеленый.

StarayaTiotka1

Ответы (2)

Dmitris

15 марта 2015 г. 22:46

Шансы есть всегда, главное, верить:) Сложного там ничего нет.

Создаёте кострукцию примерно следующего вида:

Содержимое блока, которому нужно добавить подсветку при наведении курсора.

Дальше во внешнем css файле прописываем стиль для этого элемента

#podsvetka p {

тут стили блока, у вас оно в div style="" написано, стиль блока, но возможно придётся ещё и для отдельно дописывать стиль, в css это p { код } если прямо в коде, то через аттрибут style="".

}

а также стиль для подстветки данного блока при наведении курсора

#podsvetka p:hover {

тут можно тоже самое, только цвет фона поменять на нужный Вам

}

У себя проверял, работает и в опере, и в хроме, и в файерфоксе и в IE.

Замечательно… html код отрубило:) напишу в квадратных скобках, там поменяете потом, но не уверен, что тут нормально отобразится.

[div id=«podsvetka»]

[p]

Содержимое блока, которому нужно добавить подсветку при наведении курсора.

[/p]

[/div] Dmitris, 15 марта 2015 г. 22:48

Ну и скриншот, как просили Dmitris, 15 марта 2015 г. 22:53

Увы… Я таких лихих фигурных скобок уже много видала… Вот кабы тот код, что я привела в скриншоте, отредактировать и в таком виде отскриншотить… Чтобы я только значок за значком тщательно скопировала и сразу опубликовала. А отрывочные указки-подсказки-намеки я не усваиваю в связи с преклонным возрастом. Мне надо как двоечнице, не подсказывать, а просто дать списать :) StarayaTiotka1, 15 марта 2015 г. 23:12

Через это не реализуемо. Сделать можно только если вынести css в отдельный файл. По-другому никак не сделать. В мир тесен не подсветка, а при наведении появляется эффект тени, это совершенно другая песня. Это Вам ещё сложне будет сделать.

В первый блок { } прописываете то, что у Вас находится между кавычками в style="".
Во второй блок {} прописываете тоже самое, только вместо background:#f0ff0; указываете тот цвет, который нужен. Например, для красного цвета это будет background:#ff0000;

В html-коде удаляете то, что у Вас в style="" и сам style="" тоже, пишите то, что на скриншоте

Dmitris, 15 марта 2015 г. 23:26

StarayaTiotka1

16 марта 2015 г. 11:16

Такое ощущение, что я задала вопрос на китайском языке, а мне настойчиво отвечают на французском :)
Я потому и просила скриншот, что надеялась увидеть полностью прописанный код, при котором фон текста меняется при наведении мышки.
Не подсказки, «вставьте туда-то то-то», а код с уже вставленным всем что нужно куда нужно. Это возможно только на скриншоте, потому что если вживую его публиковать, то он превратится в готовый блок.
Кстати, в предпросмотре здесь мой код почему-то в блок не превращается.
Вообще печаль…
Планирую сделать наподобие сайта МирТесен, каждый пост в отдельном блоке.

Планирую сделать наподобие сайта МирТесен, каждый пост в отдельном блоке. StarayaTiotka1, 16 марта 2015 г. 11:16