Не могу включить фон форума

[AnWey]

 

Вот такая вот проблема, у темы Chameleon Dark есть накладка на фон, типа ромба- треугольника. 

Сперва думал что это просто прозрачная накладка PNG, но оказлoсь JPG .

По названию картинки pattern, нашел в теме Chameleon Dark все классы скопировал и поставил себе. 

Но не работает, не отображается 

		Стояло в class='ipsApp ipsApp_front поставил себе также в класс ipsApp ipsApp_front	

    <div class='chameleon-background'>
				<div class='chameleon-background__image'>
					<div class='chameleon-background__gradient'></div>
				</div>
				<div class='chameleon-background__pattern'></div>
			</div>

/* Background image */
.chameleon-background{
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: -1;
	overflow: hidden;
}

	.chameleon-background__image{
		display: var(--focus-bg--display, block);
		position: relative;
		background-image: var(--focus-bg--image);
		background-position: var(--focus-bg--position, var(--focus-bg--position-default));
		background-repeat: var(--focus-bg--repeat, var(--focus-bg--repeat-default));
		background-size: var(--focus-bg--size, var(--focus-bg--size-default));
	}
		.chameleon-background__image::before{
			content: '';
			display: block;
			padding-bottom: calc(var(--background--height, 2000) / var(--background--width, 1500) * 100%);
		}

		.chameleon-background__gradient{
			position: absolute;
			left: 0; right: 0; bottom: 0;
			height: 40%;
			background: linear-gradient(to bottom, rgba(var(--focus-bg--rgb),0), rgba(var(--focus-bg--rgb),1) 99%);
		}

	.chameleon-background__pattern{
		display: var(--pattern--display, block);
		position: absolute;
		top: 0; left: 0; right: 0; bottom: 0;
		background: url('{resource="ipsfocus/pattern.jpg" app="core" location="front"}') repeat;
		opacity: var(--pattern--opacity, 0.04);
	}

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

<resource name="pattern.jpg" location="front" path="/ipsfocus/" user_edited="1">/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAA трллялял код длиный 

 

Изменено 23 ноября, 2020 пользователем AnWey

[Mano]

Ну так а само изображение то ромба вытащить?) Не?

[Desti]

Сейчас отображается. Но я не понимаю, зачем для простого фона в виде картинки такие сложности?

[Mano]

Только что, Desti сказал:

Сейчас отображается. Но я не понимаю, зачем для простого фона в виде картинки такие сложности?

Вот о чем и речь, тоже не укладывается в голове

[AnWey]

Привычка с темы Chameleon Dark, перешел на новую тему, решил со старой темы, некоторые фишки забрать )))

[Mano]

8 минут назад, AnWey сказал:

Привычка с темы Chameleon Dark, перешел на новую тему, решил со старой темы, некоторые фишки забрать )))

Да мы не об этом....мы о том, что можно сделать всё проще, прописав для нужного класса просто background-image

[AnWey]

5 минут назад, Elhombre сказал:

Да мы не об этом....мы о том, что можно сделать всё проще, прописав для нужного класса просто background-image

Да дело не в этом, оно работает , очень интересно, оно каким-то образом jpg делает прозрачным как png... 

Я просто взял jpg переделал в пнг, сделал прозрачность 95%, и зациклил на соединение .

Но каким образом работает код по  jpg в теме Chameleon Dark это загадка... 

Изменено 23 ноября, 2020 пользователем AnWey

[Mano]

AnWey  новые технологии) уже давно можно разные штуки делать при помощи CSS  

[Desti]

opacity: var(--pattern--opacity, 0.04); - видимо так и работает:) 

Вот вам примерчик: https://codepen.io/hatead1/pen/ExyqROR