kari (kari77) wrote in qaf_comingout, @ 2009-06-25 00:08:00 |
|
|||
Entry tags: | banners, layouts |
Setting up a header in your journal
maxymama asked in her journal how to set up a header, and outlander hinted that it would make a good post for this community.
So I'll just try and give the explanation a shot with my profound half-knowledge.
Beware: the following instructions are from the perspective of a free account user. But there are probably one or two things that will work the same in paid accounts.
- Go to your user info page -> choose "Customize journal"
- on the "Basics" tab choose "S2"
- go to the "Custom options" tab
- in the "Margin size on the top of the content area" box you put the height of your header in pixels, for example "300px" (without the quotation marks)
--> this should shift your journal content down so the background picture is visible at the top
- put the URL of your image in the "Background image URL" box
- choose "Don't repeat" in the "Background image repeat"
- put the "Background image scrolling" on "Fixed"
- Save changes (at the bottom of the site)
************************************
There could be a problem with the visibility of the background picture if you use the navigation strip. It may cover the top of your picture.
To avoid that you can just forget everything I said before and instead put the following in the
custom stylesheet box at the end of the page:
body {
margin-top: 300px !important;
background-image: url("http://i11.photobucket.com/albums/e
background-repeat: no-repeat !important;
background-position: center 46px !important;
}
Explanation:
margin-top: use the height of the header pic in pixels
background-position: defines the position of the background picture; you can use "left" or "right" or "center"; the number is used to shift the picture down, so it won't be covered by the navigation strip.
Hope this was in any way helpful and didn't just manage to confuse everyone. lol
Feel free to ask if something is unclear or to correct any mistakes I included, and to add information that fits the topic as well.
Thanks. :)