Войти

Авторизация

Логин:
Пароль:
Забыли пароль?
Регистрация
Сайт пользователей Artisteer и Themler. Официальный торговый представитель.

[РЕШЕНО] Затемнение при наведении и кликабельность

Посетитель
Александр
Сообщений: 29
249 дней назад
Здравствуйте, друзья и коллеги!!!
Штука следующая. Как с помощью принадлежностей themler сделать следующее:
Три фотографии в ряд, по одной прямой. Их нужно сделать, чтобы они затемнялись при наведении мыши и были кликабельны, при клике вели определенные разделы на сайте.
Я уже измучался. вторую ночь не сплю.
Постоянный участник
Malover
Медаль
Сообщений: 638
15 дней назад
Александр:
при клике вели определенные разделы на сайте.

Надо кликнуть на изображение и перейти на появившуюся вкладку Изображение вверху на ней есть поле для ссылки:



Александр:
Их нужно сделать, чтобы они затемнялись при наведении мыши и были кликабельны

Такого эффекта не нашел, но посмотрите сами может быть я пропустил.

На той же вкладке Изображение, справа нажать на Расширение, там включить движок Анимация, и кликнув на опции выбрать, что понравится.

Посетитель
Александр
Сообщений: 29
249 дней назад
Malover:

Александр:
при клике вели определенные разделы на сайте.

Надо кликнуть на изображение и перейти на появившуюся вкладку Изображение вверху на ней есть поле для ссылки:



Александр:
Их нужно сделать, чтобы они затемнялись при наведении мыши и были кликабельны

Такого эффекта не нашел, но посмотрите сами может быть я пропустил.

На той же вкладке Изображение, справа нажать на Расширение, там включить движок Анимация, и кликнув на опции выбрать, что понравится.



Спасибо! За помощь.
Затемнение решил кодом CSS для изображений:

* {margin:0; padding:0;}
img {width:100%;}
.img-overlay {position:relative; float:left; width:200px; font-size:3;}
.img-overlay:after {position:absolute; left:0; width:100%; height:100%;
background:rgba(0,0,0,.75); font-size:5px; color:#fff; text-align:center; line-height:150px;
transition: opacity 0.5s; opacity:0;}
.img-overlay:hover:after {transition: opacity 0.5s; opacity:1;}
|
Перейти на форум: