Help - Search - Members - Calendar
Full Version: centered header img in generator?
Forums > Resource Center > Support Center > Livejournal Support > Livejournal Resolved Topics
evillaundry
Jan 25 2006, 04:59 AM
firstly, here is my lj
http://---.livejournal.com
s1 generator with custom colors

alls i wanna do is center a 600x400 image at the top above the entire journal. how?
Libertie
Jan 25 2006, 09:44 AM
QUOTE
GLOBAL_HEAD<=
<style type="text/css">
body {
background-image: url(IMAGELINKHERE);
background-position: top;
margin-top: 400px;
}
</style>
<=GLOBAL_HEAD


The parts in bold you will need to change. The image link is obviously the link to your image, and the top margin will usually be the height of your image. A bigger number will move it down, smaller will move it up - so if it looks weird, change that number as needed.
evillaundry
Jan 26 2006, 07:01 AM
hmm. when i added that code, it just made my header image a tiling background. this is what my code looks like now:

QUOTE
GLOBAL_HEAD<=
<style type="text/css">
.entrybox td {
text-align: justify;
}

td, font, div, p {
font-family: tahoma, sans-serif;
font-size: 8pt;
}

body {
background-image: url(http://www.evillaundry.com/livejournal/fhmheader.png);
background-position: top;
margin-top: 400px;
font-family: tahoma, sans-serif;
font-size: 8pt;
}
</style>
<=GLOBAL_HEAD

do you see anything wrong with it? if you go to my el jay, i edited out the image link in the actual code because it looked really stupid. but the entire journal has been moved down the correct 400px, it's just that my image tiles over the entire page.
Libertie
Jan 26 2006, 11:12 PM
Ah. Sorry..

QUOTE
body {
background-image: url(http://www.evillaundry.com/livejournal/fhmheader.png);
background-position: top;
background-repeat: no-repeat;
margin-top: 400px;
font-family: tahoma, sans-serif;
font-size: 8pt;
}


Add that line to the code.
evillaundry
Jan 27 2006, 05:56 AM
sweet. thanks. :)
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.