Your lj is beautiful! But I know what you mean by wanting to personalize it. :b
Some other more basic layouts allows users to supply customized banners easily. However the rest of setups are too basic.
So I chose to modify a ready made theme instead. The codes I specified here should be suitable for any theme under the Expressive styled layout at LiveJournal. The one I used is called "Chopstick".
If you like another theme under the Expressive layout, but want to use your own banner, you can add the following css code in the "Custom Stylesheet" field under the "Custom CSS" link (provided on the left of the page when you select the "Customize your theme" option):
Just remember you don't want to host your banner image at Photobucket because it automatically reduces image sizes if it gets too wide/tall. ImageShack is a great alternative...
On the other hand, if you just want to add a banner picture to your current pretty layout (you are using the Bloggish style called "Beckett" right?), you may want to specify the following code instead:
#banner { width: 760px; /* necessary for ie win */ background: #600 url(...replace your image url here...) no-repeat; }
For "Beckett" or other Bloggish styled layout, the optimal banner size should be 760 pixel in width. But I think you can make the height bigger though.
Also you don't really need the #600 color specification here if your banner is going to fill up the entire header area. By the way #600 is the maroon-ish color that fills up your header.
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
no subject
Date: 2008-05-05 05:58 pm (UTC)Your lj is beautiful! But I know what you mean by wanting to personalize it. :b
Some other more basic layouts allows users to supply customized banners easily. However the rest of setups are too basic.
So I chose to modify a ready made theme instead. The codes I specified here should be suitable for any theme under the Expressive styled layout at LiveJournal. The one I used is called "Chopstick".
If you like another theme under the Expressive layout, but want to use your own banner, you can add the following css code in the "Custom Stylesheet" field under the "Custom CSS" link (provided on the left of the page when you select the "Customize your theme" option):
#header {background: url(...replace your image url here...) no-repeat bottom right;
padding: 0;
border-bottom: 1px solid #666;
}
Just remember you don't want to host your banner image at Photobucket because it automatically reduces image sizes if it gets too wide/tall. ImageShack is a great alternative...
On the other hand, if you just want to add a banner picture to your current pretty layout (you are using the Bloggish style called "Beckett" right?), you may want to specify the following code instead:
#banner{
width: 760px; /* necessary for ie win */
background: #600 url(...replace your image url here...) no-repeat;
}
For "Beckett" or other Bloggish styled layout, the optimal banner size should be 760 pixel in width. But I think you can make the height bigger though.
Also you don't really need the
#600color specification here if your banner is going to fill up the entire header area. By the way#600is the maroon-ish color that fills up your header.Hopefully this helps!