INSTRUCTIONS FOR ADDING A NEW HEADER (BANNER) TO YOUR LAYOUT.

[sodoesrachael]

IN ORDER TO CHANGE YOUR HEADER/ BANNER:

*You have to be using a custom layout, not a generic LJ layout. The community refutedrefuted (and LJ won't let me link it, sorry) is an awesome place to find cool layouts (both of mine are from there), and they have easy instructions for changing your layout. And once you've added a banner, BAM, awesome LJ. :D :D

After you've pasted a new stylesheet (layout) into the CSS box, shown below highlighted, follow these instructions to put a banner at the top of your LJ page.




COPY/PASTE THIS CODE TO THE BOTTOM OF YOUR STYLESHEET:

.headerimage {
position: relative;
margin-left: auto;
margin-right: auto;
width: ###px;
height: ###px;
background-repeat: no-repeat;
background-image: url(IMAGE URL HERE);
}

**YOU'LL HAVE TO REPLACE CERTAIN THINGS. Put the url of a header (mine are located under each header) where it says IMAGE URL HERE at the bottom. Then change "width: ###px" to "width: 770px" for any of mine, and "height: 500px" for most of mine (ones that aren't will be noted with proper height.)

Then find this:

#content {
width: 770px;
background-color: #ffffff;
padding: 0px;
border-width: 0px;
margin-top: 155px;
}

And replace it with this:

#content {
width: 770px;
background-color: #ffffff;
padding: 0px;
border-width: 0px;
margin-top: 0px;
}

For example, if you like this header:




Then this is what your header code will look like:

.headerimage {
position: relative;
margin-left: auto;
margin-right: auto;
width: 770px;
height: 500px;
background-repeat: no-repeat;
background-image: url(http://i173.photobucket.com/albums/w62/truthxinxshadow/polkadotheader.jpg);
}

Go to sodoesrachael to see how this header, but with added text, looks on an LJ page.

HAVE FUN.sodoesrachael