Сообщений в теме: 6

[Andrew S.]

Добрый день!

Мы уже так делали на другом шаблоне.

Ситуация такая: все картинки на папках каталога - прозрачные, транспарентные. Если поставить под низ эту картинку:



То будет вот так:



А сейчас вот так в каталоге:



Нужно чтобы подсветка эта фоновая включалась при наведении на внешнюю картинку и на название подкаталогов.

[Ирина345]

Andrew S. (01 Февраль 2015 - 07:21) писал:

Добрый день!

Мы уже так делали на другом шаблоне.

Ситуация такая: все картинки на папках каталога - прозрачные, транспарентные. Если поставить под низ эту картинку:

Buttons_background.png

То будет вот так:

Example.png

А сейчас вот так в каталоге:

Cat.png

Нужно чтобы подсветка эта фоновая включалась при наведении на внешнюю картинку и на название подкаталогов.

Здравствуйте,
добавьте в конец файла main.css код

.item-box:hover {
background: url('ссылка на вашу картинку')no-repeat ;
}

[Andrew S.]

Ирина345 (01 Февраль 2015 - 09:48) писал:

Здравствуйте,
добавьте в конец файла main.css код

.item-box:hover {
background: url('ссылка на вашу картинку')no-repeat ;
}

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

Вот только подскажите, как круглую подсветку поставить по центру картинки, а то она смещается везде влево вверх:



И при наведении чтобы цвет текста становился другим:

[Danil]

Andrew S. (14 Февраль 2015 - 15:19) писал:

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

Вот только подскажите, как круглую подсветку поставить по центру картинки, а то она смещается везде влево вверх:

Hover1.png

И при наведении чтобы цвет текста становился другим:

Hover2.png

1) В main.css найдите код

/* Подсвечивание папок каталога */
.item-box:hover {background: url('***')no-repeat ;}

и замените на

/* Подсвечивание папок каталога */
.item-box:hover {background: url('***')no-repeat 1px 2px;}

изменяйте значение 1px(по горизонтали) и 2 px(по вертикали), чтобы изменить положение фона
2) В конец main.css добавьте

.item-box:hover .title h4 a{color:#FFF;}

[Andrew S.]

Danil (14 Февраль 2015 - 15:39) писал:

1) В main.css найдите код

/* Подсвечивание папок каталога */
.item-box:hover {background: url('***')no-repeat ;}

и замените на

/* Подсвечивание папок каталога */
.item-box:hover {background: url('***')no-repeat 1px 2px;}

изменяйте значение 1px(по горизонтали) и 2 px(по вертикали), чтобы изменить положение фона
2) В конец main.css добавьте

.item-box:hover .title h4 a{color:#FFF;}

А можно сделать всё-таки так, чтобы белый фон не пропадал?

[Alekseys]

Andrew S. (16 Февраль 2015 - 10:58) писал:

А можно сделать всё-таки так, чтобы белый фон не пропадал?

Здравствуйте. В main.css замените

.item-box:hover {background: url('***')no-repeat 5px 5px;}

на

.item-box:hover {background: url('***')no-repeat 5px 5px white;}

[Andrew S.]

Alekseys (16 Февраль 2015 - 11:37) писал:

Здравствуйте. В main.css замените

.item-box:hover {background: url('***')no-repeat 5px 5px;}

на

.item-box:hover {background: url('***')no-repeat 5px 5px white;}

Удалите только, пожалуйста, ссылки на сайт. Спасибо!