Hintergrund - Bild - ändern

Kuske · Feb 28th 2016

Hallo Leute,

ich weiß, dass es dazu schon ganz viele Beiträge gibt und ich glaube ich habe auch alle durchgelesen, zumindest annähernd.

Ich habe die Rechte überprüft, suhoshin ist nicht installiert und das komische an der Geschichte ist, sobald ich ein

Code

background-image: url(../images/xxx.png);

im css bei erweiterten Einstellungen verwende, bekomme ich eine 403 forbidden Seite vom Server generiert.

Seh ich den Wald vor lauter Bäumen nicht oder was mache ich falsch?

Das ganze Board läuft super, nur die Anpassung des Styles will einfach nicht klappen.

Für einen kurzen Tip wäre ich dankbar.

Zwecks PHP info: PHPINFO

Mit freundlichen Grüßen,

Morik · Feb 28th 2016

und das bild selbst liegt im image-ordner innerhalb des WCF-Ordners und ist mit dem direktlink auch aufrufbar ?

Kuske · Feb 28th 2016

Hallo,
jawohl: Bild

Muss denn Suhosin installiert sein?

Morik · Feb 28th 2016

Versuch mal
background-image: url("../images/ringe.png");
So klappts zumindest bei mir...

Kuske · Feb 28th 2016

Habe ich schon, sobald ich den oben genannten code eingebe, bekomme ich die 403 Fehlermeldung vom Server. Das ist ja mein Problem

Morik · Feb 28th 2016

Wie schaut denn der vollständige css block aus den du einfügst / modifizierst ?

Kuske · Feb 28th 2016

Hallo,
ich habe eigentlich alles so übernommen und wollte nur den Hintergrund ändern. Dann habe ich es mit einem anderen Style probiert ... ist aber das gleiche Ergebnis gewesen, leider.

Hier der Code

CSS

/* ### blue temptation special css ### */
/* background-image for body, tabular boxes and dialogs */
body, .tabularBox, .dialogTitlebar {
	background-image: url(../images/ringe.png);
	background-repeat: repeat-x;
}




/* main menu */
.mainMenu > ul {
	background-color: rgba(0, 0, 0, .4);

	> li {
		> a {
			border-width: 0 !important;

			.transition(color, .3s, ease); 
			.textShadow(@wcfPageBackgroundColor);

			&:hover {
				color: @wcfPageLinkHoverColor;
			}
		}

		&.active > a {
			.linearGradient(@wcfNavigationHeaderBackgroundColor, lighten(@wcfNavigationHeaderBackgroundColor, 20%), @wcfNavigationHeaderBackgroundColor);
		}

		&:hover {
			color: @wcfMainMenuActiveColor;
		}
	}
}




@media all and (min-width: 801px) {
	.mainMenu {
		margin: @wcfGapMedium 9px 0;

		> ul {
			border-radius: 5px 5px 0 0;

			> li.active > a {
				border-radius: 5px 5px 0 0;
				position: relative;

				&::after {
					border-bottom-left-radius: 6px;
					border-width: 0 0 1px 1px;
					bottom: 0;
					content: "";
					height: 7px;
					position: absolute;
					right: -7px;
					width: 7px;

					.boxShadow(-2px, 2px, @wcfNavigationHeaderBackgroundColor, 0);
				}

				&::before {
					border-bottom-right-radius: 6px;
					border-width: 0 1px 1px 0;
					bottom: 0;
					content: "";
					height: 7px;
					left: -7px;
					position: absolute;
					width: 7px;

					.boxShadow(2px, 2px, @wcfNavigationHeaderBackgroundColor, 0);
				}
			}
		}
	}
}




/* navigation header / footer */
@media all and (min-width: 801px) {
	.navigation {
		border-color: darken(@wcfSidebarBackgroundColor, 8%);

		> ul {
			&.navigationIcons {
				> li {
					> a:hover {
						background-color: @wcfSidebarBackgroundColor;
					}
				}
			}

			&.navigationItems {
				border-color: darken(@wcfNavigationHeaderBackgroundColor, 20%);
			}
		}
	}




	.navigationHeader {	
		border-top-width: 0;
		border-radius: @wcfContainerBorderRadius @wcfContainerBorderRadius 0 0;
	}

	.navigationFooter {
		border-radius: 0 0 @wcfContainerBorderRadius @wcfContainerBorderRadius;
	}
}




/* sidebar */
@media all and (min-width: 801px) {
	.sidebar > div > fieldset:not(:last-child), .sidebar > div > div:not(:last-child) {
		border-color: darken(@wcfSidebarBackgroundColor, 8%);
	}




	.sidebar {
		fieldset {
			> nav {
				ul {
					> li {
						&.active {
							.boxShadow(0, 0, rgba(0, 0, 0, 0.1), 2px);
						}

						> a {
							.transition(color, .1s);
						}
					}
				}
			}
		}
	}




	#main {
		> div {
			> div {
				> .sidebar {
					> span > .collapsibleButton {
						border-width: 1px 0 1px 1px;
						border-style: solid;
						border-color: darken(@wcfSidebarBackgroundColor, 8%);
						clip: rect(-5px 25px 31px -5px);

						.boxShadow(0, 0, rgba(0, 0, 0, 0.1), 2px);
					}
				}
			}
		}

		&.sidebarOrientationLeft {
			.sidebar {
				border-right: 1px solid darken(@wcfSidebarBackgroundColor, 8%);

				> div {
					width: 301px;

					fieldset {
						width: 301px;
					}
				}
			}
		}

		&.sidebarOrientationRight {
			.sidebar {
				border-left: 1px solid darken(@wcfSidebarBackgroundColor, 8%);
			}
		}
	}
}




/* ### buttons ### */
/* default values */
button,
input[type='reset'],
input[type='submit'],
input[type='button'],
.button {
	font-weight: bold;
}




/* normal state */
.button,
input[type='reset']:not([disabled]),
input[type='submit']:not([disabled]),
input[type='button']:not([disabled]),
button:not([disabled]) {
	border-color: lighten(@wcfButtonBorderColor, 7%) @wcfButtonBorderColor darken(@wcfButtonBorderColor, 7%);

	.boxShadow(0, 1px, rgba(0, 0, 0, .1), 3px);
	.linearGradient(lighten(@wcfButtonBackgroundColor, 5%), lighten(@wcfButtonBackgroundColor, 10%), lighten(@wcfButtonBackgroundColor, 5%) 2px, @wcfButtonBackgroundColor);
	.transition(~"background-color, background-image, border, box-shadow, color", .1s);

	.icon {
		.transition(color, .1s);
	}
}




/* primary */
.button.buttonPrimary,
input[type='submit']:not([disabled]),
input[type='button']:not([disabled]).buttonPrimary,
button:not([disabled]).buttonPrimary {
	border-color: lighten(@wcfButtonPrimaryBorderColor, 7%) @wcfButtonPrimaryBorderColor darken(@wcfButtonPrimaryBorderColor, 7%);

	.boxShadowNative(~"0 1px 3px rgba(0, 0, 0, .1), 0 0 10px" @wcfButtonPrimaryBorderColor);
	.linearGradient(lighten(@wcfButtonPrimaryBackgroundColor, 5%), lighten(@wcfButtonPrimaryBackgroundColor, 10%), lighten(@wcfButtonPrimaryBackgroundColor, 5%) 2px, @wcfButtonPrimaryBackgroundColor);
}




/* hover */
.button:hover,
input[type='reset']:not([disabled]):hover,
input[type='submit']:not([disabled]):hover,
input[type='button']:not([disabled]):hover,
button:not([disabled]):hover,
.button.buttonPrimary:hover,
input[type='submit']:not([disabled]):hover,
input[type='button']:not([disabled]).buttonPrimary:hover,
button:not([disabled]).buttonPrimary:hover {
	border-color: lighten(@wcfButtonHoverBorderColor, 7%) @wcfButtonHoverBorderColor darken(@wcfButtonHoverBorderColor, 7%);
	color: @wcfButtonHoverColor;

	.boxShadowNative(~"0 1px 3px rgba(0, 0, 0, .1), 0 0 10px" @wcfButtonHoverBorderColor);
	.linearGradient(lighten(@wcfButtonHoverBackgroundColor, 5%), lighten(@wcfButtonHoverBackgroundColor, 10%), lighten(@wcfButtonHoverBackgroundColor, 5%) 2px, @wcfButtonHoverBackgroundColor);

	.icon {
		color: @wcfButtonHoverColor;
	}
}




/* active (permanently) */
.button.active,
input[type='button'].active,
button.active,
.button.active:hover,
input[type='button'].active:hover,
button.active:hover {
	border-color: darken(@wcfButtonColor, 5%);
	color: lighten(@wcfButtonBackgroundColor, 5%);

	.boxShadow(0, 1px, rgba(0, 0, 0, .1), 3px);	
	.linearGradient(@wcfButtonColor, darken(@wcfButtonColor, 10%), @wcfButtonColor 3px);
	.textShadow(darken(@wcfButtonColor, 10%));

	.icon {
		color: lighten(@wcfButtonBackgroundColor, 5%);

		.textShadow(darken(@wcfButtonColor, 10%));
	}
}
















/* bread crumbs */
@media only screen and (min-width: 801px) {
	.breadcrumbs {
		background-color: @wcfContentBackgroundColor;
		border: 1px solid @wcfContainerBorderColor;
		border-radius: 6px;

		> ul {
			> li {
				padding-right: 0;

				.transition(max-width, .2s);

				&:hover {
					max-width: 100%;

					> a {
						background-color: @wcfContainerAccentBackgroundColor;
						position: relative;
						z-index: 10;
					}

					> .pointer > span {
						border-color: transparent transparent transparent @wcfContainerAccentBackgroundColor;
					}
				}

				> .pointer {
					border-color: transparent transparent transparent @wcfContainerBorderColor;
					border-style: inset none inset solid;
					border-width: 15px;
					display: block;
					height: 0;
					padding: 0;
					right: -15px;
					top: -3px;
					width: 0;
					z-index: 20;

					> span {
						border-color: transparent transparent transparent @wcfContentBackgroundColor;
						border-style: inset none inset solid;
						border-width: 15px;
						display: block;
						height: 0;
						left: -16px;
						overflow: hidden;
						position: absolute;
						text-indent: -9000px;
						top: -15px;
						width: 0;

						.transition(border-color, .2s);
					}
				}

				> a {
					padding-left: 20px;

					.transition(background-color, .2s);
				}

				&:first-child > a {
					border-radius: @wcfContainerBorderRadius - 2 0 0 @wcfContainerBorderRadius - 2;
					padding-left: 9px;
				}
			}
		}
	}
}




/* user panel */
.userPanel {
	border-bottom: 1px solid rgba(0, 0, 0, .1);

	.boxShadow(0, 3px, rgba(0, 0, 0, .3), 7px);

	> div {
		> .searchBar {
			> form input[type="search"] {
				&:focus, &:active {
					.boxShadow(0, 0, transparent, 0);
				}
			}
		}
	}
}
@media only screen and (max-width: 800px) {
	.userPanel {
		background-color: darken(@wcfPageBackgroundColor, 10%);

		> div {
			> .searchBar {
				background-color: darken(@wcfPageBackgroundColor, 20%);
			}
		}
	}
}







/* ### border radius ### */
@media all and (min-width: 801px) {
	.container,
	.message,
	.dropdownMenu,
	.attachmentThumbnail,
	.attachmentThumbnail > img,
	.attachmentThumbnail > a > img,
	.box64 .attachmentTinyThumbnail {
		border-radius: @wcfContainerBorderRadius;
	}




	.containerList {
		> li {
			&:first-child {
				border-top-left-radius: @wcfContainerBorderRadius - 1;
				border-top-right-radius: @wcfContainerBorderRadius - 1;
			}

			&:last-child {
				border-bottom-left-radius: @wcfContainerBorderRadius - 1;
				border-bottom-right-radius: @wcfContainerBorderRadius - 1;
			}
		}
	}




	.message.messageSidebarOrientationLeft .messageContent {
		border-radius: 0 @wcfContainerBorderRadius - 1 @wcfContainerBorderRadius - 1 0;
	}




	.message.messageSidebarOrientationRight .messageContent {
		border-radius: @wcfContainerBorderRadius - 1 0 0 @wcfContainerBorderRadius - 1;
	}




	.message.messageReduced .messageContent {
		border-radius: @wcfContainerBorderRadius - 1;
	}




	.messageOptions {
		nav {
			ul.smallButtons > li {
				&:first-child a.button {
					border-top-left-radius: 14px;
				}
			}
		}
	}




	.message.messageSidebarOrientationLeft,
	.message.messageReduced {
		.messageOptions {
			nav {
				ul.smallButtons > li {
					&:last-child a.button {
						border-bottom-right-radius: @wcfContainerBorderRadius;
					}
				}
			}
		}
	}




	.tabularBox {
		border-radius: @wcfContainerBorderRadius;
	}

	.tabularBox:not(.tabularBoxTitle) .table {
		thead tr:first-child th {
			&:first-child {
				border-top-left-radius: @wcfContainerBorderRadius - 2;
			}

			&:last-child {
				border-top-right-radius: @wcfContainerBorderRadius - 2;
			}
		}
	}




	.tabularBox .table {
		tbody tr:last-child td {
			&:first-child {
				border-bottom-left-radius: @wcfContainerBorderRadius - 2;
			}

			&:last-child {
				border-bottom-right-radius: @wcfContainerBorderRadius - 2;
			}
		}
	}




	.container > .table {
		> tbody > tr {
			&:first-child > td {
				&:first-child {
					border-top-left-radius: @wcfContainerBorderRadius - 2;
				}

				&:last-child {
					border-top-right-radius: @wcfContainerBorderRadius - 2;
				}
			}

			&:last-child > td {
				&:first-child {
					border-bottom-left-radius: @wcfContainerBorderRadius - 2;
				}

				&:last-child {
					border-bottom-right-radius: @wcfContainerBorderRadius - 2;
				}
			}
		}
	}




	.attachmentThumbnail > div {
		border-radius: 0 0 @wcfContainerBorderRadius - 2 @wcfContainerBorderRadius - 2;
	}




	.wbbBoardList:not(.wbbBoardListReduced) {
		> li.wbbDepth1 > div {
			border-top-left-radius: @wcfContainerBorderRadius - 2;
			border-top-right-radius: @wcfContainerBorderRadius - 2;
		}

		li.wbbLastBoxElement > div {
			border-bottom-left-radius: @wcfContainerBorderRadius - 2;
			border-bottom-right-radius: @wcfContainerBorderRadius - 2;
		}

		.tabularBox:not(.wbbDepth1) {
			border-top-left-radius: 0;
			border-top-right-radius: 0;
		}
	}




	.wbbBoardListReduced .tabularBox {
		border-radius: 0;
	}




	.tabMenuContainer > .menu {
		border-radius: @wcfContainerBorderRadius - 1 @wcfContainerBorderRadius - 1 0 0;
	}




	.pollContainer {
		> .formSubmit {
			border-radius: 0 0 5px 5px;
		}
	}




	.codeBox > div {
		border-radius: @wcfContainerBorderRadius 0 0 @wcfContainerBorderRadius;
	}
}

@media screen and (min-width: 1240px) {
	.containerList.doubleColumned {
		> li {
			&:last-child {
				border-radius: 0;
			}

			&:first-child {
				border-radius: @wcfContainerBorderRadius - 1 0 0 0;
			}

			&:nth-child(2) {
				border-top-right-radius: @wcfContainerBorderRadius - 1;
			}

			&:nth-child(even) {
				&:last-child {
					border-bottom-right-radius: @wcfContainerBorderRadius - 1;
				}
			}

			&:nth-child(odd) {
				&:last-child, &:nth-last-child(2) {
					border-bottom-left-radius: @wcfContainerBorderRadius - 1;
				}
			}
		}
	}
}




		
/* tab menus */
@media all and (min-width: 801px) {
	.tabMenu {
		padding: 0 10px;

		> ul {
			border-top-left-radius: @wcfContainerBorderRadius;
			border-top-right-radius: @wcfContainerBorderRadius;

			> li {
				&.ui-state-active {
					> a {
						border-top-right-radius: @wcfContainerBorderRadius;
						border-top-left-radius: @wcfContainerBorderRadius;

						&::before {
							border: 1px solid @wcfContainerBorderColor;
							border-bottom-right-radius: 6px;
							border-width: 0 1px 1px 0;
							bottom: -1px;
							clip: rect(0, 6px, 6px, 0);
							content: " ";
							height: 5px;
							left: -6px;
							position: absolute;
							width: 5px;

							.boxShadow(2px, 1px, @wcfContainerBackgroundColor, 0);
						}

						&::after {
							border: 1px solid @wcfContainerBorderColor;
							border-bottom-left-radius: 6px;
							border-width: 0 0 1px 1px;
							bottom: -1px;
							clip: rect(0, 6px, 6px, 0);
							content: " ";
							height: 5px;
							position: absolute;
							right: -6px;
							width: 5px;

							.boxShadow(-2px, 1px, @wcfContainerBackgroundColor, 0);
						}
					}
				}
			}
		}
	}
}




/* ### inputs ### */
/* normal state */
input[type='text'],
input[type='search'],
input[type='date'],
input[type='datetime'],
input[type='email'],
input[type='number'],
input[type='url'],
input[type='password'],
textarea,
select[multiple] {
	border-color: darken(@wcfInputBorderColor, 20%) @wcfInputBorderColor lighten(@wcfInputBorderColor, 10%);

	.boxShadowInset(0, 1px, rgba(0, 0, 0, .1));
	.transition(~"background-color, border, box-shadow", .2s);
}




/* active / focus */
input[type='text']:active,
input[type='search']:active,
input[type='date']:active,
input[type='datetime']:active,
input[type='email']:active,
input[type='number']:active,
input[type='url']:active,
input[type='password']:active,
textarea:active,
select[multiple]:active,




input[type='text']:focus,
input[type='search']:focus,
input[type='date']:focus,
input[type='datetime']:focus,
input[type='email']:focus,
input[type='number']:focus,
input[type='url']:focus,
input[type='password']:focus,
textarea:focus,
select[multiple]:focus {
	.boxShadowNative(~"0 0 5px" fade(@wcfInputHoverBorderColor, 50%) ~", inset 0 1px 5px rgba(0, 0, 0, .1)");
}




/* error state */
.formError input[type='text'],
.formError input[type='search'],
.formError input[type='email'],
.formError input[type='number'],
.formError input[type='url'],
.formError input[type='password'],
.formError textarea {
	background-color: @wcfInputBackgroundColor;
	border-color: @wcfErrorBackgroundColor;

	.boxShadowNative(~"0 0 5px" fade(@wcfErrorBackgroundColor, 50%) ~", inset 0 1px 5px rgba(0, 0, 0, .1)");

	&:hover, &:focus {
		background-color: @wcfInputHoverBackgroundColor; 
	}
}




/* success state */
.formSuccess input[type='text'],
.formSuccess input[type='search'],
.formSuccess input[type='email'],
.formSuccess input[type='number'],
.formSuccess input[type='url'],
.formSuccess input[type='password'],
.formSuccess textarea {
	background-color: @wcfInputBackgroundColor;
	border-color: @wcfSuccessBackgroundColor;

	.boxShadowNative(~"0 0 5px" fade(@wcfSuccessBackgroundColor, 50%) ~", inset 0 1px 5px rgba(0, 0, 0, .1)");

	&:hover, &:focus {
		background-color: @wcfInputHoverBackgroundColor; 
	}
}







/* alerts */
.info,
.error,
.success,
.warning {
	border-radius: 7px;
	border-width: 0;

	.boxShadowNative(~"0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2)");
}




.info {
	.linearGradient(@wcfInfoBackgroundColor, @wcfInfoBackgroundColor, @wcfInfoBorderColor);
}




.error {
	.linearGradient(@wcfErrorBackgroundColor, @wcfErrorBackgroundColor, @wcfErrorBorderColor);
}




.success {
	.linearGradient(@wcfSuccessBackgroundColor, @wcfSuccessBackgroundColor, @wcfSuccessBorderColor);
}




.warning {
	.linearGradient(@wcfWarningBackgroundColor, @wcfWarningBackgroundColor, @wcfWarningBorderColor);
}




.innerError {
	border-radius: 7px;
	border-width: 0;

	.boxShadowNative(~"0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2)");
	.linearGradient(@wcfErrorBackgroundColor, @wcfErrorBackgroundColor, @wcfErrorBorderColor);
	.textShadow(@wcfErrorBackgroundColor);
}







/* ### more eye candy ;-) ### */
@media only screen and (min-width: 801px) {
	.message .messageSidebar {
		/* avatar reflection */
		.userAvatar > a > img {
			-webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.6, transparent), to(rgba(0, 0, 0, .3)));
		}
	}
}




.message.dividers {
	.userCredits {
		border-top: 1px solid darken(@wcfSidebarBackgroundColor, 8%) !important;

		.boxShadowInset(0, 1px, @wcfContentBackgroundColor, 0);
	}
}




.footerContent {
	.textShadow(@wcfPageBackgroundColor);
}




/* framed last post */
@media only screen and (min-width: 801px) {
	.wbbBoardList {
		.wbbLastPost {
			top: @wcfGapSmall;

			> div {
				background-color: @wcfContentBackgroundColor;
				border-radius: @wcfContainerBorderRadius;
				padding: @wcfGapSmall;
				margin-right: @wcfGapSmall;

				.boxShadowNative(~"inset 0 1px 1px rgba(0, 0, 0, .1)");
			}
		}
	}
}




/* message group starter */
@media only screen and (min-width: 801px) {
	.messageList {
		.messageGroupStarter {
			> .message.messageSidebarOrientationLeft::before {
				border-top-left-radius: @wcfContainerBorderRadius;
				content: "";
				display: block;
				height: 128px;
				left: 0;
				position: absolute;
				top: 0;
				width: 128px;

				.linearGradientNative(~"135deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%");
			}

			> .message.messageSidebarOrientationRight::before {
				border-top-right-radius: @wcfContainerBorderRadius;
				content: "";
				display: block;
				height: 128px;
				right: 0;
				position: absolute;
				top: 0;
				width: 128px;

				.linearGradientNative(~"225deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%");
			}
		}
	}

	// rtl fix
	html[dir='rtl'] {
		.messageList {
			.messageGroupStarter {
				> .message.messageSidebarOrientationLeft::before {
					.linearGradientNative(~"225deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%");
				}

				> .message.messageSidebarOrientationRight::before {
					.linearGradientNative(~"135deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%");
				}
			}
		}
	}
}




/* attachments */
.attachmentThumbnail {
	.boxShadow(0, 1px, rgba(0, 0, 0, 0.2), 1px);
	.transition(box-shadow, .1s); 

	&:hover {
		.boxShadow(0, 0, @wcfButtonHoverBorderColor, 20px);
	}
}




/* box-shadows */
.container,
div.tabularBox,
.wbbBoardList > li.tabularBox,
.message {
	.boxShadow(0, 1px, rgba(0, 0, 0, .1), 2px);
}




.container .container,
.message .container {
	.boxShadowNative(~"none");
}




/* dropdown transitions */
.dropdown .dropdownMenu li {
	.transition(background-color, .1s);

	> a {
		.transition(color, .1s);
	}
}




/* table head transitions */
.table {
	/* headline */
	th {
		> a {
			.transition(~"background-color, color, box-shadow", .2s);
		}
	}
}




/* user title */
.userTitleBadge {
	.boxShadowNative(~"0 1px 0 rgba(255, 255, 255, 1), inset 0 1px 0 rgba(0, 0, 0, .2)");
}




/* dashboard boxes */
.dashboardBoxSidebarButton {
	> div {
		> .button {
			-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.5, transparent), to(rgba(0, 0, 0, .4)));
		}
	}

Display More

T1N0 · Feb 28th 2016

Hast Du ModSecurity eventuell Aktiv?

Nebenbei, PHP 5.3 ist schon in Rente^^

Warlord · Feb 29th 2016

geht den der Standardstil Blue Temptation?

denn da wäre ja auch der Code drin

Code

/* ### blue temptation special css ### */
/* background-image for body, tabular boxes and dialogs */
body, .tabularBox, .dialogTitlebar{
	background-image: url(../images/blueTemptation/blueTemptationHeader.png);
	background-repeat: repeat-x;

ArnoEdwin · Feb 29th 2016

Quote from Annothek

background-image: url(../images/blueTemptation/blueTemptationHeader.png);

Hallo @Kuske , würde ich auch Vermuten, weil in Deiner Zeile background-image: url(../images/ringe.png);
Fehlt die Angabe das Styleordner.

Ausserdem sei mir eine Frage Erlaubt, gehört Deine fra nich eigentlich in einen ander Thread
Burning Board 3.1.x

Morik · Feb 29th 2016

Der Stilordner ist doch vorerst mal völlig egal, wichtig ist nur, dass der Link soweit stimmt und das tut er ja...

Warlord · Mar 1st 2016

Quote from Morik

Der Stilordner ist doch vorerst mal völlig egal, wichtig ist nur, dass der Link soweit stimmt und das tut er ja...

hä? Der Ordner wo etwas liegt ist doch gerade der Knackpunkt wie soll etwas angezeigt werden das es an der Stelle auf die der Link zeigt nicht gibt?
Der link mag ja stimmen wenn da aber das Bild nicht ist bekommt man eine Fehlermeldung, bei mir kommt dann z.B.
Error 404: NOT FOUND!

und quasi das passiert doch da?

Quote from Kuske

im css bei erweiterten Einstellungen verwende, bekomme ich eine 403 forbidden Seite vom Server generiert.

Morik · Mar 1st 2016

404 und 403 sind zwei völlig unterschiedliche Statusmeldungen des Webservers...
Ich vermute auch dass das 403 bereits beim Speichern kommt und somit vermutlich darauf hindeutet dass irgend ein Sicherheitsmechanismus verhindert dass man dort bestimmte Inhalte an den server sendet.

Und nochmal für dich ganz klar:
http://www.stammtischfreunde.de/wcf/images/ringe.png <= Bild
../images/ringe.png <= relativer pfad, die css datei liegt unter wcf/styles/, also ist der relative Pfad der in der css datei verwendet werden muss auch ohne stilordner gültig. Hab ich selbst auch schon gemacht wenn ich Grafiken Stilübergreifend verwenden wollte

Kuske · Mar 2nd 2016

Hallo Leute,

vielen Dank für die Hilfe!

Quote from T1N0

Hast Du ModSecurity eventuell Aktiv?

Nebenbei, PHP 5.3 ist schon in Rente^^

Das war das Problem. Ich habe unter modsecurity eine Ausnahme einfügen müssen. Wude eben geblockt. Danke für den Tip!

Die PHP Version ist nun auch aktuell, Danke für den Hinweis

Quote from ArnoEdwin

Hallo @Kuske , würde ich auch Vermuten, weil in Deiner Zeile background-image: url(../images/ringe.png);Fehlt die Angabe das Styleordner.

Ausserdem sei mir eine Frage Erlaubt, gehört Deine fra nich eigentlich in einen ander Thread
Burning Board 3.1.x

Nein nein, es ging schon um das WBB 4 nur bin ich gerade beim update und damit ich nicht alles zersemmel probier ich vorab schon etwas herum. Nur hat mich das mit dem leidigen Hintergrundbild fast zur Verzweiflung gebracht.

Danke nochmals für eure Hilfe,

Gruß,

Hintergrund - Bild - ändern

Participate now!

Share

Similar Threads

Hintergrundbild ändern!

Im Forum Button steckt ein Fehler

Hintergrund-Farben: Kein Blau sondern gelb/orange

Profil in der Demo geht nicht (mehr)

Thread BG anpassen für Teammitglieder etc.

Schriftfarbe Problem