getting_started | Okay, I've googled and scoured but can't find...

Entry tags:

Okay, I've googled and scoured but can't find...

how to add a header image to Transmorgified. Am I missing something simple or does anyone have a link?

Thanks!

This is the instructions from the LJ community for the style:

http://community.livejournal.com/transmogrified1/1355.html

I have not tried this, just be warned.

This is perfect! Thanks for the quick response!

In case you need instructions from the very beginning - here on dreamwidth you would go to http://www.dreamwidth.org/customize/options.bml and select "Custom CSS" under customize your theme to get to the text-box where you add in the code.

When I added a header image, I just did this (which is basically the second option in the link

facetofcathy provided.

#header
{
background-image: url(http://www.example.com/image.jpg);
background-repeat: no-repeat;
background-position: bottom right;
height: 150px;
}

the background-position (I used right, because I had an image that "cut off" at the right side, and I wanted it pinned to the right of the display) accepts center, right, left, top, bottom, etc.

height is the height of your image, assuming you want it to fill the header from top to bottom. If you wanted the image centered in a sea of whatever your header color is, make the height larger than your image height.

I've probably left something out...

(ETA - I win at referring to code I didn't include in the snippet. sorry!)

Edited 2009-04-29 23:23 (UTC)

awesome! Exactly what I needed! Thanks!!

Following the tute, I plonked this code into the customize CSS code:

#container {
padding-top: 480px;
background-image: url http://img.photobucket.com/albums/username/blacknwhite.jpg;
background-scroll: no-scroll;
background-repeat: no-repeat;
background-position: top center;
}

(yes photobucket url is disguised) but although the blog itself has moved down to make room for a top-centered background image, the image itself doesn't seem to load. I've tried it with and without brackets and speech marks.

Any ideas what might be causing that?

Edited 2009-04-30 17:19 (UTC)