Начать новую тему

Анимированные баннеры

 Добрый день.


В платной теме из Маркета http://furniture-store.mymerchium.ru/ на главной странице применены баннеры, которые мне хотелось бы применить в своем магазине.


Что именно меня привлекает:

1. Картинка бэкграундом, сверху наложение полупрозрачной плашки и текста

2. Изменение внешнего вида (анимация) при наведении мишки

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


Возможно ли это сделать стандартными средствами?

Здравствуйте, Виталий.


Боюсь, стандартными средствами нет возможности реализовать запрашиваемую вами функциональность. Для изменения стиля указанных элементов, необходимо добавить CSS правила для определенных классов в секцию Пользовательские CSS редактора тем.


Для того чтобы найти информацию по используемому классу, а также определить, какой именно класс используется для определенного элемента, вы можете воспользоваться инструментом разработчика в браузере, который вы используете. Обычно он вызывается нажатием клавиши F12 на клавиатуре. Для поиска нужного элемента вам необходимо нажать на иконку с лупой (в браузере Google Chrome) или на иконку курсора, наводящую на прямоугольную область (в браузере Mozilla Firefox), выделить интересующий вас элемент на странице Мерчиума, и в секции Elements (в браузере Google Chrome) или Styles (в браузере Mozilla Firefox) вы сможете увидеть название класса или идентификатора, значение которого вы сможете изменить.


Подробнее об использовании данного инструмента в браузерах Google Chrome и Mozilla Firefox вы можете найти на следующих ресурсах:


https://developer.chrome.com/devtools (на английском языке)

http://ruseller.com/lessons.php?rub=28&id=1683


http://firebug.ru/

https://mozilla-russia.org/products/firefox/videos/firebug.html


Информацию по работе с различными CSS свойствами вы можете найти на данных ресурсах:


http://htmlbook.ru/

http://www.w3schools.com/css/


Если у вас возникают сложности с добавлением необходимых правил, мы рекомендуем вам приобрести желаемую тему из Маркета.


Спасибо.

Спасибо за ответ!

Если это сделано на чистом CSS, то я пожалуй попробую разобраться. Но если там еще принимает участие в этом JavaScript, то лучше даже не пытаться.

Вы не могли бы подсказать, как реализованы эти эффекты, с использование JS или без?

 

Здравствуйте, Виталий.

К сожалению, мы не можем сказать, реализованы ли эти баннеры с использованием JavaScript, так как не являемся разработчиками данной темы.

Спасибо.

Войдите, чтобы опубликовать свой комментарий