Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Ссылка из дополнительного поля в CSS?

Ссылка из дополнительного поля в CSS?


     18.08.2019    css, xfields, image    Общие вопросы по вёрстке, Стили (CSS), Ламерские вопросы    1379

вопрос
Здравствуйте! На сайте есть дополнительное поле (тип - Одна строка), которое используется лишь только для ссылок на изображение (обложку). Формируя дизайн, столкнулся с проблемой. Мне нужно использовать значение этого дополнительного поля для CSS, т.к. хочу, чтобы у каждой публикации на сайте был свой индивидуальный размытый background, в зависимости от обложки этой публикации.

Вот пример:

.bg-blur {
    position: absolute;
    background-image: url([xfvalue-img]);
    background-size: cover;
    background-repeat: no-repeat;
    filter: blur(5px);
}


background-image: url([xfvalue-img]) не даёт никаких результатов, хотя если вместо xfvalue-img прописать ссылку на изображение вручную, то всё будет работать. Подскажите, как быть в этой ситуации?

Ответа пока нет


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

maks
Юзер

maks - 18 августа 2019 20:43 -

Ставьте код в fullstory.tpl

Yan Ivanov
Юзер

Yan Ivanov - 18 августа 2019 21:00 -

пробовал в fullstory, пробовал создать отдельный tpl и подключить его в fullstory через include - результат один и тотже. Не работает

maks
Юзер

maks - 18 августа 2019 21:10 -

Значит этот тег у вас не работает, проверяйте, выводит он url или нет.

Yan Ivanov
Юзер

Yan Ivanov - 18 августа 2019 21:20 -

тег рабочий 100%, т.к. используется буквально в каждой публикации и выводит изображение, делая его обложкой всей статьи. но именно со стилями работать не хочет

maks
Юзер

maks - 18 августа 2019 21:24 -

Так не бывает. Если url ом выводит а тегом нет, значит тег не работает. Или тег нечистый url выводит.

Yan Ivanov
Юзер

Yan Ivanov - 18 августа 2019 21:38 -


Изображение слева - как раз выводится из дополнительного поля. В самом низу, дабы проверить, я вывел это поле. Как можете видеть - чистый URL, ничего лишнего.

maks
Юзер

maks - 18 августа 2019 21:43 -

А почему там 2 раза .jpg? Utl(картинка) в браузере открывается?

Yan Ivanov
Юзер

Yan Ivanov - 18 августа 2019 21:47 -

это такой формат URL с iTunes и Apple Music. Ссылка открывается без проблем. Более того, как я писал в самом начале - если этот URL прописать вручную вместо [xvalue-img] всё будет отображаться.

Мне кажется, что дело именно в функции background-image.

P.S. Вот сама ссылка из моего примера, можете проверить, что она полностью рабочая :
https://is3-ssl.mzstatic.com/image/thumb/Music123/v4/fb/99/cd/fb99cdf5-64db-e788-295f-3b6358427253/194491173876.jpg/1400x0w.jpg

maks
Юзер

maks - 18 августа 2019 21:52 -

Чудеса,, можете сайт скинуть в лс

maks
Юзер

maks - 18 августа 2019 22:10 -

Как же вы проверяли этот тег и он выводил url? С тире он не пишется

Нужно так [xfvalue_img]

Yan Ivanov
Юзер

Yan Ivanov - 18 августа 2019 22:13 -

и стыдно, и радостно. Спасибо тебе, добрый человек :)

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

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

наверх