Background and banner tut?

[Kenneth]

Think someone could do a tutorial on how to make a background like SoCal has and a banner like Cc has?

[Kenneth]

Anyone?

[rubix]

Can you please add some more detail to what you are requesting.

[Kenneth]

I'd just like to know how to recreate the background images like the one at SoCales Forum for example and the Banner set up at Coders Community, I can't really show you without hotlinking

[rubix]

I could put something together, but you'll have to wait until tonight or tomorrow. Sorry.

[Kenneth]

No problem

[rubix]

Here is a tutorial for the Forum Background [Clicky]

[Kenneth]

I got


an error has occurred
The thread you are trying to access does not exist.

[edenwax]

That's actually a pretty basic technique. First, you'll need the image. Just make it 100-200 pixels wider than the forum width.

Then use a code like: body { background: #COLOR url(IMG URL) center repeat-y; }

To do the header of cC you need to make the header width at 100%. Plus you need to remove some things like the borders and other stuff. I'll give the codes in a sec.

[+wR.[Anthony]]

I actually made a tutorial on how to make a proboards bg.

Here you go: www.youtube.com/watch?v=8HxCetkHTbM

[rubix]

fixed it, here it is [Clicky]

[Kenneth]

Thought I ran across it the other day from searching on the forums but didn't want to repost it looks pretty good and I can't get the basic ideas from it, banner tut coming along alright?

[rubix]

I'll start the banner tutorial tomorrow.

[Kenneth]

Alright thanks, could you also include the codes? The one edenwax should work well with the background right?

[rubix]

Sorry, updated the tutorial with the coding needed!

[edenwax]

Protip: CSS has a lot of neat tricks to help compress code.


body {
background-image: url(URL TO IMAGE HERE);
background-repeat: repeat-y;
background-attachment: fixed;
background-position: center;
}


Can be:

body {
background-image: #color url(URL TO IMAGE HERE) repeat-y fixed center;
}


(it looks a little funky because of the forum width but its all in one line)

[rubix]

Colin, I hate you