[SNIPPET] Random header images

[Steve]

@cisco007

Random header background images on load/refresh. (the more images the better tbh)

These instructions are for prosilver only.

upload this folder "headers" to prosilver/theme/images/***

headers.zip

Now open colors.css
find:

Code: Select all

.headerbar {
	color: #FFFFFF;
}

.headerbar, .forumbg {
	background-color: #12A3EB;
	background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #0076B1 2px, #12A3EB 92px, #12A3EB 100%);
	background-image: linear-gradient(to bottom, #6ACEFF 0%,#0076B1 2px,#12A3EB 92px,#12A3EB 100%);
	background-repeat: repeat-x;
}

replace with:

Code: Select all

.headerbar {
	color: #FFFFFF;
	background-image: url("./images/headers/rotate.php");		
}

.forumbg {
	background-color: #12A3EB;
	background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #0076B1 2px, #12A3EB 92px, #12A3EB 100%);
	background-image: linear-gradient(to bottom, #6ACEFF 0%,#0076B1 2px,#12A3EB 92px,#12A3EB 100%);
	background-repeat: repeat-x;
}

You can: add more images into the header folder, use the script for any other CSS component.

I can make this timed also
morning, noon evening etc...

[Fred Rimbert]

I just made this addition but nothing happens

[Steve]

because you skipped the edit, you still have this:

Code: Select all

.headerbar, .forumbg {
	background-color: #12A3EB;
	background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #0076B1 2px, #12A3EB 92px, #12A3EB 100%);
	background-image: linear-gradient(to bottom, #6ACEFF 0%,#0076B1 2px,#12A3EB 92px,#12A3EB 100%);
	background-repeat: repeat-x;
}

it should be:

Code: Select all

.forumbg {
	background-color: #12A3EB;
	background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #0076B1 2px, #12A3EB 92px, #12A3EB 100%);
	background-image: linear-gradient(to bottom, #6ACEFF 0%,#0076B1 2px,#12A3EB 92px,#12A3EB 100%);
	background-repeat: repeat-x;
}

[Fred Rimbert]

My bad, you right

[cisco007]

Hey, i remember this. I was going to be updating this to try to make it an extension

[Steve]

Hey, i remember this. I was going to be updating this to try to make it an extension

make one.

[cisco007]

i will work on it today.

[Steve]

just use an override.css file.

[cisco007]

correct