Как изменить положение текста при наведении на постер?

Anna2020 04.05.2020 dle 13.2, постер Общие вопросы по вёрстке, Стили (CSS) 721

вопрос

Приветствую! Есть сайт http://myltikpyltik.online/, на постерах в популярном наложена плашка с названием мульта, при наведении она пропадает. Собственно вопрос: как сделать наоборот, чтоб при наведении появлялась? И где это делать? Я сколько не смотрела в коде, ровным счетом ничего не меняется. Заранее благодарю откликнувшихся)

Ответил: леший

Цитата: Anna2020

И где это делать?

В файле /templates/myltik3/css/styles.css

Цитата: Anna2020

как сделать наоборот, чтоб при наведении появлялась?

в коде


.popular-item-img:before {content: ''; position: absolute; z-index: 5;  left: 0; right: 0; bottom: 0; height: 70%; 
	background: linear-gradient(to bottom, transparent 0%,#000000 100%); opacity: 1;}
.popular-item:hover .popular-item-img:before, .popular-item:hover .popular-item-title {opacity: 0;}

замените значения свойства opacity (ноль и единицу поменяйте местами)


.popular-item-img:before {content: ''; position: absolute; z-index: 5;  left: 0; right: 0; bottom: 0; height: 70%; 
    background: linear-gradient(to bottom, transparent 0%,#000000 100%); opacity: 0;}
.popular-item:hover .popular-item-img:before, .popular-item:hover .popular-item-title {opacity: 1;}

5 комментариев

Гости

435

леший - 2018-11-244 мая 2020 10:42 - #75932

***Комментарий удален***

Юзер

Anna2020 - 2018-11-244 мая 2020 10:59 - #75933

Спасибо. Позже испытаю)

Юзер

Anna2020 - 2018-11-244 мая 2020 16:42 - #75936

От спасибище!!!!! Получилось) Единственное, мини добавление от меня) Я еще строчкой выше дописала opacity: 0 возле описания, чтоб и сама плашка и текст появлялись при наведении, а то без opacity: 0 у текста, текст закреплен, а плашка появляется)
Еще раз огромное спасибо, я бы не догадалась))))

Гости

435

леший - 2018-11-244 мая 2020 16:46 - #75938

Цитата: Anna2020

а то без opacity: 0 у текста, текст закреплен, а плашка появляется)

упустил этот момент, приношу свои извинения))))

Юзер

Anna2020 - 2018-11-244 мая 2020 16:49 - #75939

После комментария я поняла что отвечает за наведение и по логике догадалась что надо сделать) Пальцем в небо, и получилось) У меня половина дизайна сделана пальцем в небо))))

Похожие вопросы

Последние события

mondolfo | Как вывесит в comments.tpl картинку с но ... ⁷

mondolfo
Как вывесит в comments.tpl картинку с новости?
Вчера, 23:42

кто-нибудь решил эту?
Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
22-11-2024, 17:08

Разъясните как вытащить id?
lutskboy | Вытащить все данные из определенного доп ... ¹

lutskboy
Вытащить все данные из определенного доп поля?
22-11-2024, 16:17

в adminer можно.

lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
22-11-2024, 16:14

выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
js скрипт можно написать


<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег

Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
22-11-2024, 14:39

Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
22-11-2024, 13:52

где выводить? админка или сайт
TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
21-11-2024, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .

наверх