Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Шаблоны (TPL) » Как поставить фон в новости?

Как поставить фон в новости?


     06.05.2017    фон, шаблон    Шаблоны (TPL), Стили (CSS)    391

вопрос
Здравствуйте. Вот сайт. Как установит фоновую картинку image-1 как на скриншоте?

Как поставить фон в новости?


То есть чтобы информация о фильме была написана прямо на картинке. У меня это почти получилось... Но! Фоновая картинка обрезалась высотой класса m-info (информацией о фильме). А мне нужно, чтобы у картинки была 100% высоты.

Ответил: kolt32


Я так понимаю, админы демо сайта делают картинку с актуальной шириной и высотой. Если вы затеяли подобное, будь готовы тоже самое делать, иначе будет растягиваться и выглядеть убого.

Я у себя делал вид кратких новостей в виде большой ссылки с фоновой картинкой. Вот так. В принципе вам тоже самое нужно сделать, и поиграть со стилями.

<div class="СТИЛИ" style="background: url('[xfvalue_image_url_X]') no-repeat; background-size: 100%;">
Новость
</div>


Где [xfvalue_image_url_X] это доп. поле с картинкой, а X название доп поля. image_url_ обязательно, чтобы на картинку выводилась ссылка, а не полный тег с содержимым.

3 комментария

ewak
Юзер

ewak - 7 мая 2017 10:31 -

Обернуть в div с нужными размерами и установить картинке position: absolute, можно еще отцентровать через background size или object-cver-fit. Если не поняли напишите в лс, помогу.

Alex Alex
Юзер

Alex Alex - 7 мая 2017 10:35 -

Проблема в том, что высота у картинок будет разной в каждой новости.

ewak
Юзер

ewak - 7 мая 2017 10:36 -

Тогда выравнивайте через object-fit: cover;

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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

наверх