Jump to content

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

Featured Replies

Posted
comment_165345

 

Вот такая вот проблема, у темы 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=&quot;ipsfocus/pattern.jpg&quot; app=&quot;core&quot; location=&quot;front&quot;}') repeat;
		opacity: var(--pattern--opacity, 0.04);
	}
 Поставил себе, картинка подрузилась в ресурсы темы. 

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

 

1187387704_.jpg.0b01e17e3f27a72181d33f6380064e93.jpg

Edited by AnWey

comment_165361

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

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

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

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

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

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

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

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

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

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

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

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

Edited by AnWey

comment_165369

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

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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.