Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » Стили (CSS) » Как осуществить затемнение постера при наведении курсора?

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

baseroad 30.04.2016 Все вопросы » Стили (CSS) 2083

вопрос

Испробовав десяток методов по затемнению постера у меня так и нечего не получилось... На сайте Megogo очень красиво осуществили эту задумку, но не могу этого повторить самостоятельно(((
Помогите осуществить затемнение постера, вот код http://codepen.io/karensarkisyan/pen/RaqwLL
Если можно, чтобы получилось как на сайте мегого))) Заранее благодарочка)))

Ответил: WIGGO

http://codepen.io/WIGGO141/pen/pyQvvv

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

Юзер

328

baseroad - 2016-04-1630 апреля 2016 21:06 - #55208

Да, все как я и хотел)))) А как сделать, чтобы они в ширину по 3 были и с равными промежутками? http://base-road.ru/teplovozu.html

Юзер

WIGGO - 2016-04-1630 апреля 2016 21:11 - #55209

меняйте ширину

Юзер

328

baseroad - 2016-04-1630 апреля 2016 23:19 - #55211

Столкнулся с проблемкой... Раньше постеры я загружал через дополнительное поле "тип: одна строка", а сейчас "тип: Загружаемое изображение" в итоге пришлось создать новое доп. поле и выводить все вот таким образом:

<div class="wrap">
  <div class="blackout"></div>
[full-link][xfnotgiven_image2][xfgiven_image]<img  class="poster" src="[xfvalue_image]" alt="{title}">[/xfgiven_image][/xfnotgiven_image2][/full-link]
    [full-link][xfgiven_image2]<span class="poster">[xfvalue_image2]</span>[/xfgiven_image2][/full-link]
<img  class="stripes" src="http://base-road.ru/img/featured-shadow-long.png">
  <div class="title">
    [full-link]{title}[/full-link]
  </div>
</div>

Суть проблемы. Изображение выведенное через новое доп. поле оформляеться не так как другие (по старому доп. полю).... Помогите решить проблему пожалуйста... Слева выведенный пост через новое доп. поле, а справа через старое...

Юзер

WIGGO - 2016-04-161 мая 2016 05:45 - #55215

.poster img{
  width:300px;
  height:168px;
  border-radius:2px;
margin-bottom:-4px;
  }

попробуйте так

Юзер

328

baseroad - 2016-04-161 мая 2016 10:53 - #55220

Цитата: WIGGO

.poster img{
  width:300px;
  height:168px;
  border-radius:2px;
margin-bottom:-4px;
  }
попробуйте так

Неа, все скрывилось(( Может сам код я не правильно написал? Вот на этой странице код использую

<div class="wrap">
  <div class="blackout"></div>
[full-link][xfnotgiven_image2][xfgiven_image]<img  class="poster" src="[xfvalue_image]" alt="{title}">[/xfgiven_image][/xfnotgiven_image2][/full-link]
    [full-link][xfgiven_image2]<span class="poster">[xfvalue_image2]</span>[/xfgiven_image2][/full-link]
<img  class="stripes" src="http://base-road.ru/img/featured-shadow-long.png">
  <div class="title">
    [full-link]{title}[/full-link]
  </div>
</div>

Юзер

WIGGO - 2016-04-161 мая 2016 11:01 - #55221

что там искривилось?

upd все, нашел

пробуйте так


.poster img{
  width:300px!important;
  height:168px!important;
  border-radius:2px;
margin-bottom:-4px;
  }

Юзер

328

baseroad - 2016-04-161 мая 2016 11:08 - #55222

Черный поезд выводиться по новому типо доп. поля, а остальные по старому и тег <h3> сместился

Юзер

328

baseroad - 2016-04-161 мая 2016 13:33 - #55225

Цитата: WIGGO

что там искривилось?

upd все, нашел

пробуйте так

.poster img{
  width:300px!important;
  height:168px!important;
  border-radius:2px;
margin-bottom:-4px;
  }

Изображение стало на место, а вот тег h3 "Маневровые" почему-то на место не вернулся(( И как сделать, чтобы изображение вело на полную новость при клике? Вывел вот так, но не работает

[xfgiven_image2]<span class="poster">[full-link][xfvalue_image2][/full-link]</span>[/xfgiven_image2]

Юзер

WIGGO - 2016-04-161 мая 2016 17:30 - #55227

Блок blackout оберните в этот тег

Юзер

328

baseroad - 2016-04-161 мая 2016 21:34 - #55238

А не подскажите как сделать адаптивность этого блока?

Юзер

WIGGO - 2016-04-162 мая 2016 05:24 - #55244

Слишком много вопросов))

Юзер

328

baseroad - 2016-04-1630 апреля 2016 21:12 - #55210

WIGGO,
буду пробовать))) Спасибо за помощь!)))

Юзер

328

baseroad - 2016-04-162 мая 2016 11:02 - #55250

Цитата: WIGGO

Слишком много вопросов))

Это будет последний)))) Помогите плиз)

derebas | Нужо доработать плагин связанных новосте ... ²

derebas
Нужо доработать плагин связанных новостей
23-12-2024, 22:42

1. --
2. Не будет работать с добавлением новостей, т.к. ID еще не существует, только переработка принципа самого доп. поля. Что касается существующего состояния, просто добавьте один query запрос при нажатии на + который и будет добавлять параметр в sql
3. стрипслэш
4. Скачал, попробывал, не заметил такой проблемы, возможно нужно в ajax уточнить параметр
5. Просмотрев модуль, изначально алерт идет об однократных связях, как туда может попасть "лишняя" новость не совсем понятно.

В любом случае обратитесь к teraMoune как к специалисту
TeraMoune | Нужо доработать плагин связанных новосте ... ²

TeraMoune
Нужо доработать плагин связанных новостей
23-12-2024, 13:40

Пишите в телеграм посмотрим
non-stop | Как решить проблему индексации DLE в пои ... ⁴

non-stop
Как решить проблему индексации DLE в поиске Bing?
23-12-2024, 08:43

Проверил также количество страниц в поиске BING
site:adressayta.com

в поиске всего 3 страницы
Sitemap как ни пытался скормить - не выходит. выдает ошибку
Неприемлемая карта сайта
Невозможно получить URL-адреса с карты сайта

Мне кажется что причина в файле .httaccess
тк при попытке скармливания постранично - выдает ошибку перенаправления
URL перенаправления цели:https://........ ./index.php?do=static&page=406.&seourl=406.
Sud3n | Как решить проблему индексации DLE в пои ... ⁴

Sud3n
Как решить проблему индексации DLE в поиске Bing?
22-12-2024, 20:44

Ошибка, если посмотреть есть ли страничка в индексе
Но версия DLE у меня старая, сомневаюсь, что дело в версии
Sud3n | Как решить проблему индексации DLE в пои ... ⁴

Sud3n
Как решить проблему индексации DLE в поиске Bing?
22-12-2024, 20:42

У меня почему-то Bing вообще не индексирует сайт после добавления в Вебмастер
non-stop | Как решить проблему индексации DLE в пои ... ⁴

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess