Jump to content

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


AnWey

Recommended Posts

 

Вот такая вот проблема, у темы 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
Link to comment
Share on other sites

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

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

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

Edited by AnWey
Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

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
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Ваша ссылка была автоматически строена.   Отображать как обычную ссылку

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...