Помогите реализовать “Подсветку меню”.

На данный момент есть стандартное меню в rsidebar вида:

Необходимо реализовать на основе этого меню примерно следующее (см. сайдбары на сайте):

http://mywordpress.ru/plugins/ (не реклама)

Точнее: При наведении на пункт меню, этот пункт подсвечивается голубым цветом. При наведении на активный пункт – оранжевым.

Я никогда не занимался html\css\php … однако уже больше года делаю свою собственную тему на основе WP изучая шаблоны тем и читая статьи в интернете. Скачал тему с похожей реализацией sidebar, но понять как оно сделано так и не смог. Прошу советов и помощи. За год узнал очень много, но пока не хватает именно этого знания.

С уважением.

Ну собственно здесь нет ничего сложного. HTML+CSS для списков. Можете поставить firebug на firefox и посмотреть как это конкретно реализовано в меню по вашей ссылке и по аналогии сделать так же.

Поиграйтесь с :hover. Примерно так

li a {
background:#fff;
}

li a:hover {
background:#ccc;
}

большое вам человеческое спасибо. с интересом пошел ковырять css – ку. не до конца понял как и где должен быть реализован код из поста выше, но думаю разберусь. суть понял. единственное это вопрос: команды li и ul за что отвечают в css?

Через схему :hover как не крути выходит немного не то, что желаю. сейчас буду пробовать первый предложеный вариант.

единственное это вопрос: команды li и ul за что отвечают в css?

Это не команды и они не отвечают. Они соответствуют. Соответствуют соответствующим тегам в html страницы и определяют их стиль отображения. li a – это то, что в <a>, вложенном в <li>.

спасибо.

а по совету: у гугля спрашивал, выдает кучу мусора на эту тему. и мало что похожего на ваш ответ. еще раз спасибо. 🙂

у гугля спрашивал, выдает кучу мусора на эту тему.

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

Приятно на форум заходить почтитать ))))

Anonymous
Отправить
Ответ на: