Рамка при наведении на товар

[w710i2]

Добрый день, товарищи! Помогите сделать эффект тонкой рамки при наведении курсора на позицию товара и товары в рамках!

Пример на скрине: 

Змінено 29 червня 2016 користувачем w710i2

[mosd]

Добрый день, товарищи! Помогите сделать эффект тонкой рамки при наведении курсора на позицию товара и товары в рамках!

Пример на скрине: 

эффекты при наведении:

http://htmlbook.ru/css/hover

или опиши задачу более точно (свой сайт, что конкретно требуется)

[w710i2]

эффекты при наведении:

http://htmlbook.ru/css/hover

или опиши задачу более точно (свой сайт, что конкретно требуется)

Необходимо, чтобы при наведении курсора товар подсвечивался тоненькой рамкой,  а сами товары отделены этими же рамками.

вот как здесь: ledmag.net

[lexter]

.tovar {border:1px solid #ccc;}

.tovar:hover {5px solid #000;}

[w710i2]

.tovar {border:1px solid #ccc;}

.tovar:hover {5px solid #000;}

Спасибо! Подскажите какой файл править?

[lexter]

category.tpl

[zlatoff]

category.tpl

stylesheet.css

[lexter]

stylesheet.css

ну там дял начала понять надо какой класс )) а так вы правы )

[w710i2]

stylesheet.css

не нашел куда вставить в stylesheet.css. Подскажите строку..