Таблица прайс. Выделение строки при наведении

[zbscomp]

Привет всем. Кто знает чем можно сделать прайс как тут? http://easyrepair24.ru/kompyuter/remont-kompyutera/
Теоретически, можно сделать столбиком 1. А вот чтоб 2 столбика: с лева текст, справа цена, и чтоб при наведении строка целая выделялась...
Кто знает?) Тот красавчик)) Если поделится, ваще супер будет

Отправлено спустя 1 минуту 24 секунды:
И аналогично, как на той же страничке, как сделать иконку с текстом)) Чтоб при наведении так же было

[Alex1972]

Файл layout.css
Там все "расскрашки" объектов.
/* KOMP REMONT */
/* USLUGI PRICE*/


Он даже размечен коментами для удобства

Так же и svg картинки выкачать можно. Достаточно правой кнопкой мышки щёлкнуть и выбрать Посмотреть код(в хроме)
Вот одна из картинок-
http://easyrepair24.ru/wp-content/images/area.svg

[zbscomp]

Умник) Там WP )) А я спрашивал есть ли расширения для этого на WebBuilder)) И как можно сделать

[Alex1972]

И что WP? CSS другой что ли?
На счёт расширений-не в курсе.Мне проще свой стиль подключить. Как и в WP-дополнительный стиль
И делается не сложно. Я правда обратную операцию делал.Страницы и формы сделанные в WB,на WP натягивал.

[spoon]

Просто подключите этот код к dfitq таблице, соответственно за место .uslugi-price ваш id или class.

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

.uslugi-price li:hover {
    -webkit-box-shadow: 0 3px 7px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 7px 3px rgba(0, 0, 0, 0.1);
}

Замену цвета текста можно стандартными методами сделать.

Отправлено спустя 16 минут 45 секунд:
Пример с таблицей, можно заморичится со стандартными фишками, но для примера вставил в HTML

[zbscomp]

Спасибо) ТО что надо) Чет недопер сам до этого))

[spoon]